@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.admin-crud{margin-top:22px;padding:22px}.admin-crud h2{margin:0 0 15px;font-size:19px}.crud-row{grid-template-columns:minmax(180px,1fr) auto auto;align-items:end;gap:10px;margin-top:14px;display:grid}.crud-row label{color:#566176;gap:6px;font-size:13px;display:grid}.crud-row select{background:#fff;border:1px solid #d9e0eb;border-radius:7px;height:39px;padding:0 8px}.crud-row button{color:#3967bd;cursor:pointer;background:#fff;border:1px solid #cad7ee;border-radius:7px;height:39px;padding:0 12px}.crud-row button:last-child{color:#b85561;border-color:#edc8cc}.crud-row button:disabled{opacity:.45;cursor:not-allowed}@media (width<=850px){.crud-row{grid-template-columns:1fr}.crud-row button{width:100%}}.finance-forms{align-items:stretch}.finance-form{padding:26px}.finance-form form{align-content:start;gap:15px;height:100%;display:grid}.finance-form label{font-size:14px;font-weight:500}.finance-form select,.finance-form input{height:44px}.finance-form .form-row{margin:0}.finance-form .primary{justify-content:center;width:100%;margin-top:2px}.admin-crud{margin:0 0 24px}.admin-crud>.primary{margin-bottom:4px}.finance-tabs{border-bottom:1px solid #e1e6ee;gap:8px;margin:-22px 0 26px;display:flex}.finance-tabs button{color:#66728a;cursor:pointer;background:0 0;border:0;padding:12px 16px;font:14px Inter}.finance-tabs button.on{color:#3166d8;border-bottom:2px solid #3166d8;font-weight:600}.finance-forms{grid-auto-rows:330px}.finance-form{height:330px;overflow:hidden!important}.finance-form form{grid-template-rows:auto auto 1fr}.finance-form .primary{align-self:end}.invoice-table{padding-top:0}.invoice-table h2{margin:0;padding:22px 24px 0}@media (width<=850px){.finance-forms{grid-auto-rows:auto}.finance-form{height:auto;min-height:0}.finance-tabs{white-space:nowrap;overflow:auto}}.plan-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;display:grid}.plan-grid article{background:#fff;border:1px solid #e1e6ee;border-radius:10px;gap:8px;padding:20px;display:grid}.plan-grid strong{color:#3166d8;font-size:24px}.plan-grid span{color:#738099;font-size:14px}.plan-grid small{color:#647086}.finance-forms,.cards-page{grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px;display:grid}.finance-form,.card-maker,.card-scan{padding:23px}.finance-form h2,.card-maker h2,.card-scan h2{margin:0 0 18px;font-size:19px}.finance-form form,.card-maker label,.card-scan form{gap:12px;display:grid}.finance-form label,.card-maker label{color:#566176;gap:7px;display:grid}.finance-form select,.card-maker select{background:#fff;border:1px solid #d9e0eb;border-radius:7px;height:43px;padding:0 10px;font:14px Inter}.finance-payments{margin-top:22px}.member-card{text-align:center;background:#f9fbff;border:1px solid #ccd9f7;border-radius:10px;justify-items:center;gap:10px;margin-top:22px;padding:22px;display:grid}.member-card img{width:150px;height:150px}.member-card small{color:#6f7b90;font-size:11px}.member-card button{color:#3166d8;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:flex}.card-scan p{color:#6e798e}.scan-result{color:#27764e;background:#ecf9f0;border-radius:8px;margin-top:18px;padding:16px}.scan-result p{color:#27764e;margin:7px 0}@media (width<=850px){.plan-grid,.finance-forms,.cards-page{grid-template-columns:1fr}}.finance-page .plan-grid{gap:16px;margin-bottom:20px}.finance-page .plan-grid article{min-height:132px;padding:19px 20px;box-shadow:0 2px 6px #1d396308}.finance-page .plan-grid strong{font-size:23px}.finance-forms{grid-auto-rows:402px;gap:20px}.finance-form{box-shadow:0 2px 8px #1d396308;height:402px!important;padding:25px!important;overflow:hidden!important}.finance-form h2{margin-bottom:20px!important}.finance-form form{flex-direction:column;gap:15px!important;height:calc(100% - 43px)!important;display:flex!important}.finance-form .form-row{gap:14px}.finance-form .primary{flex-shrink:0;min-height:48px;margin-top:auto!important}.invoice-page{gap:20px;display:grid}.invoice-toolbar{background:#fff;border:1px solid #e1e6ee;border-radius:11px;align-items:center;gap:12px;padding:15px 17px;display:flex}.invoice-toolbar label{color:#8690a0;border:1px solid #dce2eb;border-radius:7px;flex:1;align-items:center;gap:10px;height:42px;padding:0 12px;display:flex}.invoice-toolbar input{border:0;outline:0;width:100%;font:14px Inter}.invoice-toolbar select{background:#fff;border:1px solid #dce2eb;border-radius:7px;min-width:154px;height:42px;padding:0 10px;font:14px Inter}.invoice-toolbar>span{color:#69768b;white-space:nowrap;font-size:13px}.invoice-toolbar button,.invoice-detail-actions button,.invoice-detail-values button{color:#3166d8;cursor:pointer;white-space:nowrap;background:#f8faff;border:1px solid #c9d7ef;border-radius:7px;align-items:center;gap:7px;height:42px;padding:0 13px;font:13px Inter;display:flex}.invoice-details{background:#fbfdff;border:1px solid #cddbf4;border-radius:11px;grid-template-columns:1fr auto;gap:15px;padding:20px 22px;display:grid}.invoice-details>div>span:first-child{color:#6d7b91;letter-spacing:.4px;font-size:11px;font-weight:700}.invoice-details h2{margin:5px 0;font-size:20px}.invoice-details p{color:#66738a;margin:0;font-size:14px}.invoice-detail-values{justify-content:flex-end;align-items:center;gap:10px;display:flex}.invoice-detail-values>b{color:#1f4fa9;font-size:18px}.invoice-detail-actions{grid-column:1/-1;gap:10px;padding-top:3px;display:flex}.invoice-detail-actions button:first-child{color:#fff;background:#3166d8;border-color:#3166d8}.invoice-table{overflow:hidden}.invoice-table-head{justify-content:space-between;align-items:center;padding:22px 24px 16px;display:flex}.invoice-table-head h2{margin:0 0 6px;padding:0}.invoice-table-head p{color:#718096;margin:0;font-size:13px}.invoice-table table{margin-top:0}.invoice-table th,.invoice-table td{padding:17px 22px}.invoice-actions{align-items:center;gap:7px;display:flex}.invoice-actions button{color:#3166d8;cursor:pointer;background:#fff;border:1px solid #d4ddec;border-radius:6px;align-items:center;gap:4px;height:31px;padding:0 8px;font:12px Inter;display:inline-flex}.invoice-actions button+button{padding:0 7px}@media (width<=850px){.finance-forms{grid-auto-rows:auto}.finance-form{min-height:0;height:auto!important}.finance-form form{min-height:300px;height:auto!important}.invoice-toolbar{grid-template-columns:1fr 1fr;display:grid}.invoice-toolbar label{grid-column:1/-1}.invoice-toolbar button{justify-content:center}.invoice-details{grid-template-columns:1fr}.invoice-detail-values{flex-wrap:wrap;justify-content:flex-start}.invoice-detail-actions{flex-wrap:wrap;grid-column:auto}}.finance-page .plan-grid article{min-height:0}.plan-edit{color:#3166d8;cursor:pointer;background:#fff;border:1px solid #cad8f2;border-radius:6px;align-self:start;align-items:center;gap:6px;width:max-content;margin-top:4px;padding:7px 9px;font:12px Inter;display:inline-flex}.plan-edit:hover{background:#f4f7ff}.admin-crud .crud-row button{justify-content:center;align-items:center;gap:5px;display:flex}.session-actions{color:#738099;align-items:center;gap:18px;display:flex}.logout{color:#44536c;cursor:pointer;background:#fff;border:1px solid #d8e0ec;border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 13px;font:14px Inter;display:inline-flex}.logout:hover{color:#285bbc;background:#f8faff;border-color:#9eb3d8}@media (width<=850px){.session-actions>span{display:none}.session-actions{gap:0}.logout{padding:0 10px}}.login-page .password-field{gap:8px;font-size:14px;display:grid}.login-page .password-field>div{position:relative}.login-page .password-field input{width:100%;padding-right:48px}.login-page .password-field button{color:#61708a;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.login-page .password-field button:hover{color:#3166d8;background:#f1f5fd}.login-page .password-field button:active{box-shadow:none;transform:translateY(-50%)scale(.92)}.login-submit{justify-content:center;width:100%;min-width:50px;height:50px;position:relative;overflow:hidden}.login-submit>span{transition:opacity .13s,transform .13s}.login-submit>i{opacity:0;border:0 solid #fff;border-top-color:#0000;border-radius:50%;width:0;height:0;transition:width .18s,height .18s,border-width .18s,opacity .1s;animation:.7s linear infinite login-spinner;position:absolute}.login-submit.loading{cursor:wait;border-radius:50%;justify-self:center;width:50px;padding:0;box-shadow:0 5px 12px #3166d84d}.login-submit.loading>span{opacity:0;transform:scale(.75)}.login-submit.loading>i{opacity:1;border-width:2.5px;width:21px;height:21px}@keyframes login-spinner{to{transform:rotate(360deg)}}.upload-state{color:#3166d8;margin-top:7px;font-size:12px;display:block}.modal input[type=file]:disabled{opacity:.65;cursor:wait}.book-cover{object-fit:cover;background:#f6f8fb;border:1px solid #dce3ed;border-radius:5px;width:46px;height:58px;display:block;box-shadow:0 1px 3px #1d39611a}.book-cover.placeholder{color:#7890b8;place-items:center;display:grid}.book-tabs{border-bottom:1px solid #e1e6ee;gap:8px;margin:-20px 0 25px;display:flex}.book-tabs button{color:#66728a;cursor:pointer;background:0 0;border:0;padding:12px 16px;font:14px Inter}.book-tabs button.on{color:#3166d8;border-bottom:2px solid #3166d8;font-weight:600}.book-tabs span{color:#3166d8;background:#edf3ff;border-radius:99px;place-items:center;min-width:18px;height:18px;margin-left:5px;font-size:11px;display:inline-grid}.physical-toolbar{align-items:start;gap:18px;margin-bottom:20px;display:flex}.physical-toolbar .filters{flex:1;margin:0}.physical-toolbar .filters label,.physical-toolbar .filters select{height:51px}.physical-toolbar .primary{white-space:nowrap;height:51px}.locations-header{justify-content:space-between;align-items:center}.locations-header p{color:#6e7a90;margin:0}@media (width<=850px){.book-tabs{white-space:nowrap;overflow:auto}.physical-toolbar{display:grid}.physical-toolbar .primary{justify-content:center;width:100%}.locations-header{flex-direction:column;align-items:start;display:flex}}.asset-ready{color:#28794d;margin-top:7px;font-size:12px;display:block}.digital-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.digital-grid>article{background:#fff;border:1px solid #e1e6ee;border-radius:11px;grid-template-columns:55px 1fr;gap:15px;min-height:162px;padding:18px;display:grid}.digital-grid .book-cover{width:50px;height:68px}.digital-grid h2{margin:3px 0 6px;font-size:17px}.digital-grid p{color:#60708b;margin:0;font-size:14px}.digital-grid span,.digital-grid small{color:#718097;font-size:12px;display:block}.digital-grid small{color:#28794d;margin-top:8px}.digital-actions{grid-column:1/-1;gap:9px;display:flex}.digital-actions button{color:#3166d8;cursor:pointer;background:#fff;border:1px solid #cbd8ef;border-radius:7px;align-items:center;gap:6px;height:35px;padding:0 11px;font:13px Inter;display:flex}.digital-actions .primary{color:#fff;background:#3166d8;border-color:#3166d8}.digital-actions .primary:disabled{opacity:.45;cursor:not-allowed}.digital-empty{text-align:center;color:#718097;grid-column:1/-1;padding:34px}.digital-empty h2{color:#26354b;margin:10px 0 6px}.digital-empty p{margin:0}@media (width<=850px){.digital-grid{grid-template-columns:1fr}}.upload-progress{background:#e5ebf5;border-radius:99px;width:100%;height:7px;margin-top:8px;display:block;overflow:hidden}.upload-progress i{border-radius:inherit;background:#3166d8;height:100%;transition:width .18s;display:block}.save-submit{justify-content:center;min-width:126px;height:44px;position:relative;overflow:hidden}.save-submit>span{transition:opacity .12s,transform .12s}.save-submit>i{opacity:0;border:0 solid #fff;border-top-color:#0000;border-radius:50%;width:0;height:0;transition:width .17s,height .17s,border-width .17s,opacity .1s;animation:.7s linear infinite save-spinner;position:absolute}.save-submit.loading{border-radius:50%;align-self:center;width:44px;min-width:44px;padding:0}.save-submit.loading>span{opacity:0;transform:scale(.72)}.save-submit.loading>i{opacity:1;border-width:2.5px;width:19px;height:19px}@keyframes save-spinner{to{transform:rotate(360deg)}}.modal:has(.secure-reader){width:min(1120px,100%)}.secure-reader p{color:#61708a;margin:0 0 14px;font-size:13px}.secure-reader iframe{background:#f5f7fb;border:1px solid #dce3ed;border-radius:8px;width:100%;height:min(70vh,760px);display:block}@media (width<=850px){.secure-reader iframe{height:60vh}}.subscriber-card{color:#17213a;background:#fff;border:2px solid #18233a;border-radius:4px;margin-top:22px;padding:16px}.subscriber-card header{letter-spacing:.3px;border-bottom:1px solid #17213a;justify-content:space-between;align-items:center;gap:12px;padding-bottom:11px;font-size:12px;display:flex}.subscriber-card header>div{align-items:center;gap:7px;display:flex}.subscriber-card header svg{color:#3166d8}.subscriber-card>section{grid-template-columns:86px 1fr 104px;align-items:center;gap:14px;padding:17px 0;display:grid}.subscriber-photo{background:#f3f6fb;border:1px solid #17213a;place-items:center;height:104px;font-size:25px;font-weight:700;display:grid}.subscriber-details{gap:6px;font-size:13px;display:grid}.subscriber-qr{justify-items:center;gap:5px;display:grid}.subscriber-qr img{width:92px;height:92px}.subscriber-qr small{letter-spacing:.4px;font-size:9px;font-weight:700}.subscriber-card footer{text-align:center;border-top:1px solid #17213a;padding-top:10px;font-size:11px}.subscriber-card>button{color:#3166d8;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:13px auto 0;font:13px Inter;display:flex}@media (width<=850px){.subscriber-card>section{grid-template-columns:70px 1fr}.subscriber-photo{height:88px}.subscriber-qr{grid-area:2/1/auto/-1}.subscriber-card header>span{display:none}}.report-tools,.receipt-format{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 28px;display:flex}.report-nav{flex:1;gap:4px;display:flex}.report-nav button{color:#69758a;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:9px 14px;font:14px Inter;display:flex}.report-nav button.on{color:#3166d8;background:#edf3ff}.report-tools select,.receipt-format select{background:#fff;border:1px solid #dce2eb;border-radius:8px;height:45px;padding:0 14px;font:15px Inter}.report-cards{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px;display:grid}.report-cards article{background:#fff;border:1px solid #e1e6ee;border-radius:10px;align-items:center;gap:16px;height:102px;padding:20px;display:flex}.report-cards svg{color:#3368d3}.report-cards span,.report-cards b{display:block}.report-cards span{color:#69768d;font-size:14px}.report-cards b{margin-top:5px;font-size:24px}.report-grid,.receipt-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.compact{padding:22px}.compact h2,.receipt-controls h2,.receipt-preview h2{margin:0 0 20px;font-size:19px}.compact p{color:#69758a;justify-content:space-between;display:flex}.compact p b{color:#3267d0}.receipt-controls,.receipt-preview{padding:24px}.receipt-controls label{color:#566176;gap:8px;display:grid}.receipt-controls select{background:#fff;border:1px solid #dce2eb;border-radius:7px;height:45px;padding:0 10px;font:15px Inter}.loan-details{background:#fafbfe;border-radius:8px;margin:17px 0;padding:15px}.loan-details p{margin:8px 0;font-size:14px}.receipt-buttons{gap:10px;display:flex}.receipt-buttons button{color:#fff;cursor:pointer;background:#168d52;border:0;border-radius:7px;flex:1;justify-content:center;gap:8px;padding:12px;font:15px Inter;display:flex}.receipt-buttons button+button{background:#3166d8}.receipt-buttons button:disabled{opacity:.5;cursor:not-allowed}.receipt-preview>p{color:#8a94a6;text-align:center;margin:85px 0}.ticket{text-align:left;background:#fff;border:1px solid #dce2eb;border-radius:6px;width:300px;min-height:380px;margin:auto;padding:22px;font-size:13px;line-height:1.45;box-shadow:0 4px 16px #0000000f}.ticket.a4{width:420px;min-height:500px;padding:32px}.ticket-head{text-align:center;margin-bottom:12px}.ticket-head b{letter-spacing:.5px;color:#111827;font-size:20px;display:block}.ticket-sub{color:#6b7280;margin-top:2px;font-size:11px;display:block}.ticket-badge{color:#374151;text-transform:uppercase;background:#f3f4f6;border:1px solid #d1d5db;border-radius:99px;margin-top:6px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}.ticket-ref{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin:10px 0;padding:6px 10px}.ticket-ref-code{color:#2563eb;letter-spacing:1px;font-family:monospace;font-size:13px;font-weight:800;display:block}.ticket-ref-date{color:#6b7280;font-size:11px;display:block}.ticket-dash{border:0;border-top:1.5px dashed #cbd5e1;margin:12px 0}.ticket-section{margin-bottom:10px}.ticket-sec-title{color:#6b7280;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #f1f5f9;margin-bottom:4px;padding-bottom:2px;font-size:10px;font-weight:800}.ticket-row{justify-content:space-between;gap:8px;padding:2px 0;font-size:12px;display:flex}.ticket-label{color:#6b7280}.ticket-val{color:#111827;text-align:right;word-break:break-word;font-weight:600}.ticket-highlight{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin-top:6px;padding:6px 10px}.ticket-highlight .ticket-val{color:#1d4ed8;font-size:13px;font-weight:800}.ticket-qr{text-align:center;padding:8px 0 4px}.ticket-qr-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:6px;display:inline-block}.ticket-qr img{width:110px;height:110px;image-rendering:pixelated;margin:0 auto;display:block}.ticket-qr code{color:#4b5563;letter-spacing:1px;margin-top:4px;font-family:monospace;font-size:10px;font-weight:700;display:block}.ticket-qr small{color:#9ca3af;margin-top:2px;font-size:10px;display:block}.ticket-footer{text-align:center;color:#6b7280;font-size:11px;line-height:1.4}.ticket-footer b{color:#111827;margin-bottom:2px;display:block}.settings-tabs{align-items:center;gap:10px;margin-bottom:20px;display:flex}.settings-tabs>button:not(.primary){color:#69758a;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:11px 12px;display:flex}.settings-tabs .on{color:#3166d8;border-bottom:2px solid #3166d8!important}.settings-tabs .primary{margin-left:auto;padding:11px 16px;font-size:14px}.settings-content{min-height:240px;padding:26px}.settings-content h2{margin-top:0;font-size:20px}.settings-content>label{color:#566176;gap:7px;margin:17px 0;display:grid}.settings-content textarea{border:1px solid #d9e0eb;border-radius:7px;min-height:80px;padding:10px;font:15px Inter}.settings-content .check{margin-top:20px}@media (width<=850px){.report-tools,.receipt-format{margin:0 0 20px}.report-cards{grid-template-columns:repeat(2,1fr)}.report-grid,.receipt-grid{grid-template-columns:1fr}.settings-tabs{flex-wrap:wrap}.settings-tabs .primary{margin-left:0}}:root{color:#16213a;background:#f8fafc;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{zoom:.82;margin:0}.topbar{background:#fff;border-bottom:1px solid #e5e9f0;justify-content:space-between;align-items:center;height:116px;padding:0 38px;display:flex}.brand{color:#111827;align-items:center;gap:12px;font-size:32px;display:flex}.brand svg{color:#3267d6}.topbar>span,.page-heading p{color:#738099}.tabs{background:#fff;border-bottom:1px solid #e5e9f0;align-items:center;gap:10px;height:79px;padding:0 38px;display:flex}.tabs button{color:#5f6878;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:14px 23px;font:16px Inter;display:flex}.tabs button.selected{color:#3261be;background:#f8faff;border-color:#7891bf}.workspace{min-height:calc(100vh - 195px);padding:52px 38px}.page-heading{justify-content:space-between;align-items:start;gap:20px;margin-bottom:34px;display:flex}.page-heading h1{letter-spacing:-1.2px;margin:0 0 10px;font-size:36px}.page-heading p{margin:0}.primary{color:#fff;cursor:pointer;background:#3166d8;border:0;border-radius:9px;align-items:center;gap:9px;padding:15px 24px;font:16px Inter;display:inline-flex;box-shadow:0 4px 10px #3166d82b}.metrics{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:30px;display:grid}.metrics>div,.table-card{background:#fff;border:1px solid #e1e6ee;border-radius:14px}.metrics>div{flex-direction:column;justify-content:space-between;height:128px;padding:25px;display:flex}.metrics span{color:#748095;font-size:15px}.metrics b{font-size:31px}.filters{gap:22px;margin-bottom:34px;display:flex}.filters label{color:#8993a3;background:#fff;border:1px solid #dce2eb;border-radius:10px;flex:1;align-items:center;gap:14px;height:64px;padding:0 18px;display:flex}.filters input,.filters select{background:0 0;border:0;outline:0;width:100%;font:16px Inter}.filters select{background:#fff;border:1px solid #dce2eb;border-radius:10px;width:290px;padding:0 16px}.table-card{overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th{text-align:left;color:#858e9d;background:#fbfcfe;padding:20px 36px;font-size:13px}td{color:#505a6c;white-space:nowrap;border-top:1px solid #e8ecf2;padding:24px 36px;font-size:15px}td b{color:#1b263d}.tag,.type,.late-tag{color:#28794d;background:#e9f8ed;border-radius:999px;padding:6px 11px;font-size:13px}.type{color:#3d63b1;background:#edf3ff}.late-tag{color:#c6525b;background:#fff0f0}.due,.late{color:#c6525b}.actions{gap:10px;display:flex}.actions button,.return{color:#3868c9;cursor:pointer;background:0 0;border:0}.actions button+button{color:#b85c67}.no-rows{text-align:center;color:#8b94a3;padding:40px!important}.empty{padding:32px}.notice{color:#8b6523;background:#fff7e6;border:1px solid #efd9ac;border-radius:8px;justify-content:space-between;align-items:center;margin:-12px 0 22px;padding:12px 16px;animation:.3s noticeIn;display:flex}.notice span{align-items:center;gap:8px;display:flex}.notice button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:20px}.notice.success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.notice.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}@keyframes noticeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.overlay{z-index:5;background:#0d183966;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(650px,100%);max-height:90vh;padding:30px;overflow:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-head h2{margin:0;font-size:24px}.modal-head button{color:#858d99;cursor:pointer;background:0 0;border:0}.modal form{gap:17px;display:grid}.modal label,.form-row label{color:#4f596c;gap:7px;font-size:14px;display:grid}.modal input,.modal select,.modal textarea{background:#fff;border:1px solid #d9e0eb;border-radius:7px;width:100%;padding:10px;font:15px Inter}.modal input,.modal select{height:42px}.modal textarea{resize:vertical;min-height:82px}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.check{align-items:center;gap:8px;display:flex!important}.check input{width:auto!important;height:auto!important}.cover-preview{object-fit:cover;border:1px solid #d9e0eb;border-radius:7px;width:96px;height:126px;margin-top:6px;display:block}.form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.form-actions button[type=button]{color:#59647a;cursor:pointer;background:#fff;border:1px solid #d9e0eb;border-radius:7px;padding:11px 16px}.login-page{background:#f6f8fb;place-items:center;min-height:100vh;display:grid}.login-page section{background:#fff;border:1px solid #e1e6ee;border-radius:12px;width:min(420px,100% - 32px);padding:42px}.login-page .brand{margin-bottom:35px;font-size:25px}.login-page h1{margin:0 0 8px}.login-page p{color:#717b8d;margin:0 0 28px}.login-page form{gap:17px;display:grid}.login-page label{gap:8px;font-size:14px;display:grid}.login-page input{border:1px solid #d9e0e9;border-radius:7px;height:47px;padding:0 12px;font:14px Inter}.error{color:#b83d4e!important}@media (width<=850px){body{zoom:1}.topbar{height:76px;padding:0 20px}.brand{font-size:24px}.topbar>span{display:none}.tabs{height:66px;padding:0 14px;overflow:auto}.tabs button{white-space:nowrap;padding:10px 13px;font-size:14px}.workspace{padding:30px 18px}.page-heading h1{font-size:27px}.metrics{grid-template-columns:repeat(2,1fr)}.filters{display:grid}.filters select{width:100%;height:54px}.form-row{grid-template-columns:1fr}.modal{padding:23px}}.login-role-tabs{background:#f1f5f9;border-radius:8px;gap:4px;margin-bottom:20px;padding:3px;display:flex}.login-role-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:9px;font:600 14px Inter}.login-role-tabs button.on{color:#1e40af;background:#fff;box-shadow:0 1px 4px #00000014}.reader-app{background:#f8fafc;min-height:100vh}.reader-topbar{background:#fff;border-bottom:1px solid #e5e9f0;justify-content:space-between;align-items:center;height:76px;padding:0 38px;display:flex}.reader-profile-badge{align-items:center;gap:12px;display:flex}.reader-profile-badge .avatar{color:#2563eb;background:#eff6ff;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.reader-profile-badge div b{color:#0f172a;font-size:15px;display:block}.reader-profile-badge div small{color:#16a34a;font-size:12px;font-weight:600;display:block}.reader-nav{background:#fff;border-bottom:1px solid #e5e9f0;align-items:center;gap:8px;height:60px;padding:0 38px;display:flex;overflow-x:auto}.reader-nav button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font:500 14px Inter;display:flex}.reader-nav button.on{color:#2563eb;background:#edf3ff;font-weight:600}.reader-workspace{max-width:1400px;margin:0 auto;padding:36px 38px}.reader-hero{color:#fff;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:28px 34px;display:flex}.reader-hero h1{margin:0 0 6px;font-size:26px}.reader-hero p{opacity:.88;margin:0;font-size:14px}.reader-stats-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px;display:grid}.reader-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.reader-stat span{color:#64748b;margin-bottom:4px;font-size:13px;display:block}.reader-stat b{color:#0f172a;font-size:26px}.scan-return-dialog{gap:18px;display:grid}.scan-return-detected{background:#f0fdf4;border:1.5px solid #86efac;border-radius:10px;padding:16px}.scan-return-detected h3{color:#166534;align-items:center;gap:6px;margin:0 0 10px;font-size:16px;display:flex}.scan-return-detected p{color:#1e293b;margin:4px 0;font-size:14px}.scan-manual{gap:10px;margin-top:10px;display:flex}.scan-manual input{border:1px solid #d9e0eb;border-radius:7px;flex:1;height:42px;padding:0 12px;font:14px Inter}.scan-manual button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:7px;padding:0 16px;font-weight:600}.settings-container{gap:24px;max-width:960px;margin:0 auto;display:grid}.settings-nav-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex;box-shadow:0 1px 3px #00000008}.settings-nav-pills{flex-wrap:wrap;gap:6px;display:flex}.settings-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font:500 14px Inter,sans-serif;transition:all .2s;display:flex}.settings-tab-btn:hover{color:#1e293b;background:#f8fafc}.settings-tab-btn.active{color:#1e40af;background:#eff6ff;font-weight:600;box-shadow:0 1px 2px #2563eb14}.settings-save-btn{border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.settings-save-btn.success{background:#16a34a!important;box-shadow:0 4px 12px #16a34a40!important}.settings-form-layout{gap:20px;display:grid}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:20px;padding:24px 28px;display:grid;box-shadow:0 1px 3px #00000008}.settings-card-head{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:16px;padding-bottom:18px;display:flex}.settings-card-head h2{color:#0f172a;margin:0;font-size:18px;font-weight:700}.settings-card-head p{color:#64748b;margin:3px 0 0;font-size:13px}.settings-icon-badge{border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.settings-icon-badge.blue{color:#2563eb;background:#eff6ff}.settings-icon-badge.amber{color:#d97706;background:#fffbeb}.settings-icon-badge.purple{color:#7c3aed;background:#f5f3ff}.settings-icon-badge.emerald{color:#059669;background:#ecfdf5}.settings-grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-fields-stack{gap:20px;display:grid}.settings-field-group{gap:8px;display:grid}.settings-field-group label{cursor:pointer;gap:2px;display:grid}.settings-field-group label b{color:#1e293b;font-size:14px;font-weight:600}.settings-field-group label span{color:#64748b;font-size:12px}.settings-input-wrapper{background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;align-items:center;transition:all .2s;display:flex;overflow:hidden}.settings-input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.settings-input-wrapper input{color:#0f172a;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:11px 14px;font:600 15px Inter,sans-serif}.settings-input-wrapper textarea{color:#0f172a;resize:vertical;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:12px 14px;font:14px/1.5 Inter,sans-serif}.settings-input-wrapper.full{width:100%}.settings-unit-badge{color:#64748b;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#f8fafc;border-left:1.5px solid #e2e8f0;align-self:stretch;align-items:center;padding:0 16px;font-size:13px;font-weight:600;display:flex}.settings-callout{border:1px solid;border-radius:10px;gap:14px;padding:16px 18px;font-size:13px;line-height:1.5;display:flex}.settings-callout.amber{color:#92400e;background:#fffbeb;border-color:#fde68a}.settings-callout.blue{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.settings-callout-icon{flex-shrink:0;margin-top:2px}.settings-callout-body b{margin-bottom:4px;font-size:14px;font-weight:700;display:block}.settings-callout-body p{margin:0}.settings-toggle-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.settings-toggle-info b{color:#1e293b;margin-bottom:3px;font-size:14px;font-weight:600;display:block}.settings-toggle-info p{color:#64748b;margin:0;font-size:13px}.settings-switch{cursor:pointer;background:#cbd5e1;border:0;border-radius:999px;outline:none;flex-shrink:0;width:52px;height:30px;padding:3px;transition:background .25s;position:relative}.settings-switch:focus-visible{box-shadow:0 0 0 3px #2563eb40}.settings-switch.checked{background:#2563eb}.settings-switch-thumb{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .25s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 2px 4px #0003}.settings-switch.checked .settings-switch-thumb{transform:translate(22px)}.settings-bottom-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-top:4px;padding:14px 20px;display:flex;box-shadow:0 1px 3px #00000008}.settings-status-note{color:#475569;align-items:center;gap:8px;font-size:13px;display:flex}.settings-preview-box{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:10px;margin-top:6px;padding:20px}.settings-preview-tag{text-transform:uppercase;letter-spacing:.6px;color:#64748b;margin-bottom:12px;font-size:11px;font-weight:700;display:inline-block}.settings-live-header-preview{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-width:440px;margin:0 auto;padding:18px 24px;box-shadow:0 2px 6px #00000008}.preview-brand-title{color:#0f172a;letter-spacing:.5px;font-size:20px;font-weight:800}.preview-brand-addr{color:#64748b;white-space:pre-wrap;margin-top:4px;font-size:12px}.preview-brand-meta{color:#2563eb;background:#eff6ff;border-radius:999px;margin-top:10px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}.settings-backup-banner{text-align:center;background:linear-gradient(145deg,#f8fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:12px;place-items:center;gap:14px;padding:28px 24px;display:grid}.backup-status-pill{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #10b981b3}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.settings-backup-banner h3{color:#0f172a;margin:4px 0 0;font-size:20px;font-weight:700}.settings-backup-banner p{color:#64748b;max-width:600px;margin:0;font-size:14px;line-height:1.5}.settings-backup-badges{flex-wrap:wrap;justify-content:center;gap:10px;margin:6px 0 10px;display:flex}.badge-item{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;box-shadow:0 1px 2px #00000005}.settings-backup-action-area{place-items:center;gap:8px;margin-top:6px;display:grid}.backup-download-btn{border-radius:9px;align-items:center;gap:10px;padding:13px 26px;font-size:15px;font-weight:600;display:inline-flex}.settings-backup-action-area small{color:#64748b;font-size:12px}.settings-roles-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.settings-roles-tabs{flex-wrap:wrap;gap:8px;display:flex}.settings-role-pill-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font:600 13px Inter,sans-serif;transition:all .2s;display:inline-flex}.settings-role-pill-btn:hover{color:#0f172a;background:#f1f5f9}.settings-role-pill-btn.active{color:#fff;background:#1e40af;border-color:#1e40af;box-shadow:0 2px 6px #1e40af40}.settings-role-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.settings-role-summary-card b{color:#0f172a;font-size:15px;display:block}.settings-role-summary-card p{color:#64748b;margin:2px 0 0;font-size:13px}.roles-matrix-table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;overflow:hidden}.roles-matrix-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-size:12px;font-weight:700}.roles-matrix-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:13px}.roles-matrix-table tr:last-child td{border-bottom:0}.roles-matrix-table tr:hover td{background:#fafafa}.perm-name-cell b{color:#0f172a;font-size:14px;display:block}.perm-name-cell span{color:#64748b;font-size:12px}.perm-toggle-wrapper{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.perm-toggle-wrapper input[type=checkbox]{accent-color:#2563eb;cursor:pointer;width:18px;height:18px}.badge-role-tag{border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-role-tag.admin{color:#991b1b;background:#fee2e2}.badge-role-tag.biblio{color:#1e40af;background:#eff6ff}.badge-role-tag.finance{color:#065f46;background:#ecfdf5}.badge-role-tag.agent{color:#92400e;background:#fef3c7}.badge-role-tag.reader{color:#6b21a8;background:#f3e8ff}.book-row-clickable{cursor:pointer;transition:background-color .15s}.book-row-clickable:hover{background-color:#f8fafc!important}.book-row-clickable:hover td b{color:#2563eb}.book-title-cell{flex-direction:column;gap:5px;display:flex}.book-affiliation-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;width:fit-content;padding:2px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.book-affiliation-pill svg{color:#64748b;flex-shrink:0}.book-code-badge{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:2.5px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;font-weight:600}.book-card-clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.book-card-clickable:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #00000014}.modal-book-detail{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;flex-direction:column!important;width:min(640px,94vw)!important;max-height:88vh!important;padding:0!important;display:flex!important;overflow:hidden!important;box-shadow:0 20px 45px -10px #0f172a24,0 0 0 1px #0f172a0d!important}.book-detail-head{color:#0f172a;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.book-detail-head h2{color:#0f172a;letter-spacing:-.01em;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:700;display:flex}.book-detail-icon{color:#475569;flex-shrink:0}.book-detail-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;place-items:center;width:30px;height:30px;transition:all .15s;display:grid}.book-detail-close-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.book-detail-body{box-sizing:border-box;flex-direction:column;gap:18px;padding:22px;display:flex;overflow-y:auto;overflow-x:hidden!important}.book-detail-hero{align-items:flex-start;gap:18px;display:flex}.book-detail-cover{object-fit:cover;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;width:110px;height:156px;box-shadow:0 4px 12px -2px #0f172a1f}.book-detail-cover-placeholder{color:#94a3b8;background:linear-gradient(135deg,#f8fafc,#edf2f7);border:1px dashed #cbd5e1;border-radius:8px;flex-shrink:0;place-items:center;width:110px;height:156px;display:grid}.book-detail-hero-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.book-detail-hero-content h1{color:#0f172a;letter-spacing:-.015em;margin:0;font-size:20px;font-weight:700;line-height:1.3}.book-detail-hero-content .author-name{color:#64748b;margin:0;font-size:14px;font-weight:500}.book-detail-hero-content .author-name b{color:#1e293b;font-weight:600}.book-detail-badges{flex-wrap:wrap;gap:6px;margin-top:1px;display:flex}.badge-code{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:2.5px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:600}.badge-category{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;padding:2.5px 7px;font-size:11px;font-weight:600}.badge-digital{color:#166534;background:#f0fdf4;border:1px solid #dcfce7;border-radius:5px;align-items:center;gap:4px;padding:2.5px 7px;font-size:11px;font-weight:600;display:inline-flex}.badge-physical{color:#854d0e;background:#fefce8;border:1px solid #fef08a;border-radius:5px;padding:2.5px 7px;font-size:11px;font-weight:600}.badge-year{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:2.5px 7px;font-size:11px;font-weight:500}.btn-read-online{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #0f172a;border-radius:7px;align-items:center;gap:6px;padding:6px 13px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0f172a14}.btn-read-online:hover{background:#1e293b;border-color:#1e293b;transform:translateY(-1px)}.book-detail-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.book-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:4px;padding:11px 14px;display:flex}.book-info-card .card-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;font-size:10.5px;font-weight:600;display:flex}.book-info-card .card-label svg{color:#64748b}.book-info-card .card-val{color:#0f172a;word-break:break-word;font-size:13.5px;font-weight:600}.book-info-card .card-val code{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:600}.book-info-card .text-muted{color:#94a3b8;font-style:normal;font-weight:400}.book-detail-section{flex-direction:column;gap:7px;display:flex}.book-detail-section h3{color:#1e293b;letter-spacing:-.01em;align-items:center;gap:7px;margin:0;font-size:14px;font-weight:700;display:flex}.book-detail-desc-box{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:15px 18px}.book-detail-desc-text{color:#334155;white-space:pre-line;margin:0;font-size:13.5px;line-height:1.65}.book-detail-empty-desc{color:#94a3b8;align-items:center;gap:7px;font-size:13px;font-style:italic;display:flex}.book-detail-foot{background:#fff;border-top:1px solid #f1f5f9;justify-content:flex-end;padding:12px 22px;display:flex}.btn-modal-close{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:7px 18px;font-size:13px;font-weight:600;transition:all .15s}.btn-modal-close:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.confirm-dialog{width:min(440px,100%);padding:26px}.confirm-dialog p{color:#52627a;margin:0;line-height:1.55}.confirm-dialog .form-actions{margin-top:24px}.danger-confirm{background:#dc2626;box-shadow:0 4px 10px #dc262633}.danger-confirm:hover{background:#b91c1c}.reader-hero:has(+.notice.error)>.primary{display:none}.reader-hero:has(+.notice.error):after{content:"Pour renouveler votre accès, veuillez contacter le personnel de la bibliothèque.";color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;max-width:310px;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.4}.digital-locked>p{font-size:0!important}.digital-locked>p:after{content:"Votre formule est inactive ou expirée. Votre historique reste disponible ; pour réactiver l’accès à la bibliothèque numérique, contactez le personnel de la bibliothèque.";color:#64748b;font-size:15px;line-height:1.6}.action-menu{justify-content:center;align-items:center;display:inline-flex;position:relative}.more-button{color:#2563eb;width:34px;height:34px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.more-button:hover{background:#eff6ff;border-color:#bfdbfe}.more-button:active{transform:scale(.9)}.action-popover{z-index:20;background:#fff;border:1px solid #dbe3f0;border-radius:10px;gap:2px;min-width:176px;padding:6px;display:grid;position:absolute;top:38px;right:0;box-shadow:0 12px 26px #0f172a29}.action-popover button{color:#334155;text-align:left;width:100%;box-shadow:none;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:9px 10px;font-size:13px;display:flex}.action-popover button:hover{color:#1d4ed8;background:#f1f5f9}.action-popover button.danger{color:#dc2626}.action-popover button.danger:hover{color:#b91c1c;background:#fef2f2}@media (width>=701px){.table-card:has(.action-menu){overflow:visible}}.member-avatar{color:#285bbc;background:#edf3ff;border:1px solid #cddbf3;border-radius:50%;place-items:center;width:42px;height:42px;font-size:13px;font-weight:700;display:grid;overflow:hidden}.member-avatar img{object-fit:cover;width:100%;height:100%}.profile-preview{object-fit:cover;border:1px solid #d9e0eb;border-radius:50%;width:96px;height:96px;margin-top:7px;display:block}.subscriber-photo{overflow:hidden}.card-maker{justify-items:start;display:grid}.subscriber-card{color:#3f3f3f!important;background:#faf7f1!important;border:0!important;border-radius:0!important;width:min(100%,430px)!important;min-height:620px!important;margin:24px auto 0!important;padding:38px 34px!important;box-shadow:inset 0 0 0 8px #f5f2ec!important}.subscriber-card h3{text-align:center;margin:0 0 28px;font-family:Georgia,serif;font-size:27px;font-weight:500}.subscriber-member{background:#fff;border-radius:9px;grid-template-columns:145px 1fr;display:grid;overflow:hidden}.subscriber-photo{color:#080808!important;background:#424242!important;border:0!important;border-radius:0!important;place-items:center!important;width:145px!important;height:145px!important;margin:0!important;display:grid!important}.subscriber-photo img{object-fit:cover;width:100%!important;height:100%!important}.subscriber-details{letter-spacing:1.2px;align-content:center;color:#454545!important;gap:10px!important;padding:20px 10px!important;font:12px Arial,sans-serif!important;display:grid!important}.subscriber-details b{font-size:11px}.subscriber-details span{color:#454545!important}.subscriber-scan{text-align:center;width:250px;height:260px;margin:37px auto 0;padding:47px 30px 36px;position:relative}.subscriber-scan:before,.subscriber-scan:after{content:"";border:4px solid #ff4f79;border-color:#ff4f79 #0000;border-radius:28px;position:absolute;inset:16px 0}.subscriber-scan:after{border-color:#0000 #ff4f79;inset:0 16px}.subscriber-scan .scan-label{z-index:1;color:#444;letter-spacing:4px;white-space:nowrap;background:#faf7f1;padding:0 12px;font:700 17px Arial,sans-serif;position:absolute}.subscriber-scan .left,.subscriber-scan .right{writing-mode:vertical-rl;top:86px}.subscriber-scan .left{left:-8px;transform:rotate(180deg)}.subscriber-scan>img{z-index:2;width:150px;height:150px;image-rendering:pixelated;position:relative}.subscriber-card>button{color:#285bbc!important;box-shadow:none!important;background:#fff!important;border:1px solid #d2d9e5!important;border-radius:7px!important;align-items:center!important;gap:6px!important;margin:15px auto 0!important;padding:8px 12px!important;font:13px Inter!important;display:flex!important}@media (width<=500px){.subscriber-card{padding:28px 20px!important}.subscriber-member{grid-template-columns:120px 1fr}.subscriber-photo{width:120px!important;height:135px!important}.subscriber-scan{margin-top:22px;margin-bottom:-16px;transform:scale(.9)}}.subscriber-card{background:linear-gradient(145deg,#fdfaf4 0%,#f5efe6 100%)!important;position:relative!important;box-shadow:inset 0 0 0 8px #f8f4ed,0 18px 38px #1725541f!important}.subscriber-card:before{content:"BUKS";text-align:center;color:#d55678;letter-spacing:3px;font:700 9px Inter;position:absolute;top:16px;left:0;right:0}.subscriber-card h3{color:#253b60!important;margin-top:14px!important}.subscriber-card h3:after{content:"";background:linear-gradient(90deg,#315dbe,#ff6383);border-radius:10px;width:54px;height:3px;margin:11px auto 0;display:block}.subscriber-member{border:1px solid #fff;box-shadow:0 8px 18px #17255412}.subscriber-photo{box-shadow:inset -5px 0 #ff6383!important}.subscriber-details{background:linear-gradient(110deg,#fff,#fffbfc)!important}.subscriber-details b{color:#315dbe}.subscriber-scan{background:radial-gradient(circle,#fff 0 41%,#0000 42%);height:272px!important;margin-top:39px!important;padding:52px 30px 36px!important}.subscriber-scan:before{box-shadow:0 0 0 5px #ffd9e3,0 7px 16px #ff547a26;border:3px solid #ff547a!important;border-radius:30px!important;inset:17px!important}.subscriber-scan:after{background:0 0!important;border:1px dashed #f6adc0!important;border-radius:20px!important;inset:28px!important}.subscriber-scan .scan-label{z-index:4!important;color:#263b5b!important;letter-spacing:3.4px!important;background:#faf7f1!important;font-size:15px!important}.subscriber-scan .top{top:5px!important;left:48px!important}.subscriber-scan .bottom{bottom:4px!important;left:48px!important}.subscriber-scan .left{left:1px!important}.subscriber-scan .right{right:1px!important}.subscriber-scan>img{background:#fff;border-radius:5px;box-shadow:0 9px 22px #17255424;z-index:3!important;width:164px!important;height:164px!important;padding:10px!important}.subscriber-card>button{color:#fff!important;background:#315dbe!important;border-color:#315dbe!important;box-shadow:0 5px 12px #315dbe42!important}.subscriber-card>button:hover{background:#234b9d!important}.subscriber-card:before{content:"";background:url(/assets/buks-logo-D9XFTTq2.jpg) 50%/contain no-repeat;height:36px;top:10px}.subscriber-card h3{margin-top:28px!important}.generated-identity{color:#5c6b81;background:#f8faff;border:1px dashed #bdcae0;border-radius:8px;gap:6px;padding:11px 12px;font-size:13px;display:grid}.generated-identity b{color:#315dbe;font-size:13px}.card-maker{justify-items:center!important}.card-maker>h2,.card-maker>label,.card-maker>.primary{justify-self:start}.subscriber-card{width:min(100%,500px)!important;min-height:670px!important}.subscriber-member{grid-template-columns:160px 1fr!important}.subscriber-photo{width:160px!important;height:160px!important}.subscriber-details{overflow-wrap:anywhere;letter-spacing:.75px!important;gap:12px!important;padding:22px 17px!important;font-size:13px!important}.subscriber-scan{margin-top:31px!important}.card-scan{align-content:start}.camera-button{color:#285bbc;cursor:pointer;background:#f4f8ff;border:1px solid #9bb5e9;border-radius:8px;align-items:center;gap:8px;height:42px;margin:2px 0 14px;padding:0 14px;font:14px Inter;display:inline-flex}.camera-button:hover{background:#eaf2ff}.qr-camera{background:#f8fbff;border:1px solid #d7e3f5;border-radius:10px;margin:0 0 16px;padding:14px}.qr-camera-head{color:#263b5b;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.qr-camera-head button{color:#65758d;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;display:flex}.camera-view{aspect-ratio:4/3;background:#17213a;border-radius:8px;max-width:380px;margin:auto;position:relative;overflow:hidden}.camera-view video{object-fit:cover;width:100%;height:100%}.camera-view i{border:3px solid #ff547a;border-radius:16px;position:absolute;inset:18% 25%;box-shadow:0 0 0 200vmax #0b122233}.camera-view i:before,.camera-view i:after{content:"";border-style:solid;border-color:#fff;width:22px;height:22px;position:absolute}.camera-view i:before{border-width:3px 0 0 3px;top:-3px;left:-3px}.camera-view i:after{border-width:0 3px 3px 0;bottom:-3px;right:-3px}.qr-camera small{color:#65758d;text-align:center;margin-top:10px;display:block}.card-scan form{margin-top:4px}.subscriber-scan .top,.subscriber-scan .bottom{left:50%!important;transform:translate(-50%)!important}.subscriber-scan .left,.subscriber-scan .right{top:50%!important}.subscriber-scan .left{transform:translateY(-50%)rotate(180deg)!important}.subscriber-scan .right{transform:translateY(-50%)!important}.qr-image-upload{color:#315dbe;cursor:pointer;background:#f8fbff;border:1px dashed #9bb5e9;border-radius:10px;gap:9px;margin:4px 0 18px;padding:15px;display:grid}.qr-image-upload>span{align-items:center;gap:8px;font-weight:600;display:flex}.qr-image-upload input{color:#4b5c75;background:#fff;border:1px solid #d7e3f5;border-radius:7px;width:100%;padding:8px;font:13px Inter}.qr-image-upload small{color:#66758d;font-size:12px}.qr-image-upload small.error{color:#cf334f}.modal:has(.member-history){width:min(980px,100%)}.member-history{gap:18px;display:grid}.history-header{background:linear-gradient(120deg,#f8fbff,#fff);border:1px solid #dbe5f3;border-radius:10px;align-items:center;gap:13px;padding:14px;display:flex}.history-header .member-avatar{width:58px;height:58px;font-size:18px}.history-header>div{gap:4px;display:grid}.history-header b{font-size:17px}.history-header span{color:#61728c;font-size:13px}.history-header small{width:max-content}.history-stats,.usage-stats,.finance-summary{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.history-stats>div,.usage-stats>div,.finance-summary article{background:#fff;border:1px solid #dfe7f2;border-radius:9px;gap:6px;padding:14px;display:grid}.history-stats span,.usage-stats span,.finance-summary span{color:#718096;font-size:12px}.history-stats b,.usage-stats b,.finance-summary b{color:#2454ac;font-size:20px}.usage-stats small{color:#718096}.history-tabs{border-bottom:1px solid #dfe7f2;gap:7px;display:flex}.history-tabs button{color:#68788f;cursor:pointer;background:0 0;border:0;padding:10px 12px;font:13px Inter}.history-tabs button.on{color:#285bbc;border-bottom:2px solid #3166d8;font-weight:700}.history-content{gap:13px;display:grid}.history-content h3{margin:0;font-size:16px}.history-content table{min-width:0}.history-content th,.history-content td{padding:12px 10px;font-size:13px}.active-subscription{color:#2d6b4c;background:#effbf3;border-left:4px solid #22a361;border-radius:7px;flex-wrap:wrap;align-items:center;gap:12px;padding:13px;font-size:13px;display:flex}.activity-list{gap:7px;max-height:260px;display:grid;overflow:auto}.activity-list article{border:1px solid #e5eaf2;border-radius:7px;grid-template-columns:170px 1fr auto;align-items:center;gap:10px;padding:11px 12px;font-size:13px;display:grid}.activity-list span{color:#64748b}.activity-list time{color:#8793a5;font-size:11px}.finance-insights{gap:20px;display:grid}.finance-summary{grid-template-columns:repeat(3,1fr)}.finance-trend{padding:20px}.finance-trend h2{margin:0 0 12px;font-size:18px}.finance-trend table{min-width:0}.finance-trend th,.finance-trend td{padding:13px 16px}@media (width<=750px){.history-stats,.usage-stats,.finance-summary{grid-template-columns:repeat(2,1fr)}.history-tabs{overflow:auto}.history-tabs button{white-space:nowrap}.activity-list article{grid-template-columns:1fr}.history-content table{min-width:620px}.finance-summary{grid-template-columns:1fr}}.access-channel{color:#52627a;gap:6px;max-width:310px;margin:0 0 12px;font-size:13px;display:grid}.access-channel select{color:#263b5b;background:#fff;border:1px solid #cddbf0;border-radius:7px;height:40px;padding:0 10px;font:14px Inter}.finance-workspace{gap:22px;display:grid}.finance-tabs{border-bottom:1px solid #d9e2ef;gap:4px;padding:0 8px;display:flex;overflow-x:auto}.finance-tabs button{color:#62738f;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:none;padding:13px 15px;font:500 14px Inter,Arial;transition:all .18s}.finance-tabs button:hover{color:#1e55bf;background:#f5f8ff}.finance-tabs button.on{color:#1d55c2;border-color:#3165d5;font-weight:700}.finance-dashboard,.finance-section{gap:18px;display:grid}.finance-hero{color:#fff;background:linear-gradient(115deg,#113a82,#2865ce 63%,#4d7ceb);border-radius:14px;justify-content:space-between;align-items:flex-end;gap:18px;padding:24px 26px;display:flex;box-shadow:0 12px 30px #2454ac2b}.finance-hero span,.finance-action-card span,.dues-banner span,.finance-panel header span,.finance-chart header span{letter-spacing:.1em;color:inherit;opacity:.78;font-size:11px;font-weight:800}.finance-hero h2,.finance-action-card h2,.dues-banner h2{letter-spacing:-.035em;margin:7px 0 4px;font-size:23px}.finance-hero p{color:#deebff;margin:0}.finance-hero .primary{color:#17428e;box-shadow:none;background:#fff}.finance-kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.finance-kpis article{background:#fff;border:1px solid #dce5f1;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:117px;padding:18px;display:flex;box-shadow:0 3px 12px #183b7310}.finance-kpis article span{color:#65748b;font-size:12px}.finance-kpis article b{color:#153f8a;font-size:25px}.finance-kpis article small{color:#72829a}.finance-kpis article button{color:#2460cf;cursor:pointer;background:0 0;border:0;margin-top:2px;padding:0;font:600 12px Inter}.finance-kpis .attention{background:#fffdf8;border-color:#ffd798}.finance-dashboard-grid{grid-template-columns:1.25fr .9fr;gap:18px;display:grid}.finance-panel,.finance-chart{padding:20px}.finance-panel header,.finance-chart header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:13px;display:flex}.finance-panel h2,.finance-chart h2{margin:5px 0 0;font-size:18px}.finance-panel header button,.finance-chart header button{color:#2862cf;cursor:pointer;background:0 0;border:0;font:600 13px Inter}.finance-panel table{min-width:0}.finance-panel th,.finance-panel td{padding:12px 10px;font-size:13px}.subscriber-followup{align-content:start;display:grid}.subscriber-followup article{border-bottom:1px solid #e8edf5;align-items:center;gap:10px;padding:11px 0;display:flex}.subscriber-followup article:last-of-type{border:0}.subscriber-followup article>div{gap:3px;min-width:0;display:grid}.subscriber-followup article>div span{color:#687991;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.subscriber-followup .member-avatar{flex:none;width:34px;height:34px;font-size:11px}.late-tag{color:#bd4d35;background:#fff1ed;border-radius:99px;align-items:center;width:max-content;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.subscriber-followup .late-tag{margin-left:auto}.quiet{color:#6d7b8f;margin:10px 0;font-size:13px}.finance-chart{min-height:225px}.finance-chart header>b{color:#1b56be;font-size:15px}.bar-chart{border-top:1px solid #ebeff5;align-items:flex-end;gap:19px;height:126px;padding:10px 4px 0;display:flex}.bar-chart>div{flex:1;grid-template-rows:1fr auto auto;place-items:end center;gap:5px;min-width:36px;height:100%;display:grid}.bar-chart i{background:linear-gradient(#5d91ff,#2660cc);border-radius:7px 7px 2px 2px;align-self:end;width:24px;max-width:100%;display:block;box-shadow:0 3px 8px #3166d84d}.bar-chart span,.bar-chart b{color:#718198;font-size:11px}.bar-chart b{color:#31588f}.finance-action-card{background:linear-gradient(115deg,#fff,#f7faff);border:1px solid #d9e4f2;border-radius:13px;grid-template-columns:minmax(190px,.52fr) 1.48fr;align-items:center;gap:24px;padding:22px 24px;display:grid}.finance-action-card h2{color:#143a79}.finance-action-card form{grid-template-columns:1.15fr 1fr auto;align-items:end;gap:10px;display:grid}.payment-entry form{grid-template-columns:1.3fr .6fr .85fr 1fr auto}.finance-action-card input,.finance-action-card select,.finance-list-tools input,.finance-list-tools select{background:#fff;border:1px solid #d4deeb;border-radius:8px;outline:none;width:100%;min-height:42px;padding:0 12px;font:14px Inter,Arial}.finance-action-card input:focus,.finance-action-card select:focus,.finance-list-tools input:focus,.finance-list-tools select:focus{border-color:#3c72de;box-shadow:0 0 0 3px #3c72de17}.finance-action-card .primary{white-space:nowrap;min-height:42px}.finance-list-tools{align-items:center;gap:10px;display:flex}.finance-list-tools label{color:#8290a5;background:#fff;border:1px solid #d6e0ed;border-radius:9px;flex:1;align-items:center;gap:9px;min-width:210px;padding:0 11px;display:flex}.finance-list-tools label input{box-shadow:none;border:0;padding:0}.finance-list-tools label input:focus{box-shadow:none}.finance-list-tools select,.finance-list-tools>input{width:auto}.finance-list-tools>span{white-space:nowrap;color:#718199;margin-left:auto;font-size:13px}.finance-data-table{overflow-x:auto}.finance-data-table table{min-width:850px}.finance-data-table th,.finance-data-table td{vertical-align:middle;padding:14px 15px;font-size:13px}.finance-data-table td small{color:#78869a;margin-top:3px;display:block}.subscriber-cell{align-items:center;gap:9px;display:flex}.subscriber-cell .member-avatar{width:31px;height:31px;font-size:10px}.plan-change{background:#f7faff;border:1px solid #cddcf2;border-radius:10px;align-items:center;gap:10px;padding:15px;font-size:13px;display:flex}.plan-change select{border:1px solid #ccd9ec;border-radius:7px;min-height:39px;padding:0 9px}.dues-banner{background:linear-gradient(110deg,#fff9eb,#fffdf7);border:1px solid #ffe0a8;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:19px 23px;display:flex}.dues-banner h2{color:#764a09}.dues-banner>b{color:#9c6005;background:#fff2d7;border-radius:8px;padding:10px 12px;font-size:13px}.settle-button{color:#2459bd;cursor:pointer;white-space:nowrap;background:#f6f9ff;border:1px solid #bcd0fa;border-radius:7px;padding:7px 9px;font:600 12px Inter}.settle-button:hover{background:#eaf1ff}@media (width<=1100px){.finance-kpis{grid-template-columns:repeat(2,1fr)}.finance-dashboard-grid{grid-template-columns:1fr}.finance-action-card,.finance-action-card form,.payment-entry form{grid-template-columns:1fr 1fr}.finance-action-card>div,.finance-action-card .primary{grid-column:1/-1}}@media (width<=680px){.finance-hero,.dues-banner{flex-direction:column;align-items:flex-start}.finance-hero h2,.finance-action-card h2,.dues-banner h2{font-size:20px}.finance-kpis,.finance-action-card,.finance-action-card form,.payment-entry form{grid-template-columns:1fr}.finance-list-tools{flex-direction:column;align-items:stretch}.finance-list-tools select,.finance-list-tools>input{width:100%}.finance-list-tools>span{margin-left:0}.plan-change{flex-direction:column;align-items:stretch}.bar-chart{gap:8px}.finance-tabs{padding:0}}.finance-panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:13px;display:flex}.finance-panel-heading button{color:#2862cf;cursor:pointer;background:0 0;border:0;font:600 13px Inter}.report-split{border-bottom:1px solid #e8edf5;justify-content:space-between;align-items:center;padding:13px 0;font-size:13px;display:flex}.report-split:last-child{border-bottom:0}.report-split span{color:#5f7089}.report-split b{color:#2457b5}.invoice-pos-layout{background:linear-gradient(135deg,#f8fbff,#fff);border:1px solid #dbe5f1;border-radius:14px;grid-template-columns:minmax(330px,1fr) 280px;align-items:start;gap:22px;padding:24px;display:grid}.invoice-preview-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.invoice-preview-heading>div:first-child>span{color:#67809f;letter-spacing:.1em;font-size:11px;font-weight:800}.invoice-preview-heading h2{margin:5px 0;font-size:20px}.invoice-preview-heading p{color:#718096;margin:0;font-size:13px}.invoice-preview-heading>div:last-child{gap:8px;display:flex}.invoice-preview-heading button,.invoice-pos-layout aside>button{color:#315fae;cursor:pointer;background:#fff;border:1px solid #ccd9ef;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:0 11px;font:600 12px Inter;display:inline-flex}.invoice-preview-heading .primary{color:#fff;background:#3166d8;border-color:#3166d8}.pos-invoice{color:#1c2735;text-align:center;background:#fff;border:1px solid #e1e5eb;border-radius:6px;width:min(100%,330px);margin:auto;padding:25px 23px 20px;font-family:Inter,Arial;box-shadow:0 14px 32px #192f571a}.pos-invoice header{gap:5px;display:grid}.pos-invoice header>b{letter-spacing:.04em;color:#173d7d;font-size:21px}.pos-invoice header span,.pos-invoice header small{color:#62728b;font-size:10px}.pos-invoice header small{color:#263950;letter-spacing:.04em;margin-top:7px;font-weight:800}.pos-rule{border-top:1px dashed #aeb8c6;margin:16px 0}.pos-meta{text-align:left;grid-template-columns:1fr auto;gap:9px;font-size:12px;display:grid}.pos-meta span{color:#6c7c91}.pos-meta b{text-align:right}.pos-meta .paid{color:#138a54}.pos-meta .pending{color:#bf6332}.pos-client{text-align:left;gap:4px;display:grid}.pos-client small{color:#738299;letter-spacing:.07em;font-size:10px;font-weight:800}.pos-client b{font-size:14px}.pos-client span{color:#62728b;font-size:12px}.pos-line{text-align:left;justify-content:space-between;gap:15px;font-size:12px;display:flex}.pos-line>div{gap:4px;display:grid}.pos-line span{color:#718096;font-size:11px}.pos-total{color:#123c80;border-top:2px solid #233e6d;border-bottom:1px dashed #aeb8c6;justify-content:space-between;margin-top:16px;padding:13px 0;display:flex}.pos-total span{font-size:12px;font-weight:800}.pos-total b{font-size:16px}.pos-qr{justify-items:center;gap:7px;margin:18px 0 9px;display:grid}.pos-qr img{width:126px;height:126px;image-rendering:pixelated;background:#fff;border:1px solid #dce3ed;border-radius:5px;padding:8px}.pos-qr small,.pos-invoice footer{color:#738197;font-size:10px;line-height:1.55}.invoice-pos-layout aside{background:#fff;border:1px solid #e0e7f1;border-radius:10px;gap:12px;padding:17px;display:grid}.invoice-pos-layout aside h3{margin:0 0 4px;font-size:16px}.invoice-pos-layout aside p{border-bottom:1px solid #edf0f5;gap:3px;margin:0;padding:10px 0;font-size:12px;display:grid}.invoice-pos-layout aside p span{color:#74839a}.invoice-pos-layout aside p b{font-size:13px}.invoice-pos-layout aside>button{justify-content:center;margin-top:4px}@media (width<=850px){.invoice-pos-layout{grid-template-columns:1fr;padding:17px}.invoice-preview-heading{flex-direction:column}.invoice-preview-heading>div:last-child{width:100%}.invoice-preview-heading button{flex:1;justify-content:center}.pos-invoice{width:100%}}.physical-access{gap:24px;max-width:1440px;margin:auto;display:grid}.physical-access-hero{color:#fff;background:radial-gradient(circle at 80% 20%,#65a3ff 0,#0000 24%),linear-gradient(118deg,#0d3273,#235bbb 58%,#3479ed);border:1px solid #3b82f655;border-radius:22px;justify-content:space-between;align-items:center;gap:32px;padding:34px 38px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 36px #16478b2b}.physical-access-hero:after{content:"";border:1px solid #ffffff2e;border-radius:50%;width:290px;height:290px;position:absolute;bottom:-220px;right:13%;box-shadow:0 0 0 28px #ffffff0d,0 0 0 58px #ffffff08}.access-hero-copy{z-index:1;max-width:760px;position:relative}.access-eyebrow,.access-card-head>div>span,.presence-counter>span,.current-presence header>div>span,.movement-person>span{color:#bdd6ff;letter-spacing:.1em;font-size:.69rem;font-weight:800;display:block}.physical-access-hero h2{letter-spacing:-.03em;margin:7px 0 9px;font-size:clamp(1.45rem,2vw,2rem)}.physical-access-hero p{color:#e2ecff;margin:0;font-size:1rem;line-height:1.55}.access-flow{align-items:center;gap:12px;margin-top:22px;font-size:.8rem;font-weight:650;display:flex}.access-flow span{background:#ffffff12;border:1px solid #ffffff30;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;display:flex}.access-flow b{color:#a9d1ff;font-size:.7rem}.access-flow i{color:#a9d1ff;font-style:normal}.presence-counter{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff17;border:1px solid #ffffff52;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;column-gap:11px;min-width:180px;padding:18px 19px;display:grid;position:relative}.presence-counter>span{color:#dce9ff;grid-column:1/-1}.presence-counter>b{font-size:2.4rem;line-height:1.05}.presence-counter small{color:#eef5ff;line-height:1.25}.access-scan-grid{grid-template-columns:1.05fr .95fr;gap:20px;display:grid}.access-scan-card{background:linear-gradient(150deg,#fff 10%,#fbfdff);border:1px solid #d9e5f6;border-radius:18px;align-content:start;gap:16px;min-height:380px;padding:26px;display:grid;position:relative;box-shadow:0 11px 24px #18396b0b}.access-checkin-card{border-top:4px solid #2f6ce5}.access-history-card{border-top:4px solid #7196d9}.access-card-head{align-items:center;gap:12px;display:flex}.access-icon{color:#fff;background:linear-gradient(135deg,#1d54b7,#3b82f6);border-radius:12px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 16px #2563eb30}.access-icon.subtle{color:#2256aa;box-shadow:none;background:#edf4ff}.access-card-head>div>span{color:#5874a4}.access-card-head h2{color:#0e2852;margin:3px 0 0;font-size:1.15rem}.access-scan-card>p{color:#617392;max-width:560px;margin:0;line-height:1.55}.scan-steps{color:#526b91;align-items:center;gap:8px;font-size:.77rem;font-weight:700;display:flex}.scan-steps span{align-items:center;gap:6px;display:flex}.scan-steps b{color:#215abd;background:#e7f0ff;border-radius:50%;place-items:center;width:19px;height:19px;font-size:.68rem;display:grid}.scan-steps i{background:#c5d7f2;width:26px;height:1px}.scanner-actions{align-items:center;gap:12px;margin-top:2px;display:flex}.scanner-actions small{color:#70819b}.scan-trigger{align-items:center;gap:8px;display:flex;border-radius:10px!important;padding:12px 16px!important}.secondary-scan{color:#2158b7;cursor:pointer;background:#f7faff;border:1px solid #9bb8e7;border-radius:10px;align-items:center;gap:8px;padding:11px 15px;font-weight:750;display:flex}.secondary-scan:hover{background:#ebf3ff}.access-scan-card .qr-image-upload{background:#f7faff;border-color:#a9c6fa;border-radius:12px;margin:0;padding:13px 14px}.access-scan-card .qr-image-upload>span{font-weight:750}.access-scan-card .qr-image-upload input{padding:7px 8px}.access-result{color:#193f80;background:#eff5ff;border:1px solid #b5ceff;border-radius:12px;grid-template-columns:1fr auto;gap:3px;padding:14px 16px;display:grid}.access-result>span{letter-spacing:.08em;font-size:.67rem;font-weight:850}.access-result>b{grid-row:2;font-size:1rem}.access-result small{color:#49668f;grid-area:1/2/3;align-self:center}.access-result.entry{color:#17633a;background:#effbf3;border-color:#a7e2bb}.access-result.entry small{color:#3b8156}.movement-history{background:#f8fbff;border:1px solid #dce7f5;border-radius:12px;gap:9px;padding:15px 16px;display:grid}.movement-person{gap:3px;padding-bottom:8px;display:grid}.movement-person>span{color:#6b7f9f}.movement-person>b{color:#123363}.movement-person small{color:#71819a}.movement-history article{border-top:1px solid #e2eaf5;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.movement-history time{color:#6b7b91;font-size:.78rem}.current-presence{border-radius:18px;padding:25px 26px 8px;overflow:auto}.current-presence header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.current-presence h2{color:#102d5a;margin:5px 0;font-size:1.22rem}.current-presence p{color:#6b7d98;margin:0;font-size:.9rem}.current-presence header>div>span{color:#355f9f}.current-presence header button{color:#1e55ae;cursor:pointer;background:#fff;border:1px solid #c8d8ef;border-radius:9px;flex:none;align-items:center;gap:7px;padding:10px 13px;font-weight:750;transition:all .2s;display:flex}.current-presence header button:hover{background:#f4f8ff;border-color:#7da9eb}.current-presence table{min-width:690px}.current-presence th{background:#f7faff}.current-presence td{padding-top:16px;padding-bottom:16px}.open-member-file{color:#2054a6;cursor:pointer;background:#fff;border:1px solid #85aae2;border-radius:8px;justify-self:start;padding:9px 12px;font-weight:750}.open-member-file:hover{background:#f1f6ff}.access-report{border-radius:18px;padding:25px 26px 8px;overflow:auto}.access-report header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:19px;display:flex}.access-report header h2{color:#102d5a;margin:5px 0;font-size:1.22rem}.access-report header p{color:#6b7d98;margin:0;font-size:.9rem}.access-report header>div>span{color:#355f9f;letter-spacing:.1em;font-size:.69rem;font-weight:800;display:block}.report-actions{align-items:end;gap:10px;display:flex}.report-actions label{color:#58708f;gap:5px;font-size:.72rem;font-weight:750;display:grid}.report-actions input{color:#123e82;height:40px;font:inherit;background:#fff;border:1px solid #c9d9ee;border-radius:9px;padding:0 10px}.access-report header button{color:#fff;cursor:pointer;background:#1f5fcc;border:0;border-radius:9px;flex:none;align-items:center;gap:7px;padding:11px 14px;font-weight:750;display:flex;box-shadow:0 5px 13px #2563eb29}.access-report-metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.access-report-metrics>div{background:#f8fbff;border:1px solid #dce8f7;border-radius:11px;padding:13px 15px}.access-report-metrics span{color:#6880a2;letter-spacing:.07em;font-size:.67rem;font-weight:800;display:block}.access-report-metrics b{color:#174a9c;margin-top:6px;font-size:1.15rem;display:block}.access-report table{min-width:780px}.access-report th{background:#f7faff}.access-report td{padding-top:15px;padding-bottom:15px}.access-report td small{color:#7a8ba5;margin-top:3px;font-size:.78rem;display:block}@media (width<=850px){.physical-access-hero{padding:27px 23px;display:grid}.access-scan-grid{grid-template-columns:1fr}.presence-counter{justify-self:start}.current-presence header,.access-report header{flex-direction:column}.report-actions{flex-wrap:wrap;align-items:flex-start}.access-report-metrics{grid-template-columns:repeat(2,1fr)}.access-flow{flex-wrap:wrap}.access-flow i{display:none}}@media (width<=520px){.access-scan-card{padding:21px}.scanner-actions{flex-direction:column;align-items:flex-start}.access-result small{grid-area:3/1;justify-self:start}.physical-access-hero h2{font-size:1.45rem}}.modal form>label,.modal .form-row>label{color:#38506f;font-weight:650}.modal input:not([type=checkbox]),.modal select,.modal textarea{transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:0 1px 2px #173c6b08;background:#fbfdff!important;border-color:#d5e1f0!important;border-radius:10px!important}.modal input:not([type=checkbox]):focus,.modal select:focus,.modal textarea:focus{outline:0;background:#fff!important;border-color:#4d83df!important;box-shadow:0 0 0 4px #3b82f618!important}.loan-form-brief{color:#687d9a;margin:0 0 4px;font-size:.9rem;line-height:1.45}.searchable-select{z-index:1;color:#38506f;gap:7px;font-size:14px;font-weight:650;display:grid;position:relative}.searchable-select.active{z-index:12}.searchable-control{background:#fbfdff;border:1px solid #d5e1f0;border-radius:10px;align-items:center;min-height:48px;transition:all .18s;display:flex;position:relative;box-shadow:0 1px 2px #173c6b08}.searchable-control.open{background:#fff;border-color:#4d83df;box-shadow:0 0 0 4px #3b82f618}.searchable-control>svg{color:#6b86ad;flex:none;margin-left:13px}.searchable-control input{color:#152e55;flex:1 1 0;min-width:0;width:auto!important;height:46px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0 8px!important}.searchable-control input:focus{box-shadow:none!important}.searchable-control button{color:#416ca7;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:42px;height:46px;display:grid}.searchable-control button:hover{color:#1f5fbf}.searchable-menu{z-index:15;background:#fff;border:1px solid #b8cdef;border-radius:10px;max-height:216px;padding:6px;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow:auto;box-shadow:0 16px 30px #173d7428}.searchable-menu button{color:#1c365c;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;gap:3px;width:100%;padding:10px 12px;display:grid}.searchable-menu button:hover{background:#eef5ff}.searchable-menu button+button{border-top:1px solid #edf2f8}.searchable-menu button b{font-size:.9rem}.searchable-menu button small{color:#70829c;font-size:.75rem}.searchable-menu p{color:#71819a;text-align:center;margin:4px;padding:12px;font-size:.85rem}.filters label{border-color:#d5e1f0;transition:all .18s;box-shadow:0 2px 6px #173c6b08}.filters label:focus-within{border-color:#4d83df;box-shadow:0 0 0 4px #3b82f618}.filters label input{color:#172d50}.filters label input::placeholder,.searchable-control input::placeholder{color:#8b9bb0}.notice{z-index:30;width:min(560px,100vw - 40px);animation:.22s ease-out notice-in;top:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 38px #1725542b;color:#78511b!important;background:#fffaf0!important;border:1px solid #efc879!important;border-radius:12px!important;margin:0!important;padding:14px 16px!important;position:fixed!important}.notice button{place-items:center;width:24px;height:24px;display:grid;color:#76572b!important;border-radius:6px!important}.notice button:hover{background:#f6e6c2!important}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (width<=700px){.notice{top:14px}}button{transition:transform .16s,box-shadow .18s,background-color .18s,border-color .18s,filter .16s}button:not(:disabled):hover{transform:translateY(-1px)}button:not(:disabled):active{filter:brightness(.94);transform:translateY(1px)scale(.97)}button:focus-visible{outline-offset:2px;outline:3px solid #72a2ff}.primary:not(:disabled):hover{box-shadow:0 8px 17px #3166d847}.primary:not(:disabled):active{box-shadow:0 2px 6px #3166d832}.button-feedback{animation:.38s cubic-bezier(.2,.8,.25,1) button-feedback}@keyframes button-feedback{0%{box-shadow:0 0 #4f8cff00}42%{box-shadow:0 0 0 5px #4f8cff30}to{box-shadow:0 0 0 8px #4f8cff00}}.login-page .password-field button:hover{transform:translateY(-50%)}.login-page .password-field button:active{transform:translateY(-50%)scale(.92)}@media (prefers-reduced-motion:reduce){button{transition:none!important}button:not(:disabled):hover,button:not(:disabled):active{transform:none}.button-feedback{animation:none}}.audit-monitoring{gap:18px;display:grid}.audit-hero{background:linear-gradient(135deg,#f8fbff,#fff);border:1px solid #dce7f5;border-radius:14px;align-items:center;gap:15px;padding:22px;display:flex}.audit-hero-icon{color:#2860c9;background:#e8f0ff;border-radius:13px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.audit-hero>div:nth-child(2){min-width:0}.audit-hero span{color:#3367bc;letter-spacing:.08em;font-size:11px;font-weight:800}.audit-hero h2{color:#172b4d;margin:4px 0;font-size:21px}.audit-hero p{color:#687892;margin:0;font-size:13px}.audit-refresh{color:#275cae;cursor:pointer;background:#fff;border:1px solid #bfcef0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;margin-left:auto;padding:0 12px;font:600 13px Inter;display:inline-flex}.audit-refresh:disabled{opacity:.6;cursor:wait}.spinning{animation:.8s linear infinite audit-spin}@keyframes audit-spin{to{transform:rotate(360deg)}}.audit-metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.audit-metrics article{color:#3f6eb8;background:#fff;border:1px solid #e0e8f3;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;min-height:82px;padding:14px;display:grid}.audit-metrics article svg{grid-row:span 2}.audit-metrics span{color:#708099;font-size:12px}.audit-metrics b{color:#1d355c;font-size:22px}.audit-metrics .warning{color:#c47711;background:#fffaf0;border-color:#f7d69a}.audit-metrics .warning b{color:#a55904}.audit-filters{gap:10px;display:flex}.audit-filters label{color:#789;background:#fff;border:1px solid #d8e2f0;border-radius:9px;flex:1;align-items:center;gap:9px;min-width:0;padding:0 12px;display:flex}.audit-filters input{background:0 0;border:0;outline:0;width:100%;height:42px;font:14px Inter}.audit-filters select{background:#fff;border:1px solid #d8e2f0;border-radius:9px;min-width:190px;padding:0 11px;font:14px Inter}.audit-filters .primary{padding:0 17px;font-size:14px}.audit-table-wrap{background:#fff;border:1px solid #dce5f0;border-radius:12px;overflow:auto}.audit-table{border-collapse:collapse;width:100%;min-width:960px}.audit-table th{text-align:left;color:#71809a;letter-spacing:.03em;text-transform:uppercase;background:#f8fafc;padding:13px 15px;font-size:11px}.audit-table td{vertical-align:top;color:#36465f;white-space:normal;border-top:1px solid #edf1f6;padding:13px 15px;font-size:13px}.audit-table td b,.audit-table td time{color:#172b4d;font-size:13px;display:block}.audit-table td small{color:#74839a;text-overflow:ellipsis;white-space:nowrap;max-width:230px;margin-top:4px;font-size:11px;display:block;overflow:hidden}.audit-location{color:#405775;align-items:center;gap:5px;font-weight:600;display:flex}.audit-method{color:#2857a5;background:#edf3ff;border-radius:5px;padding:3px 7px;font:700 10px ui-monospace,SFMono-Regular,monospace;display:inline-block}.audit-status{border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-block}.audit-status.ok{color:#19733f;background:#e8f8ee}.audit-status.failed{color:#c24125;background:#fff0ed}.audit-empty{text-align:center;color:#7b8aa0;padding:38px!important}.audit-retention{color:#71809a;margin:0;font-size:12px}@media (width<=740px){.audit-hero{flex-wrap:wrap;align-items:flex-start;padding:17px}.audit-hero-icon{flex-basis:42px;width:42px;height:42px}.audit-hero h2{font-size:18px}.audit-refresh{width:100%;margin-left:0}.audit-metrics{grid-template-columns:repeat(2,1fr)}.audit-metrics article{min-height:74px;padding:11px}.audit-filters{display:grid}.audit-filters select,.audit-filters .primary{width:100%;min-height:42px}.audit-table{min-width:900px}}:root{--page-gutter:clamp(18px, 3vw, 46px);--content-width:1600px}html,body,#root{min-width:0;min-height:100%}html{overflow-x:clip}body{zoom:1;-webkit-text-size-adjust:100%;overflow-x:clip}@media (width>=741px){body{zoom:.82}}.boot-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.boot-card{text-align:center;background:#fff;border:1px solid #e0e8f2;border-radius:16px;justify-items:center;gap:14px;width:min(340px,100%);padding:30px 26px;display:grid;box-shadow:0 18px 45px #12345e14}.boot-card img{object-fit:contain;width:86px;height:86px}.boot-copy{gap:5px;display:grid}.boot-copy b{color:#14284a;font-size:16px}.boot-copy span{color:#738099;font-size:13px}.boot-loader{border:3px solid #dbe7fb;border-top-color:#3267d6;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite boot-spin}@keyframes boot-spin{to{transform:rotate(360deg)}}.brand{gap:10px}.brand>svg{display:none}.brand>b{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.brand:before{content:"";background:url(/assets/buks-logo-D9XFTTq2.jpg) 50%/contain no-repeat;flex:0 0 58px;width:58px;height:58px;display:block}.login-page .brand{justify-content:center;margin-bottom:22px}.login-page .brand:before{flex-basis:112px;width:112px;height:112px}.reader-topbar .brand:before{flex-basis:54px;width:54px;height:54px}.pos-invoice header:before,.ticket-head:before{content:"";background:url(/assets/buks-logo-D9XFTTq2.jpg) 50%/contain no-repeat;width:46px;height:46px;margin:0 auto 4px;display:block}.pos-invoice header>b{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=740px){.topbar .brand:before,.reader-topbar .brand:before{flex-basis:42px;width:42px;height:42px}.login-page .brand:before{flex-basis:96px;width:96px;height:96px}}button,input,select,textarea{max-width:100%;font:inherit}.topbar{height:88px;padding-inline:var(--page-gutter)}.tabs{height:72px;padding-inline:var(--page-gutter);scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;gap:6px;overflow-x:auto}.tabs button{scroll-snap-align:start;flex:none;padding:12px 16px}.workspace{width:min(100%, var(--content-width));padding:clamp(28px, 4vw, 52px) var(--page-gutter);margin-inline:auto}.reader-topbar,.reader-nav{padding-inline:var(--page-gutter)}.reader-workspace{width:min(100%, var(--content-width));padding-inline:var(--page-gutter)}.reader-nav{scroll-snap-type:x proximity;overscroll-behavior-inline:contain}.reader-nav button{scroll-snap-align:start;flex:none}.page-heading{align-items:flex-end}.page-heading>div:last-child{flex-wrap:wrap;justify-content:flex-end;display:flex;gap:10px!important}.primary{justify-content:center;min-height:46px}.table-card,.finance-data-table,.current-presence,.access-report{-webkit-overflow-scrolling:touch}.table-card:after,.finance-data-table:after{content:"";width:1px;height:1px;display:block}.modal{scrollbar-gutter:stable}.login-page{padding:24px 16px}.login-page section{width:min(100%,440px);box-shadow:0 18px 45px #1f375d14}.page-loading{text-align:center;color:#5c6b82;place-content:center;justify-items:center;gap:14px;min-height:260px;padding:32px;display:grid}.page-loading i{border:3px solid #dbe7ff;border-top-color:#3166d8;border-radius:50%;width:34px;height:34px;animation:.75s linear infinite page-loading-spin}.page-loading div{gap:5px;display:grid}.page-loading b{color:#1e3a68}.page-loading span{font-size:13px}@keyframes page-loading-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.topbar{height:80px}.tabs{height:68px}.tabs button{padding-inline:13px;font-size:14px}.metrics,.digital-grid,.report-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=740px){:root{--page-gutter:16px}.topbar,.reader-topbar{height:68px}.brand{gap:8px;font-size:23px}.brand svg{width:25px;height:25px}.session-actions>span,.reader-topbar .brand>span,.reader-profile-badge>div{display:none}.logout{min-width:42px;padding-inline:11px}.tabs,.reader-nav{gap:4px;height:58px}.tabs button,.reader-nav button{min-height:42px;padding:9px 12px;font-size:13px}.tabs button svg,.reader-nav button svg{width:18px;height:18px}.workspace,.reader-workspace{padding-top:24px;padding-bottom:32px}.page-heading{gap:18px;margin-bottom:24px;display:grid}.page-heading h1{letter-spacing:-.8px;font-size:clamp(25px,7vw,31px);line-height:1.12}.page-heading p{font-size:14px;line-height:1.5}.page-heading>.primary,.page-heading>div:last-child,.page-heading>div:last-child .primary{width:100%}.page-heading>div:last-child .primary{flex:180px}.primary{min-height:48px;padding:12px 16px;font-size:15px}.metrics,.reader-stats-grid,.access-report-metrics,.history-stats,.usage-stats,.finance-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metrics>div{height:auto;min-height:112px;padding:18px}.metrics b,.reader-stat b{font-size:25px}.filters,.physical-toolbar,.invoice-toolbar{grid-template-columns:1fr;gap:10px;margin-bottom:22px;display:grid}.filters label,.physical-toolbar .filters label,.filters select,.physical-toolbar .filters select,.invoice-toolbar label,.invoice-toolbar select,.invoice-toolbar button{width:100%;min-height:48px}.invoice-toolbar label{grid-column:auto}.invoice-toolbar>span{white-space:normal}.book-tabs,.finance-tabs,.report-nav,.history-tabs,.settings-tabs,.settings-nav-pills{scrollbar-width:thin;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.book-tabs button,.finance-tabs button,.report-nav button,.history-tabs button,.settings-tabs>button,.settings-tab-btn{flex:none}.digital-grid,.finance-forms,.cards-page,.report-grid,.receipt-grid,.access-scan-grid,.finance-dashboard-grid,.invoice-pos-layout{grid-template-columns:1fr}.digital-grid>article{min-height:0}.digital-actions{flex-wrap:wrap}.digital-actions button{flex:130px;justify-content:center;min-height:40px}.reader-hero,.finance-hero,.dues-banner,.physical-access-hero{flex-direction:column;align-items:flex-start;gap:18px;padding:22px}.reader-hero h1{font-size:23px;line-height:1.18}.reader-hero .primary,.finance-hero .primary{width:100%}.reader-profile-badge .avatar{width:34px;height:34px}:is(.modal:has(.secure-reader),.modal:has(.member-history)){width:100%}.overlay{align-items:end;padding:0}.modal{width:100%;max-height:min(88dvh,760px);padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.modal-head{margin-bottom:18px}.modal-head h2{font-size:21px;line-height:1.2}.form-row,.invoice-details{grid-template-columns:1fr;gap:14px}.form-actions,.invoice-detail-actions,.receipt-buttons,.invoice-preview-heading>div:last-child{flex-wrap:wrap}.form-actions>button,.confirm-dialog .form-actions>button,.receipt-buttons>button{flex:140px;justify-content:center;min-height:46px}.confirm-dialog{padding:22px 18px calc(22px + env(safe-area-inset-bottom))}.settings-card,.settings-content,.receipt-controls,.receipt-preview,.finance-form,.card-maker,.card-scan,.compact{padding:18px}.settings-container{gap:16px}.settings-nav-header{gap:10px;display:grid}.settings-nav-pills{width:100%;padding-bottom:3px}.settings-tab-btn,.settings-role-pill-btn{min-height:42px}.settings-card{gap:16px}.settings-card-head{padding-bottom:14px}.settings-card-head h2{font-size:17px;line-height:1.28}.settings-card-head p,.settings-status-note,.settings-toggle-info p{line-height:1.45}.settings-icon-badge{border-radius:9px;width:38px;height:38px}.settings-grid-2{grid-template-columns:1fr;gap:16px}.settings-fields-stack{gap:16px}.settings-input-wrapper input,.settings-input-wrapper textarea{min-height:46px}.settings-toggle-row,.settings-bottom-bar,.settings-role-summary-card{flex-direction:column;align-items:flex-start}.settings-toggle-row{gap:13px;padding:15px}.settings-switch{min-width:52px}.settings-bottom-bar{gap:14px;padding:15px}.settings-status-note{align-items:flex-start}.settings-bottom-bar .settings-save-btn,.settings-nav-header .settings-save-btn,.backup-download-btn{justify-content:center;width:100%}.settings-roles-tabs{scrollbar-width:thin;flex-wrap:nowrap;max-width:100%;padding-bottom:4px;overflow-x:auto}.settings-role-pill-btn{flex:none}.settings-role-summary-card{gap:10px;padding:15px}.settings-table-scroll{-webkit-overflow-scrolling:touch;width:calc(100% + 36px);margin-inline:-18px;padding-inline:18px;overflow-x:auto}.roles-matrix-table{min-width:680px}.settings-callout,.settings-preview-box,.settings-backup-banner{padding:16px}.settings-backup-badges{justify-content:flex-start}.settings-live-header-preview{padding:16px}.settings-card-head{gap:12px}.settings-nav-header{align-items:stretch;padding:9px}.settings-save-btn{justify-content:center;width:100%}.scan-manual,.report-actions,.invoice-detail-values,.plan-change{flex-direction:column;align-items:stretch}.scan-manual button,.report-actions button,.plan-change select{width:100%;min-height:44px}.subscriber-card{margin-top:14px!important}}@media (width<=460px){.login-page{place-items:start center;padding:28px 12px}.login-page section{border-radius:14px;padding:28px 20px}.login-page .brand{margin-bottom:27px}.login-page h1{font-size:32px;line-height:1.1}.login-page p{line-height:1.45}.login-role-tabs button{padding-inline:6px;font-size:13px}.metrics,.reader-stats-grid,.access-report-metrics,.history-stats,.usage-stats,.finance-summary,.report-cards{grid-template-columns:1fr}.report-cards article{height:auto;min-height:88px}.page-heading>div:last-child .primary,.form-actions>button,.receipt-buttons>button{flex-basis:100%;width:100%}.subscriber-card h3{font-size:23px!important}.subscriber-member{grid-template-columns:94px 1fr!important}.subscriber-photo{width:94px!important;height:116px!important}.ticket,.ticket.a4{width:100%;min-height:0;padding:18px}.settings-tab-btn{padding-inline:12px;font-size:13px}.settings-unit-badge{border-top:1.5px solid #e2e8f0;border-left:0;width:100%;min-height:34px;padding:7px 12px}.settings-input-wrapper:has(.settings-unit-badge){flex-wrap:wrap;align-items:stretch}.settings-input-wrapper:has(.settings-unit-badge) input{min-width:0}.settings-callout{gap:10px}.settings-backup-banner h3{font-size:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}