@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#172733;--muted:#637486;--green:#123B5D;--mint:#168ED1;--bg:#F5F8FA;--line:#DCE6EE;--white:#fff;--red:#d85b4a;--shadow:0 12px 38px rgba(25,54,48,.08)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;padding:28px 18px;background:var(--green);color:#D5E7F2;display:flex;flex-direction:column;z-index:20}.logo{display:flex;align-items:center;gap:12px;font-family:Manrope;font-weight:800;font-size:21px;padding:0 10px 35px}.logo small{display:block;font:500 10px DM Sans;letter-spacing:1.7px;text-transform:uppercase;color:#8ea8a2}.brand-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#E8F4FB;color:var(--green);font:800 28px Manrope}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:20px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:11px;font-weight:500;color:#AFC9DA}.sidebar nav a i{font-style:normal;width:21px;text-align:center;font-size:19px}.sidebar nav a:hover,.sidebar nav a.active{background:#174E74;color:white}.side-foot{margin-top:auto;border-top:1px solid #214D69;padding:20px 6px 0;display:flex;align-items:center;gap:10px}.side-foot .avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e7b76b;color:#3f2b09;font-weight:700}.side-foot div:nth-child(2){min-width:0;flex:1}.side-foot b,.side-foot span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.side-foot span{color:#8FAFC3;font-size:10px;text-transform:uppercase;margin-top:2px}.side-foot form button{border:0;background:none;color:#9AB7C9;font-size:19px;cursor:pointer}.main{margin-left:246px;min-height:100vh}.topbar{height:74px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.72);backdrop-filter:blur(12px);padding:0 36px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:10}.topbar>div:nth-child(2){display:flex;flex-direction:column}.tenant-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:#2bb785}.menu-btn{display:none;border:0;background:none;font-size:23px}.content{max-width:1450px;margin:auto;padding:38px 44px 60px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.eyebrow{color:var(--mint);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;margin:0 0 7px}.page-head h1,.auth-card h2{font:800 30px Manrope;margin:0}.page-head p:not(.eyebrow),.panel-head p{margin:6px 0 0;color:var(--muted);font-size:14px}.head-actions{display:flex;gap:10px}.btn{border:0;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:var(--green);color:white}.btn.secondary{background:#E8F4FB;color:var(--green)}.btn.danger{background:var(--red);color:white}.btn.ghost{background:white;border:1px solid var(--line);color:var(--ink)}.summary-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;margin-bottom:18px}.summary{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 3px 16px rgba(35,62,57,.03)}.summary span,.summary small{display:block;color:var(--muted);font-size:12px}.summary strong{display:block;font:800 23px Manrope;margin:15px 0 9px}.summary.main-balance{background:linear-gradient(125deg,#123B5D,#174E74);color:white;border:0}.summary.main-balance span,.summary.main-balance small{color:#B8D3E3}.positive{color:#128368!important}.negative{color:#cf5b4e!important}.dashboard-grid{display:grid;grid-template-columns:.9fr 1.4fr;gap:18px}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.panel h2,.panel-head h2{font:700 16px Manrope;margin:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:13px}.panel-head a{color:var(--mint);font-size:12px;font-weight:700}.account-list{display:grid}.account-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #eef1ee}.account-row:last-child{border:0}.account-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:#E8F4FB;color:var(--green);font-size:18px}.account-icon.mobile{background:#fff2dc;color:#a8640a}.account-icon.bank{background:#e9edff;color:#5267e8}.account-row div{flex:1}.account-row b,.account-row small{display:block}.account-row b{font-size:13px}.account-row small{font-size:11px;color:var(--muted);margin-top:3px}.account-row strong{font:700 13px Manrope}.transaction-list{display:grid}.tx-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #eef1ee}.tx-row:last-child{border:0}.tx-icon{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:#e4f4ee;color:#148165}.tx-icon.out{background:#faeae6;color:#ce5c4d}.tx-main{flex:1;min-width:0}.tx-main b,.tx-main small,.tx-value strong,.tx-value small{display:block}.tx-main b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-main small{color:var(--muted);font-size:10px;margin-top:4px}.tx-main small i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.tx-value{text-align:right}.tx-value strong{font-size:12px}.tx-value small{font-size:10px;color:var(--muted);margin-top:4px}.print-one{border:0;background:none;color:#84908d;font-size:17px;cursor:pointer}.receipt{display:none}.empty{text-align:center;padding:50px 10px;color:var(--muted)}.empty b,.empty span{display:block}.empty span{font-size:12px;margin-top:5px}.form-page{max-width:850px;margin:auto}.entry-form{padding:30px}.amount-field{display:block;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:25px}.amount-field input{display:block;border:0!important;padding:10px 0!important;font:800 40px Manrope;width:100%;outline:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .wide{grid-column:1/-1}label{font-size:12px;font-weight:600;color:#465451}input,select{display:block;width:100%;margin-top:7px;border:1px solid #d8dfda;border-radius:10px;background:#fff;padding:12px 13px;color:var(--ink);outline:none}input:focus,select:focus{border-color:#5e9a8e;box-shadow:0 0 0 3px #E8F4FB}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.filter-row{display:flex;gap:10px;margin-bottom:15px}.filter-row input{flex:1}.filter-row input,.filter-row select{margin:0}.filter-row select{width:190px}.two-col{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.stack{display:grid;gap:16px}.spacious .account-row{padding:18px 0}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.category-grid span{border:1px solid var(--line);border-radius:11px;padding:13px;display:grid;grid-template-columns:10px 1fr;align-items:center;gap:9px;font-size:13px;font-weight:600}.category-grid i{width:9px;height:9px;border-radius:50%}.category-grid small{grid-column:2;color:var(--muted);font-weight:400}.alert{border-radius:10px;padding:12px 15px;font-size:13px;margin-bottom:18px}.alert.success{background:#e1f4ec;color:#116750}.alert.error{background:#fde8e5;color:#a53e33}.mobile-nav{display:none}.auth-body{background:var(--green);min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.auth-brand{color:white;padding:9vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 15% 20%,#1B5F8C 0,transparent 30%),var(--green)}.auth-brand .brand-mark{margin-bottom:55px}.auth-brand h1{font:800 clamp(40px,5vw,72px)/1.04 Manrope;margin:0 0 24px;letter-spacing:-3px}.auth-brand>p:not(.eyebrow){color:#B8D3E3;max-width:520px;font-size:18px;line-height:1.7}.trust-row{display:flex;gap:10px;margin-top:45px}.trust-row span{border:1px solid #2A5D7B;border-radius:20px;padding:7px 12px;color:#a9c0ba;font-size:11px}.auth-card{background:#f7f8f5;padding:8vw;display:flex;justify-content:center;flex-direction:column}.auth-card h2{font-size:27px}.auth-card .muted{color:var(--muted);font-size:13px;margin:9px 0 25px}.demo-users{display:flex;gap:7px;margin-top:20px}.demo-users button{border:1px solid var(--line);background:white;border-radius:8px;padding:8px 11px;font-size:11px;cursor:pointer}.auth-card .btn{width:100%}
.legacy-auth-btn{min-height:52px;border:1px solid #d4dad6;background:white;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 2px 5px #1e352f0d;transition:.15s}.legacy-auth-btn:hover{border-color:#aebbb5;box-shadow:0 5px 16px #1e352f16}.legacy-auth-btn.disabled{pointer-events:none;opacity:.48}.legacy-auth-mark{font:800 20px Arial;color:#4285f4}.legacy-auth-note{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:20px;color:var(--muted);font-size:11px}.alert.setup{background:#fff4d8;color:#735214}
.auth-body{background:radial-gradient(circle at 50% 0,#1B5F8C 0,transparent 42%),linear-gradient(145deg,#0B2D48,#123B5D 58%,#0B2D48);padding:32px}.auth-shell{width:min(1180px,100%);min-height:680px;margin:auto;grid-template-columns:1.08fr .92fr;border:1px solid rgba(255,255,255,.12);border-radius:30px;overflow:hidden;box-shadow:0 35px 90px rgba(3,25,21,.38)}.auth-brand{padding:56px 64px;align-items:center;text-align:center;background:radial-gradient(circle at 50% 5%,#1B5F8C 0,transparent 43%),var(--green)}.auth-logo{display:block;width:112px;height:112px;object-fit:contain;margin:0 auto 28px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.18))}.auth-brand h1{font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-2.5px;margin-bottom:20px}.auth-brand>p:not(.eyebrow){max-width:570px;margin:0 auto;color:#CBE0EC;font-size:16px;line-height:1.75}.auth-card{padding:56px;align-items:stretch;text-align:center;background:#f8faf7}.auth-card>div{max-width:500px;margin:0 auto}.auth-card h2{font-size:25px}.auth-card .muted{max-width:450px;margin:10px auto 26px;line-height:1.65}.auth-card .alert{max-width:500px;margin-left:auto;margin-right:auto}.auth-card .legacy-auth-btn{width:min(420px,100%);margin:0 auto}.legacy-auth-note{margin-top:16px}.legacy-auth-note span{display:inline-flex;align-items:center;gap:6px}.legacy-auth-note span::before{content:"✓";color:var(--mint);font-weight:800}@media(max-width:700px){.auth-body{padding:0}.auth-shell{width:100%;min-height:100vh;grid-template-columns:1fr;border:0;border-radius:0}.auth-brand{min-height:auto;padding:38px 24px 34px}.auth-logo{width:84px;height:84px;margin-bottom:20px}.auth-brand h1{font-size:36px;letter-spacing:-1.5px}.auth-brand>p:not(.eyebrow){font-size:13px;line-height:1.65}.auth-card{min-height:auto;padding:34px 24px 42px}}
.account-icon.customer{background:#e5f2ed;color:#126f5b;font:800 13px Manrope}.empty.compact{padding:24px 8px}button:disabled{opacity:.45;cursor:not-allowed}
.responsive-table,.statement-wrap,.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.client-table{width:100%;min-width:780px;table-layout:auto;border-collapse:collapse;white-space:nowrap}.client-table th{text-align:center;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.8px}.client-table td{text-align:center;padding:15px 14px;border-bottom:1px solid #eef1ee;font-size:13px}.client-table tbody tr:last-child td{border-bottom:0}.table-actions{display:flex;justify-content:center;gap:5px;flex-wrap:nowrap;white-space:nowrap}.action-btn{flex:0 0 auto;white-space:nowrap;padding:7px 8px;border-radius:7px;font-size:10px;font-weight:700;background:#eef1ef;color:#50605c}.action-btn.in{background:#e1f4ec;color:#116750}.action-btn.out{background:#fde8e5;color:#a53e33}.action-btn.history{background:#e9edff;color:#455bc1}.action-btn.edit{background:#fff2dc;color:#96600c}.client-table-panel{margin-top:18px}.summary.monthly-green{background:linear-gradient(125deg,#176154,#1f7564);border:0;color:#fff}.summary.monthly-green span{color:#c4ded7}.summary.monthly-green strong{color:#fff!important}
.statement-wrap{overflow-x:auto}.statement-table{width:100%;border-collapse:collapse;min-width:820px}.statement-table th{background:#f2f5f3;color:#5c6966;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.statement-table th,.statement-table td{padding:13px 12px;border-bottom:1px solid #e4e9e5}.statement-table td,.statement-table td *{font-size:12px}.statement-description{white-space:nowrap}.statement-table .money-in{color:#128368;font-weight:700}.statement-table .money-out{color:#cf5b4e;font-weight:700}.statement-table td:nth-last-child(-n+3),.statement-table th:nth-last-child(-n+3){text-align:right}.statement-table tfoot th{background:#e7f3ee;color:var(--green);font:800 12px Manrope}.statement-empty{text-align:center!important;color:var(--muted);padding:35px!important}
.customer-page-head{margin-bottom:16px}.page-head.customer-page-head h1{font-size:20px}.customer-create-panel{width:100%}.customer-create-panel h2{font-size:14px}.customer-create-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.customer-create-panel>.btn{justify-self:start}@media(max-width:750px){.customer-create-grid{grid-template-columns:1fr}.customer-create-panel>.btn{width:100%}}
.phone-availability{display:block;min-height:16px;margin-top:5px;font-size:11px;font-weight:700}.phone-availability.available{color:#13836b}.phone-availability.unavailable{color:#c7473c}
.backup-status-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:16px;margin-bottom:18px}.backup-status-card{display:flex;align-items:center;gap:16px}.backup-status-card h2{font-size:20px;margin:4px 0}.backup-status-card p,.backup-detail-card span,.backup-status-card small,.backup-detail-card small{color:var(--muted);font-size:12px}.backup-status-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;font-size:22px;font-weight:800}.backup-status-icon.ready{background:#e1f4ec;color:#128368}.backup-status-icon.failed{background:#fde8e5;color:#c7473c}.backup-detail-card{display:flex;flex-direction:column;justify-content:center}.backup-detail-card strong{font:800 20px Manrope;margin:8px 0 5px}.backup-information{margin-top:18px}.backup-info-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:18px}.backup-info-list p{margin:0}.backup-info-list b,.backup-info-list span{display:block}.backup-info-list b{font-size:13px}.backup-info-list span{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.55}.restore-preview{padding:14px;border-radius:10px;background:#eef5f2;border:1px solid #d8e8e2}.restore-preview b,.restore-preview span{display:block}.restore-preview span{color:var(--muted);font-size:11px;margin:4px 0 10px}.restore-preview div{font-size:12px;display:flex;gap:5px;flex-wrap:wrap}@media(max-width:850px){.backup-status-grid,.backup-info-list{grid-template-columns:1fr}.backup-page-head{align-items:flex-start;flex-direction:column}.backup-page-head .head-actions{width:100%;flex-wrap:wrap}.backup-page-head .head-actions .btn{flex:1}}
.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:11px}.auth-divider::before,.auth-divider::after{content:"";height:1px;background:var(--line);flex:1}.auth-password-form{gap:12px}.auth-password-form .btn{margin-top:3px}.auth-text-link{display:block;text-align:center;color:#168ED1;font-size:12px;font-weight:700}.forgot-link{text-align:right;margin-top:-5px}
.auth-choice-list{width:min(420px,100%);margin:0 auto!important;display:grid;gap:10px}.auth-choice-list .auth-choice-btn{width:100%!important;min-height:52px;margin:0!important;padding:11px 16px}.auth-choice-list .auth-divider{margin:7px 0}.password-login-link{display:flex;align-items:center;justify-content:center}@media(max-width:700px){.auth-choice-list .auth-choice-btn{min-height:46px}}
.auth-password-form{width:min(420px,100%);margin-left:auto;margin-right:auto}.auth-password-form input{min-height:52px}.auth-password-wrap{position:relative;display:block}.auth-password-wrap input{padding-right:50px}.auth-password-eye{position:absolute;right:5px;top:12px;width:40px!important;height:40px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#35534c!important;box-shadow:none!important;display:grid!important;place-items:center!important}.auth-password-eye:hover{background:#e7efeb!important;color:#123B5D!important}.password-rule{display:block;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.45;text-align:left}@media(max-width:700px){.auth-password-form input{min-height:46px}.auth-password-eye{top:12px;height:34px!important;width:36px!important}}
.statement-table th,.statement-table td{white-space:nowrap}
button,.btn,.action-btn,.legacy-auth-btn,.demo-users button{font-size:11px!important}
@media(max-width:700px){.page-head h1{font-size:12px!important;line-height:1.35}}
.sidebar .brand-mark.small{width:auto;height:auto;min-width:24px;background:transparent;color:#fff;border-radius:0;font-size:22px}.sidebar-tenant-name{display:block;margin-top:3px;color:#D5E7F2;font:600 10px DM Sans;font-style:normal;letter-spacing:.2px;text-transform:none}.top-actions .status-dot,.top-actions .desktop-only{display:none!important}#installBtn{position:fixed;right:20px;bottom:20px;z-index:40} @media(max-width:700px){#installBtn{right:14px;bottom:78px}}@media (display-mode:standalone),(display-mode:fullscreen),(display-mode:minimal-ui),(display-mode:window-controls-overlay){#installBtn{display:none!important}}
.sidebar-logo-image{display:block;width:38px;height:38px;object-fit:contain;flex:0 0 38px}
.sidebar .logo{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;width:100%}.sidebar-brand-text{order:1;text-align:center}.sidebar-logo-image{order:2;margin-top:8px}.sidebar-maker{order:3;color:#9fc2b9;font:700 10px DM Sans;letter-spacing:1.2px;text-align:center}.sidebar-tenant-name{order:4;margin-top:0;color:#fff;font-size:11px;text-align:center}.sidebar .logo small{margin-top:1px}
.sidebar{width:190px;padding:22px 14px;align-items:center}.main{margin-left:190px}.sidebar nav{width:100%;justify-items:center}.sidebar nav a{width:100%;justify-content:center;gap:8px;padding:10px 8px;font-size:11px;text-align:center}.sidebar nav a i{width:17px;font-size:15px}.side-foot{width:100%;padding:16px 0 0;flex-direction:column;justify-content:center;text-align:center;gap:6px}.side-foot div:nth-child(2){flex:none;width:100%}.side-foot b{font-size:11px}.side-foot span{font-size:9px}.side-foot form button.logout-power{display:grid;place-items:center;width:31px;height:31px;padding:0;border-radius:50%;font-size:16px!important;color:#fff!important}.side-foot .avatar{width:31px;height:31px;font-size:11px}@media(max-width:1000px){.sidebar{width:190px}.main{margin-left:190px}}@media(max-width:700px){.main{margin-left:0}}
.side-foot form button.logout-power{position:relative;width:36px;height:36px;background:#fa4038!important;border:0!important;border-radius:50%;color:transparent!important;font-size:0!important;line-height:1;box-shadow:0 4px 12px rgba(250,64,56,.3)!important}.side-foot form button.logout-power::before{content:"";position:absolute;left:9px;bottom:7px;width:14px;height:14px;border:3px solid #fff;border-top-color:transparent;border-radius:50%}.side-foot form button.logout-power::after{content:"";position:absolute;left:50%;top:7px;width:3px;height:13px;border-radius:3px;background:#fff;transform:translateX(-50%)}.side-foot form button.logout-power:hover{background:#e8322b!important;transform:scale(1.05)}@media(max-width:700px){.sidebar{width:190px;padding:20px 12px;align-items:center}.sidebar .logo,.sidebar nav,.side-foot{width:100%;text-align:center}.sidebar nav a{justify-content:center;font-size:11px}.side-foot{align-items:center}.side-foot form{display:flex;justify-content:center}}
.summary-grid .summary{background:linear-gradient(135deg,#123B5D 0%,#123B5D 55%,#0B2D48 100%);border:1px solid #2c695d;color:#fff}.summary-grid .summary span,.summary-grid .summary small{color:#D5E7F2}.summary-grid .summary .positive,.summary-grid .summary .negative{color:#fff!important}
@media(max-width:700px){.menu-btn{display:grid;place-items:center;min-width:36px;height:30px;padding:0;font-size:24px!important;line-height:1;border-radius:8px}}
@media(max-width:700px){.summary-grid .summary{padding:14px}.summary-grid .summary span,.summary-grid .summary small{font-size:9px}.summary-grid .summary strong{font-size:17px;margin:10px 0 6px;line-height:1.25}}
.user-table{width:100%;border-collapse:collapse;min-width:620px}.user-table th,.user-table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:center;font-size:11px;white-space:nowrap}.user-table th{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);background:#f2f5f3}.user-table form{margin:0}.user-table .action-btn{border:0;border-radius:8px;padding:7px 11px;cursor:pointer}.stack small{color:var(--muted);font-size:10px;line-height:1.5}
.amana-message-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:transparent}.amana-message-box{width:min(360px,100%);padding:24px;text-align:center;border-radius:16px;background:linear-gradient(135deg,#123B5D 0%,#123B5D 55%,#0B2D48 100%);border:1px solid #397568;box-shadow:0 18px 55px rgba(8,46,40,.3);color:#fff}.amana-message-box b{display:block;font:800 16px Manrope}.amana-message-box p{margin:10px 0 18px;color:#d8e8e2;font-size:12px;line-height:1.55}.amana-message-box button{min-width:75px;background:linear-gradient(135deg,#2a765f,#185344)!important;border-color:#79ab9c!important}
.amana-message-box button{height:38px;min-width:82px;padding:0 18px;border:1px solid #79ab9c!important;border-radius:9px;background:linear-gradient(135deg,#398b77,#246b5c,#174e44)!important;color:#fff!important;font-size:11px!important;font-weight:800;line-height:1;box-shadow:0 5px 13px rgba(0,0,0,.2)!important}.amana-message-box button:hover{background:linear-gradient(135deg,#49a18b,#2e7b69,#1c5b4e)!important;transform:translateY(-1px)}
.amana-delete-overlay{position:fixed;inset:0;z-index:999;display:grid;place-items:center;padding:18px;background:transparent}.amana-delete-box{width:min(390px,100%);padding:25px;border-radius:16px;text-align:center;background:linear-gradient(135deg,#123B5D 0%,#123B5D 55%,#0B2D48 100%);border:1px solid #397568;box-shadow:0 18px 55px rgba(8,46,40,.32);color:#fff}.amana-delete-box>b{display:block;font:800 17px Manrope}.amana-delete-box p{margin:10px 0 15px;color:#d8e8e2;font-size:12px;line-height:1.55}.amana-delete-box p strong{color:#fff}.amana-delete-box input{margin:0;background:#fff;color:var(--ink);text-align:center}.amana-delete-actions{display:flex;justify-content:center;gap:9px;margin-top:17px}.amana-delete-actions button{min-width:86px}.amana-delete-actions .confirm-delete{background:linear-gradient(135deg,#e45d52,#bf3d35,#922b27)!important;border-color:#e17369!important}
.amana-delete-actions button{height:38px;padding:0 18px;border-radius:9px;font-size:11px!important;font-weight:800;box-shadow:0 5px 13px rgba(0,0,0,.2)!important}.amana-delete-actions .cancel-delete{background:linear-gradient(135deg,#2d7564,#1b594d,#123f37)!important;border:1px solid #69a091!important;color:#fff!important}.amana-delete-actions .cancel-delete:hover{background:linear-gradient(135deg,#398b77,#246b5c,#174e44)!important}.amana-delete-actions .confirm-delete{background:linear-gradient(135deg,#ef6a60,#c8433a,#962d29)!important;border:1px solid #f08a81!important;color:#fff!important}.amana-delete-actions .confirm-delete:hover{background:linear-gradient(135deg,#f47b72,#d65047,#aa3731)!important;transform:translateY(-1px)}
@media(max-width:700px){.amana-delete-overlay,.amana-message-overlay{display:grid;place-items:start center;padding:68px 14px 14px}.amana-delete-box,.amana-message-box{width:min(290px,calc(100vw - 28px));padding:17px;border-radius:13px}.amana-delete-box>b,.amana-message-box b{font-size:13px}.amana-delete-box p,.amana-message-box p{font-size:10px;margin:7px 0 12px;line-height:1.45}.amana-delete-box input{height:36px;padding:8px 10px;font-size:11px}.amana-delete-actions{margin-top:12px;gap:7px}.amana-delete-actions button,.amana-message-box button{height:32px;min-width:70px;padding:0 13px;font-size:10px!important;border-radius:8px}}
table thead tr{background:#123B5D}table thead th{background:transparent!important;color:#fff!important;border-bottom-color:#397568!important}table thead th:first-child{border-radius:7px 0 0 0}table thead th:last-child{border-radius:0 7px 0 0}
@media(max-width:700px){.mobile-nav.five-items{grid-template-columns:repeat(5,1fr)}.mobile-nav.four-items{grid-template-columns:repeat(4,1fr)}.mobile-logout{margin:0}.mobile-logout button{position:relative;width:100%;height:65px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none!important;border:0!important;border-radius:0;color:#e34f45!important;box-shadow:none!important}.mobile-logout button i{position:relative;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%}.mobile-logout button i:after{content:"";position:absolute;left:50%;top:-5px;width:2px;height:10px;border-radius:2px;background:currentColor;transform:translateX(-50%)}.mobile-logout button span{font-size:9px}.mobile-nav a{font-size:18px}}
.two-col>*{min-width:0}.responsive-table{display:block;max-width:100%}@media(max-width:700px){.user-table{min-width:520px}.user-table th,.user-table td{padding:9px 7px;font-size:9px}.user-table th{font-size:8px}.user-table .table-actions{gap:4px}.user-table .action-btn{padding:6px 7px;font-size:9px!important}.two-col>.panel,.two-col>form.panel{width:100%;min-width:0}.two-col>form.panel{padding:16px}.two-col>form.panel .form-actions{margin-top:10px}.two-col>form.panel .form-actions .btn{min-width:0;padding:9px 11px}}
@media(min-width:701px){.compact-header .topbar{display:none}.compact-header .content{padding-top:24px}}@media(max-width:700px){.compact-header .topbar{position:absolute;top:0;left:0;height:48px;padding:0 12px;border:0;background:transparent;backdrop-filter:none}.compact-header .content{padding-top:52px}}
.history-filter-form{display:grid;grid-template-columns:repeat(4,minmax(135px,1fr)) auto;align-items:end;gap:10px}.history-filter-form label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.history-filter-form input,.history-filter-form select{margin-top:5px;min-height:42px}.history-filter-form .btn{min-height:42px}@media(max-width:900px){.history-filter-form{grid-template-columns:1fr 1fr}}@media(max-width:540px){.history-filter-form{grid-template-columns:1fr}.history-filter-form .btn{width:100%}}
.history-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.history-table{width:100%;min-width:620px;table-layout:fixed;border-collapse:collapse;white-space:nowrap}.history-table th,.history-table td{text-align:center!important;vertical-align:middle;padding:13px 12px;border-bottom:1px solid #e4e9e5;font-size:12px}.history-table th{background:#f2f5f3;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px}.history-data-row[hidden]{display:none!important}.history-arrow{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:16px;font-weight:800}.history-arrow.in{background:#e1f4ec;color:#128368}.history-arrow.out{background:#fde8e5;color:#cf5b4e}.history-empty{padding:35px!important;color:var(--muted)}
button,.btn,.action-btn,.legacy-auth-btn,.demo-users button{background:linear-gradient(135deg,#123B5D 0%,#123B5D 55%,#0B2D48 100%)!important;color:#fff!important;border:1px solid #2c695d!important;box-shadow:0 4px 11px rgba(8,46,40,.22)!important}button:hover,.btn:hover,.action-btn:hover,.legacy-auth-btn:hover,.demo-users button:hover{background:linear-gradient(135deg,#23695b 0%,#174b42 55%,#0d3831 100%)!important;border-color:#438377!important;color:#fff!important}button:focus-visible,.btn:focus-visible,.action-btn:focus-visible,.legacy-auth-btn:focus-visible{outline:3px solid rgba(40,135,106,.32);outline-offset:2px}
.client-table .action-btn.in{background:linear-gradient(135deg,#208761,#0f6849,#095038)!important;border-color:#2e9b73!important}.client-table .action-btn.in:hover{background:linear-gradient(135deg,#2ba173,#147b57,#0b5f43)!important}.client-table .action-btn.out{background:linear-gradient(135deg,#e45d52,#bf3d35,#922b27)!important;border-color:#e17369!important}.client-table .action-btn.out:hover{background:linear-gradient(135deg,#ef7167,#cf4940,#a3322d)!important}.client-table .action-btn.edit{background:linear-gradient(135deg,#e9a52f,#c77a11,#995708)!important;border-color:#edb755!important}.client-table .action-btn.edit:hover{background:linear-gradient(135deg,#f0b749,#d68a1b,#a9640d)!important}.client-table .action-btn.history{background:linear-gradient(135deg,#5279dd,#385bbd,#293f91)!important;border-color:#6c8be1!important}.client-table .action-btn.history:hover{background:linear-gradient(135deg,#688aE5,#466bce,#304ca5)!important}
.page-head h1{font-size:14px;line-height:1.4;letter-spacing:0}
.balance-warning{background:transparent!important;backdrop-filter:none!important}
.balance-warning>div{background:linear-gradient(90deg,#123B5D 0%,#123B5D 55%,#0B2D48 100%);border:1px solid #397568}.balance-warning b,.balance-warning p{color:#fff}.balance-warning button{border-color:#8fc9b6!important;box-shadow:0 3px 10px rgba(0,0,0,.18)!important}
.sidebar nav a[href="?page=money-in"],.sidebar nav a[href="?page=money-out"],.sidebar nav a[href="?page=customers"]{display:none}
.selected-client-display{margin-top:7px;width:100%;padding:12px 13px;border:1px solid #b8d7ca;border-radius:10px;background:#edf7f2;color:var(--green);font-size:14px;font-weight:700}
select[name="customer_id"][hidden]{display:none!important}
.balance-warning{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px;background:rgba(9,35,30,.34);backdrop-filter:blur(2px)}.balance-warning.show{display:grid}.balance-warning>div{width:min(330px,100%);padding:22px;border-radius:15px;background:#fff;text-align:center;box-shadow:0 24px 70px rgba(8,38,32,.28)}.balance-warning b{display:block;color:#a53e33;font:700 15px Manrope}.balance-warning p{margin:8px 0 17px;color:#5f6d69;font-size:13px}.balance-warning button{min-width:90px;padding:9px 16px;border-radius:9px}
@media(max-width:1000px){.sidebar{width:210px}.main{margin-left:210px}.content{padding:30px 25px}.summary-grid{grid-template-columns:1fr 1fr}.summary.main-balance{grid-column:1/-1}.dashboard-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.auth-brand{padding:6vw}.auth-card{padding:6vw}}
@media(max-width:700px){body{padding-bottom:68px}.sidebar{transform:translateX(-110%);transition:.25s;box-shadow:12px 0 40px #102d2988}.sidebar.open{transform:none}.main{margin-left:0}.topbar{height:64px;padding:0 17px}.menu-btn{display:block}.desktop-only{display:none}.content{padding:25px 16px 35px}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:22px}.page-head h1{font-size:25px}.head-actions{width:100%}.head-actions .btn{flex:1}.summary-grid{grid-template-columns:1fr}.summary.main-balance{grid-column:auto}.summary{padding:18px}.dashboard-grid{gap:13px}.panel{padding:17px;border-radius:14px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.entry-form{padding:20px}.amount-field input{font-size:34px}.form-actions .btn{flex:1}.two-col{gap:13px}.filter-row{display:grid}.filter-row select{width:100%}.tx-row{gap:8px}.print-one{display:none}.category-grid{grid-template-columns:1fr}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);z-index:15;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#7a8582;font-size:20px}.mobile-nav a span{font-size:9px}.mobile-nav a.active{color:var(--mint)}.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:32vh;padding:35px 25px}.auth-brand .brand-mark{margin-bottom:30px}.auth-brand h1{font-size:38px;letter-spacing:-2px}.auth-brand>p:not(.eyebrow){font-size:14px}.trust-row{margin-top:15px;flex-wrap:wrap}.auth-card{padding:40px 24px;min-height:68vh}}
@media print{.sidebar,.topbar,.page-head,.filter-row,.mobile-nav,.print-one,.head-actions{display:none!important}.main{margin:0}.content{padding:0}.panel{border:0;box-shadow:none;padding:0}.tx-row{break-inside:avoid}.tx-icon{border:1px solid #aaa}.positive,.negative{color:#000!important}body{background:white;padding:0}}
.platform-summary{grid-template-columns:1.2fr 1fr 1fr}.client-list{display:grid}.client-row{display:grid;grid-template-columns:46px minmax(210px,1.5fr) minmax(100px,.6fr) minmax(150px,.8fr) 90px 95px;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid #eef1ee}.client-row:last-child{border:0}.client-logo{width:42px;height:42px;border-radius:13px;background:#dfeee8;color:var(--green);font:800 17px Manrope;display:grid;place-items:center}.client-name b,.client-name small,.client-stat b,.client-stat span{display:block}.client-name b{font-size:14px}.client-name small{font-size:11px;color:var(--muted);margin-top:4px}.client-stat span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.client-stat b{font:700 12px Manrope;margin-top:4px}.client-status{font-size:10px;font-weight:700;border-radius:20px;text-align:center;padding:6px 8px}.client-status.active{background:#e1f4ec;color:#116750}.client-status.suspended{background:#fde8e5;color:#a53e33}.small-btn{font-size:10px;padding:8px 10px}.client-dialog{width:min(480px,calc(100% - 28px));border:0;border-radius:18px;padding:0;box-shadow:0 30px 90px #102d2944}.client-dialog::backdrop{background:#0e2924aa;backdrop-filter:blur(3px)}.client-dialog form{padding:28px}.dialog-head{display:flex;justify-content:space-between;gap:15px}.dialog-head h2{font:800 23px Manrope;margin:0}.dialog-head p:not(.eyebrow){font-size:12px;color:var(--muted);margin:5px 0 8px}.dialog-head button{border:0;background:none;font-size:27px;color:var(--muted);cursor:pointer}@media(max-width:900px){.client-row{grid-template-columns:42px 1fr auto}.client-stat{display:none}.client-row form{grid-column:2}.client-status{grid-column:3;grid-row:1}.platform-summary{grid-template-columns:1fr 1fr}.platform-summary .main-balance{grid-column:1/-1}}@media(max-width:550px){.client-row{grid-template-columns:42px 1fr}.client-status{grid-column:2;grid-row:auto;justify-self:start}.client-row form{grid-column:2}.platform-summary{grid-template-columns:1fr}.platform-summary .main-balance{grid-column:auto}.client-panel{padding:15px}}
.reference-body{background:#f3f6fb;padding:0;color:#17233c}.reference-topbar{min-height:72px;padding:12px max(22px,calc((100vw - 1400px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dce5f1}.reference-topbar>div,.reference-brand{display:flex;align-items:center;gap:14px}.reference-topbar form{margin:0}.reference-brand{font:800 19px Manrope}.reference-brand small{display:block;font:500 10px DM Sans;color:#64748b;text-transform:uppercase;letter-spacing:1px}.reference-main{padding-bottom:35px}.reference-body .hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px;background:linear-gradient(135deg,#12336b,#245a9a);color:#fff}.reference-body .hero h1{font:800 30px Manrope;margin:0}.reference-body .hero p{margin:7px 0 0;color:#d8e8ff}.reference-body .actions{display:flex;align-items:center;gap:8px}.reference-body .card{background:#fff;padding:22px}.reference-body .section-gap{margin-top:18px}.reference-body .btn{border:1px solid #c8d5e5;background:#fff;color:#17356d}.reference-body .btn-success{background:#0e9f6e;color:#fff;border-color:#0e9f6e}.reference-body .btn-danger{background:#e52b32;color:#fff;border-color:#e52b32}.reference-body .btn-secondary{background:#64748b;color:#fff;border-color:#64748b}.reference-body .field label{display:block;margin-bottom:6px}.reference-body .field input,.reference-body .field select{margin:0}.reference-body .table-wrap{overflow-x:auto}.reference-body .table{width:100%;border-collapse:collapse;min-width:760px}.reference-body .table th,.reference-body .table td{padding:13px 12px;border-bottom:1px solid #e4eaf2;font-size:13px}.reference-body .alert{margin:0 0 18px;background:#d1fae5;color:#047857}.reference-body .alert.error{background:#fee2e2;color:#b91c1c}.amana-search span{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:#2f6fed;font-size:20px}@media(max-width:700px){.reference-topbar{padding:10px 14px}.reference-topbar>div>b{display:none}.reference-body .hero{align-items:flex-start;flex-direction:column}.reference-body .hero .actions{width:100%;flex-wrap:wrap}.reference-body .hero .btn{flex:1}.reference-body .card{padding:16px}}
.auth-body{padding:0}.auth-shell{width:100%;min-height:100vh;margin:0;border:0;border-radius:0;box-shadow:none}
.auth-shell{grid-template-columns:1fr 1fr}
@media(max-width:700px){.auth-body{padding:0;min-height:100svh}.auth-shell{min-height:100svh;grid-template-rows:auto 1fr}.auth-brand{padding:20px 20px 18px}.auth-logo{width:58px;height:58px;margin-bottom:10px}.auth-brand .eyebrow{margin-bottom:5px;font-size:9px}.auth-brand h1{font-size:27px;line-height:1.08;letter-spacing:-1px;margin-bottom:10px}.auth-brand>p:not(.eyebrow){max-width:440px;font-size:11px;line-height:1.45}.auth-card{min-height:0;padding:22px 24px 24px;justify-content:center}.auth-card .eyebrow{margin-bottom:5px;font-size:9px}.auth-card h2{font-size:20px}.auth-card .muted{margin:7px auto 14px;font-size:11px;line-height:1.45}.auth-card .alert{margin-bottom:10px;padding:9px 11px;font-size:11px}.auth-card .legacy-auth-btn{min-height:46px}.legacy-auth-note{margin-top:10px;font-size:10px}}
@media(max-width:700px) and (max-height:620px){.auth-brand{padding-top:14px;padding-bottom:12px}.auth-logo{width:48px;height:48px;margin-bottom:7px}.auth-brand h1{font-size:23px;margin-bottom:6px}.auth-brand>p:not(.eyebrow){display:none}.auth-card{padding-top:16px;padding-bottom:18px}}
@media(max-width:700px){.auth-shell{height:100svh;min-height:100svh;grid-template-columns:1fr;grid-template-rows:1fr 1fr}.auth-brand,.auth-card{min-height:0;overflow:hidden}.auth-brand{justify-content:center}.auth-card{justify-content:center}}
.client-table th{padding:8px 10px;line-height:1.2}.client-table td{padding:8px 10px;font-size:12px;line-height:1.25}.client-table .table-actions{gap:4px;align-items:center}.client-table .action-btn{min-height:0;padding:5px 7px;font-size:9px!important;line-height:1.15;border-radius:6px}.client-table tbody td:first-child b{font-size:12px}@media(max-width:700px){.client-table th{padding:7px 8px}.client-table td{padding:7px 8px;font-size:11px}.client-table .action-btn{padding:4px 6px;font-size:8px!important}}
@media(max-width:700px){.client-table{min-width:540px;width:100%;table-layout:auto}.client-table th,.client-table td{padding-left:4px;padding-right:4px}.client-table th:first-child,.client-table td:first-child{padding-left:6px}.client-table th:last-child,.client-table td:last-child{padding-right:6px}.client-table .table-actions{gap:2px}.client-table .action-btn{padding-left:4px;padding-right:4px}}
.customer-edit-actions{display:flex;align-items:center;gap:9px}.customer-edit-actions .btn{min-width:90px}@media(max-width:700px){.customer-edit-actions{width:100%}.customer-edit-actions .btn{flex:1}}
@media(max-width:700px){.history-table{min-width:520px}.history-table th,.history-table td{padding:7px 5px;font-size:10px;line-height:1.2}.history-table th{font-size:8px;letter-spacing:.35px}.history-arrow{width:23px;height:23px;font-size:12px}.history-table-wrap{margin:0}.history-table td:first-child,.history-table th:first-child{padding-left:4px;padding-right:3px}.history-table td:last-child,.history-table th:last-child{padding-right:4px}.history-filter-form{gap:7px;margin-bottom:10px}.history-filter-form input,.history-filter-form select,.history-filter-form .btn{min-height:36px;padding-top:8px;padding-bottom:8px}}
@media(max-width:700px){.history-table{min-width:460px}.history-table th,.history-table td{padding-left:2px;padding-right:2px}.history-table th:nth-child(1),.history-table td:nth-child(1){width:29%}.history-table th:nth-child(2),.history-table td:nth-child(2){width:12%}.history-table th:nth-child(3),.history-table td:nth-child(3){width:34%}.history-table th:nth-child(4),.history-table td:nth-child(4){width:25%}.history-table td:first-child,.history-table th:first-child{padding-left:2px;padding-right:2px}.history-table td:last-child,.history-table th:last-child{padding-right:2px}}
@media(max-width:700px){.history-table{min-width:560px}.history-table th:nth-child(1),.history-table td:nth-child(1){width:25%}.history-table th:nth-child(2),.history-table td:nth-child(2){width:10%}.history-table th:nth-child(3),.history-table td:nth-child(3){width:27%}.history-table th:nth-child(4),.history-table td:nth-child(4){width:23%}.history-table th:nth-child(5),.history-table td:nth-child(5){width:15%}}
@media(max-width:700px){.accounts-page{gap:9px}.accounts-page .panel{padding:13px}.accounts-page .panel h2{font-size:12px}.accounts-page .spacious .account-row{padding:9px 0;gap:8px}.accounts-page .account-icon{width:30px;height:30px;border-radius:8px;font-size:13px}.accounts-page .account-row b{font-size:11px}.accounts-page .account-row small{font-size:9px;margin-top:1px}.accounts-page .account-row strong{font-size:10px}.accounts-page .stack{gap:10px}.accounts-page label{font-size:10px}.accounts-page input,.accounts-page select{min-height:38px;margin-top:4px;padding:8px 10px;font-size:11px}.accounts-page .btn{min-height:38px;padding:8px 12px}}
@media(max-width:700px){.categories-page{gap:9px}.categories-page .panel{padding:13px}.categories-page .panel h2{font-size:12px}.categories-page .category-grid{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.categories-page .category-grid span{padding:8px;gap:6px;font-size:10px;border-radius:8px}.categories-page .category-grid i{width:7px;height:7px}.categories-page .category-grid small{font-size:8px}.categories-page .stack{gap:10px}.categories-page label{font-size:10px}.categories-page input,.categories-page select{min-height:38px;margin-top:4px;padding:8px 10px;font-size:11px}.categories-page input[type="color"]{height:38px}.categories-page .btn{min-height:38px;padding:8px 12px}}
.sidebar nav a{justify-content:flex-start;padding-left:27px;padding-right:12px}.sidebar nav a i{flex:0 0 17px}
@media(max-width:700px){.topbar{padding-left:62px}.menu-btn{position:fixed;top:17px;left:15px;z-index:50;background:#fff!important;color:var(--green)!important;border:1px solid var(--line)!important;box-shadow:0 4px 12px rgba(8,46,40,.14)!important}.menu-btn:hover{background:#f4f7f5!important;color:var(--green)!important}}
.owner-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.owner-metrics article{padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.owner-metrics span,.owner-metrics small{display:block;color:var(--muted);font-size:10px}.owner-metrics strong{display:block;margin:10px 0 5px;font:800 20px Manrope}.owner-panel{padding:18px}.owner-table-wrap{overflow-x:auto}.owner-table{width:100%;min-width:680px;border-collapse:collapse}.owner-table th,.owner-table td{padding:10px 8px;border-bottom:1px solid #e8ede9;text-align:left;font-size:11px}.owner-table th{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.owner-table td small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.owner-status{display:inline-block;padding:5px 8px;border-radius:15px;background:#edf0ee;color:#62706c;font-size:9px;font-weight:700}.owner-status.active,.owner-status.trial{background:#e1f4ec;color:#116750}.owner-status.suspended,.owner-status.cancelled{background:#fde8e5;color:#a53e33}.owner-status.past_due{background:#fff2dc;color:#96600c}.subscription-list{display:grid;gap:12px}.subscription-card{padding:18px}.subscription-head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:14px}.subscription-head h2{font-size:14px}.subscription-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.subscription-form{display:grid;grid-template-columns:1.1fr .8fr .75fr .75fr 1.2fr auto;gap:9px;align-items:end}.subscription-form input,.subscription-form select{min-height:39px;margin-top:4px;padding:8px 9px;font-size:10px}.subscription-form label{font-size:9px}.subscription-form .btn{min-height:39px}.subscription-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.owner-delete{background:linear-gradient(135deg,#e45d52,#bf3d35,#922b27)!important;border-color:#e17369!important}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.plan-card{padding:18px}.plan-card-head{display:flex;justify-content:space-between;gap:12px}.plan-card-head h2{font-size:16px;margin-bottom:6px}.plan-card-head>strong{font:800 18px Manrope;text-align:right}.plan-card-head>strong small{display:block;font:500 9px DM Sans;color:var(--muted)}.plan-card>p{min-height:36px;color:var(--muted);font-size:10px;line-height:1.5}.plan-facts{display:flex;gap:20px;padding:12px 0;border-block:1px solid var(--line);font-size:9px;color:var(--muted)}.plan-facts b{color:var(--ink);font-size:12px}.plan-actions{display:flex;gap:6px;margin-top:12px}.plan-actions form{margin:0}.plan-actions .btn{padding:8px 10px}.audit-filter{display:grid;grid-template-columns:1fr 1fr 1fr auto auto;gap:9px;align-items:end;margin-bottom:12px}.audit-filter input,.audit-filter select{min-height:39px;margin-top:4px;padding:8px}.audit-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.audit-toolbar label{display:flex;align-items:center;gap:6px}.audit-toolbar input,.audit-table input{width:15px;height:15px;margin:0}.audit-toolbar span{font-size:10px;color:var(--muted)}.audit-toolbar .btn{margin-left:auto}.audit-table{min-width:800px}@media(max-width:1000px){.owner-metrics{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr 1fr}.subscription-form{grid-template-columns:1fr 1fr 1fr}.subscription-notes{grid-column:1/3}}@media(max-width:700px){.platform-content{padding-top:20px}.owner-metrics{grid-template-columns:1fr 1fr;gap:8px}.owner-metrics article{padding:12px}.owner-metrics strong{font-size:15px}.plan-grid{grid-template-columns:1fr}.subscription-card{padding:13px}.subscription-form{grid-template-columns:1fr 1fr;gap:7px}.subscription-notes{grid-column:1/-1}.subscription-form .btn{grid-column:1/-1}.audit-filter{grid-template-columns:1fr 1fr}.audit-filter label:first-of-type{grid-column:1/-1}.audit-toolbar{flex-wrap:wrap}.owner-table th,.owner-table td{padding:7px 5px;font-size:9px}}
.plans-table{min-width:760px}.plans-table th,.plans-table td{text-align:center}.plans-table td:first-child{text-align:left}.plan-table-actions{display:flex;justify-content:center;gap:6px}.plan-table-actions form{margin:0}.plan-table-actions .btn{min-width:62px;padding:7px 9px}
.subscription-notes{display:none}.subscription-form{grid-template-columns:1.2fr .9fr .8fr .8fr auto}@media(max-width:1000px){.subscription-form{grid-template-columns:1fr 1fr 1fr}.subscription-form .btn{grid-column:auto}}@media(max-width:700px){.subscription-form{grid-template-columns:1fr 1fr}.subscription-form .btn{grid-column:1/-1}}
.subscriptions-table{min-width:940px}.subscriptions-table th,.subscriptions-table td{text-align:center}.subscriptions-table td:first-child{text-align:left}.subscriptions-table select,.subscriptions-table input{min-width:120px;min-height:34px;margin:0;padding:6px 7px;font-size:9px}.subscriptions-table td:nth-child(2) select{min-width:130px}.subscription-table-actions{display:flex;justify-content:center;gap:5px}.subscription-table-actions form{margin:0}.subscription-table-actions .btn{min-width:58px;padding:7px 8px}
.owner-dialog-actions{display:flex;justify-content:flex-end;gap:9px}.owner-dialog-actions .btn{flex:1}
.trial-form{display:grid;gap:12px;width:min(420px,100%);margin:0 auto}.trial-form input{margin-top:5px}.trial-form .btn{width:100%}.trial-form .registration-agreement{display:flex;align-items:flex-start;gap:9px;text-align:left;font-size:12px;line-height:1.45;color:var(--muted)}.trial-form .registration-agreement input{width:16px;height:16px;min-width:16px;margin:1px 0 0;accent-color:var(--primary)}.trial-cancel{width:min(420px,100%);margin:9px auto 0}.trial-cancel .btn{width:100%}
.subscriptions-table{min-width:1040px}
.owner-expiry-alert{display:flex;justify-content:space-between;gap:15px}.owner-expiry-alert a{font-weight:800;text-decoration:underline}
.backup-widget{position:fixed;right:20px;bottom:20px;z-index:35;display:flex;align-items:center;gap:9px;padding:8px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.backup-widget form{margin:0}.backup-widget a{padding:8px;font-size:9px;font-weight:700;color:var(--green)}@media(max-width:700px){.backup-widget{right:12px;bottom:78px}}
.trial-banner{gap:6px}.trial-banner span{margin-left:6px}.trial-banner strong{font-weight:800;color:#5f3d06}
.client-table .action-btn.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.35);pointer-events:none}.payment-overdue{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.payment-overdue strong{font-weight:800}
.sidebar nav a.disabled-nav{opacity:.38;pointer-events:none;cursor:not-allowed;background:#123B5D;color:#78958e}.subscription-read-only .client-table .action-btn.in,.subscription-read-only .client-table .action-btn.out{opacity:.4;pointer-events:none;cursor:not-allowed;filter:grayscale(.4)}.subscription-expired-overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(6,39,34,.76);backdrop-filter:blur(3px)}.subscription-expired-box{position:relative;width:min(520px,100%);padding:38px;text-align:center;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.subscription-expired-box h2{font:800 27px Manrope;margin:8px 0 13px}.subscription-expired-box>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.7}.subscription-expired-box>p strong{color:var(--ink);font-weight:800}.subscription-expired-close{position:absolute;top:12px;right:12px;width:34px;height:34px;padding:0!important;border-radius:50%!important;font-size:21px!important;line-height:1}.locked-card>p strong{color:var(--ink);font-weight:800}@media(max-width:700px){.subscription-expired-box{padding:32px 22px 25px}.subscription-expired-box h2{font-size:22px}.subscription-expired-box>p:not(.eyebrow){font-size:11px}}
.trial-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:12px 16px;border-radius:12px;background:#fff2dc;border:1px solid #efcf94;color:#7a520e}.trial-banner b{font-size:12px}.trial-banner span{font-size:10px}.locked-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#0B2D48,#123B5D)}.locked-card{width:min(520px,100%);padding:38px;text-align:center;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.locked-card img{width:82px;height:82px;object-fit:contain}.locked-card h1{font:800 28px Manrope;margin:8px 0 12px}.locked-card>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.7}.locked-date{margin:20px 0;padding:12px;border-radius:10px;background:#F5F8FA;font-size:11px}.locked-card form{margin:0}.locked-card .btn{width:100%}@media(max-width:700px){.trial-banner{align-items:flex-start;flex-direction:column}.locked-card{padding:28px 22px}.locked-card h1{font-size:23px}}
.btn.disabled{opacity:.4;pointer-events:none;cursor:not-allowed;filter:grayscale(.4)}
.past-due-alert{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:12px 16px;border:1px solid #efcf94;border-radius:12px;background:#fff2dc;color:#7a520e}.past-due-alert b{font-size:12px}.past-due-alert span{font-size:10px}.past-due-alert strong{font-weight:800;color:#5f3d06}@media(max-width:700px){.past-due-alert{align-items:flex-start;flex-direction:column}}
.client-table tfoot th,.history-table tfoot th{padding:11px 10px;background:#e7f3ee;color:var(--green);font:800 11px Manrope;border-top:1px solid #cfe2da;text-align:center!important}.history-table tfoot th:first-child{text-align:right!important}.history-table tfoot span{font:inherit}@media(max-width:700px){.client-table tfoot th,.history-table tfoot th{padding:8px 4px;font-size:9px}}
.currency-amount-grid{display:grid;grid-template-columns:1fr 230px;gap:18px;align-items:end;border-bottom:1px solid var(--line);margin-bottom:20px}.currency-amount-grid .amount-field{border:0;margin:0}.currency-field{padding-bottom:24px}.exchange-rate-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end;padding:16px;margin-bottom:24px;border-radius:12px;background:#f2f7f4}.exchange-rate-row[hidden]{display:none}.exchange-rate-row label small{display:block;margin-top:4px;color:var(--muted);font-weight:400}.conversion-preview{padding:12px 14px;border-radius:10px;background:#fff;color:var(--muted);font-size:11px}.conversion-preview strong{display:block;margin-top:5px;color:var(--green);font:800 17px Manrope}.currency-conversion{display:block;margin-top:3px;color:var(--muted);font-size:9px}@media(max-width:700px){.currency-amount-grid,.exchange-rate-row{grid-template-columns:1fr}.currency-field{padding-bottom:20px}.exchange-rate-row{gap:10px}}
.base-currency-panel{display:grid;grid-template-columns:1fr minmax(230px,320px) auto;gap:16px;align-items:end;margin-bottom:18px}.base-currency-panel small{display:block;margin-top:5px;color:var(--muted)}@media(max-width:700px){.base-currency-panel{grid-template-columns:1fr}.base-currency-panel .btn{width:100%}}
.exchange-value{color:var(--muted);font-weight:700}
.statement-table{min-width:960px}
.history-balance{font-weight:800}@media(max-width:700px){.history-table{min-width:660px}.history-table th:nth-child(1),.history-table td:nth-child(1){width:22%}.history-table th:nth-child(2),.history-table td:nth-child(2){width:9%}.history-table th:nth-child(3),.history-table td:nth-child(3){width:22%}.history-table th:nth-child(4),.history-table td:nth-child(4){width:17%}.history-table th:nth-child(5),.history-table td:nth-child(5){width:17%}.history-table th:nth-child(6),.history-table td:nth-child(6){width:13%}}
.statement-table th:nth-child(2),.statement-table td:nth-child(2){text-align:center}
@media(max-width:700px){.history-table{min-width:760px}.history-table th:nth-child(1),.history-table td:nth-child(1){width:19%}.history-table th:nth-child(2),.history-table td:nth-child(2){width:12%}.history-table th:nth-child(3),.history-table td:nth-child(3){width:8%}.history-table th:nth-child(4),.history-table td:nth-child(4){width:19%}.history-table th:nth-child(5),.history-table td:nth-child(5){width:15%}.history-table th:nth-child(6),.history-table td:nth-child(6){width:15%}.history-table th:nth-child(7),.history-table td:nth-child(7){width:12%}}
.transaction-actions{display:flex;gap:4px;margin-top:6px}.transaction-actions form{margin:0}.currency-summary{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.currency-summary span{padding:7px 10px;border-radius:8px;background:#f2f7f4;color:var(--muted);font-size:10px}.currency-summary b{color:var(--green)}@media print{.sidebar,.topbar,.mobile-nav,.filter-row,.page-head .head-actions,.transaction-actions,#installBtn{display:none!important}.main{margin:0!important}.content{max-width:none!important;padding:10px!important}.panel{box-shadow:none!important;border:0!important;padding:0!important}.history-table-wrap,.statement-wrap{overflow:visible!important}.history-table,.statement-table{min-width:0!important}.history-data-row[hidden]{display:none!important}}
.transaction-actions-cell,.transaction-actions-heading{text-align:center!important}.transaction-actions-cell .transaction-actions{justify-content:center;margin:0}@media(max-width:700px){.history-table:has(.transaction-actions-heading){min-width:850px}.history-table th:nth-child(8),.history-table td:nth-child(8){width:14%}}
@media print{.transaction-actions-cell,.transaction-actions-heading{display:none!important}}
.statement-table:has(.transaction-actions-heading){min-width:1080px}
.backup-dialog{width:min(520px,calc(100% - 28px));border:0;border-radius:18px;padding:0;box-shadow:0 28px 80px rgba(0,0,0,.28)}.backup-dialog::backdrop{background:rgba(6,39,34,.72);backdrop-filter:blur(3px)}.backup-dialog form{padding:28px}.backup-dialog h2{margin:0;font:800 20px Manrope}.backup-dialog .muted{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.backup-dialog input[type=file]{padding:10px;background:#f7f8f5}
.backup-password-wrap{position:relative;margin-top:7px}.backup-password-wrap input{margin:0;padding-right:46px}.backup-password-eye{position:absolute;top:50%;right:7px;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:8px;background:#edf3f0;color:var(--green);cursor:pointer;font-size:16px}.backup-password-eye.showing{background:#dcebe5}
@media(max-width:700px){.auth-shell{height:100svh;min-height:100svh;grid-template-rows:1fr 1fr}.auth-brand{min-height:0;padding:14px 20px 12px;justify-content:center}.auth-logo{width:52px;height:52px;margin-bottom:8px}.auth-brand .eyebrow{font-size:8px;margin-bottom:4px}.auth-brand h1{font-size:25px;line-height:1.06;margin-bottom:8px}.auth-brand>p:not(.eyebrow){max-width:320px;font-size:10px;line-height:1.4}.auth-card{min-height:0;padding:12px 18px 14px;justify-content:center;overflow-y:auto}.auth-card .eyebrow{font-size:8px;margin-bottom:3px}.auth-card h2{font-size:18px;line-height:1.15}.auth-card .muted{margin:5px auto 9px;font-size:10px;line-height:1.35}.auth-choice-list{gap:7px}.auth-choice-list .auth-choice-btn,.auth-card .legacy-auth-btn{min-height:41px!important;height:41px;padding:8px 12px}.auth-choice-list .auth-divider{margin:2px 0;font-size:9px}.legacy-auth-mark{font-size:17px}.auth-card .alert{margin-bottom:7px;padding:7px 9px;font-size:10px}}
.auth-card .auth-welcome{font-size:30px;line-height:1.05;letter-spacing:1px;font-weight:800;margin-bottom:8px;transform:translateY(-7px)}
@media(max-width:700px){.auth-card .auth-welcome{font-size:25px;margin-bottom:5px;transform:translateY(-6px)}}
.auth-brand{position:relative}
.auth-brand-name{position:absolute;top:9%;left:0;width:100%;color:#fff;font-size:clamp(38px,5vw,62px);line-height:1.05;font-weight:800;letter-spacing:-2px;text-align:center}
@media(max-width:700px){.auth-brand-name{top:34px;font-size:25px;letter-spacing:-1px}}
.auth-brand-name,.auth-brand .auth-logo,.auth-brand .eyebrow,.auth-brand h1{align-self:center;text-align:center}
.auth-brand .auth-logo{margin-left:auto;margin-right:auto}
.auth-brand .eyebrow,.auth-brand h1{width:100%}
@media(max-width:700px){.auth-brand .auth-logo{margin-bottom:10px}.auth-brand .eyebrow{margin-bottom:6px}.auth-brand h1{margin-top:0}}
.auth-brand .auth-logo,.auth-brand .eyebrow{transform:translateY(-7px)}
.login-options-panel{display:grid;grid-template-columns:minmax(230px,1.35fr) minmax(190px,1fr) minmax(190px,1fr) auto;gap:14px;align-items:center;margin-bottom:18px;padding:18px 22px}.login-options-copy h2{margin:3px 0 4px;font-size:16px}.login-options-copy small,.login-option-choice small{display:block;color:var(--muted);font-size:10px;line-height:1.45}.login-option-choice{display:flex;align-items:center;gap:11px;min-height:64px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#f8faf8;cursor:pointer}.login-option-choice input{width:19px;height:19px;margin:0;accent-color:var(--green);flex:0 0 auto}.login-option-choice b{display:block;margin-bottom:3px;font-size:12px}.login-option-choice.unavailable{opacity:.55;cursor:not-allowed}.login-options-panel .btn{white-space:nowrap}@media(max-width:1000px){.login-options-panel{grid-template-columns:1fr 1fr}.login-options-copy{grid-column:1/-1}.login-options-panel .btn{grid-column:2;justify-self:end}}@media(max-width:700px){.login-options-panel{grid-template-columns:1fr;gap:9px;padding:14px}.login-options-copy,.login-options-panel .btn{grid-column:auto}.login-option-choice{min-height:58px}.login-options-panel .btn{width:100%;justify-self:stretch}}
.login-options-panel{display:flex!important;align-items:center!important;gap:18px!important;padding:16px 22px!important}.login-options-copy{flex:1 1 auto;min-width:250px}.login-options-copy .eyebrow,.login-options-copy h2,.login-options-copy small{display:inline;margin:0 9px 0 0}.login-options-copy h2{font-size:14px}.login-option-choice{display:flex!important;align-items:center!important;flex:0 0 auto;gap:8px!important;min-height:42px!important;padding:9px 12px!important;margin:0!important}.login-option-choice span{display:flex;align-items:center;gap:6px;white-space:nowrap}.login-option-choice b,.login-option-choice small{display:inline!important;margin:0!important}.login-options-panel>.btn{flex:0 0 auto;margin:0!important}@media(max-width:900px){.login-options-panel{flex-wrap:wrap!important}.login-options-copy{flex-basis:100%}}@media(max-width:700px){.login-options-panel{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:14px!important}.login-options-copy{min-width:0}.login-options-copy .eyebrow,.login-options-copy h2,.login-options-copy small{display:block;margin:0 0 4px}.login-option-choice{width:100%}.login-option-choice span{white-space:normal}.login-options-panel>.btn{width:100%}}
@media(min-width:701px){.login-options-panel{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:12px!important;min-height:76px}.login-options-copy{display:flex!important;align-items:center!important;flex:1 1 auto!important;min-width:0!important;white-space:nowrap}.login-options-copy .eyebrow{margin:0 10px 0 0!important}.login-options-copy h2{margin:0!important}.login-options-copy>small,.login-option-choice small{display:none!important}.login-option-choice{flex:0 0 auto!important;min-height:40px!important}.login-option-choice span,.login-option-choice b{white-space:nowrap!important}.login-options-panel>.btn{flex:0 0 auto!important;white-space:nowrap!important}}
.conversion-fields{display:grid;grid-template-columns:1fr 1.15fr 1.15fr 1fr 1fr;gap:12px;align-items:end;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.conversion-fields label{margin:0}.conversion-fields label small{display:block;min-height:26px;margin:4px 0;color:var(--muted);font-size:9px;line-height:1.35}.conversion-fields input,.conversion-fields select{min-height:44px;margin-top:6px}.conversion-fields .conversion-preview{min-height:44px;padding:9px 12px}.conversion-fields .conversion-preview span{display:block;color:var(--muted);font-size:9px}.conversion-fields .conversion-preview strong{margin-top:3px;font-size:15px}@media(max-width:1000px){.conversion-fields{grid-template-columns:1fr 1fr}.conversion-fields .conversion-preview{grid-column:1/-1}}@media(max-width:700px){.conversion-fields{grid-template-columns:1fr;gap:9px}.conversion-fields .conversion-preview{grid-column:auto}}
.currency-balance{display:block;white-space:nowrap}.currency-balance+.currency-balance{margin-top:3px}
.multi-currency-values,.client-currency-balances{display:flex;flex-wrap:wrap;gap:5px 14px;align-items:center}.multi-currency-values{margin-top:8px}.multi-currency-values strong{display:block;margin:0!important;font-size:18px!important}.client-currency-balances{justify-content:center}.client-currency-balances strong{display:block;white-space:nowrap}.client-currency-balances strong+strong{padding-left:10px;border-left:1px solid rgba(18,59,53,.18)}@media(max-width:700px){.multi-currency-values{gap:4px 9px}.multi-currency-values strong{font-size:14px!important}.client-currency-balances{gap:3px 7px}.client-currency-balances strong+strong{padding-left:6px}}
.status-circle{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;font:800 15px/1 Manrope}.status-circle.plus{background:#168ED1}.status-circle.minus{background:#df594c}.status-sign-field{display:flex;align-items:center;gap:9px;min-width:0;margin:0;padding:0;border:0}.status-sign-field legend{margin-bottom:7px;font-size:11px;font-weight:700}.status-sign-field label{display:inline-flex;align-items:center;margin:0;cursor:pointer}.status-sign-field input{position:absolute;opacity:0;pointer-events:none}.status-sign-field input:checked+.status-circle{box-shadow:0 0 0 3px #fff,0 0 0 5px currentColor;transform:scale(1.04)}.status-sign-field .status-circle.plus{color:#fff}.status-sign-field .status-circle.minus{color:#fff}.client-table td:nth-child(3),.client-table th:nth-child(3){text-align:center}
.status-sign-field input:checked+.status-circle.plus{box-shadow:0 0 0 3px #fff,0 0 0 5px #168ED1}.status-sign-field input:checked+.status-circle.minus{box-shadow:0 0 0 3px #fff,0 0 0 5px #df594c}
.summary-view{margin-top:8px;padding:0;border:0;background:transparent;color:#fff;font-size:11px!important;font-weight:800;text-decoration:underline;cursor:pointer}.action-btn.view{border:0;background:linear-gradient(135deg,#6f7d79,#4e5e59,#35433f)!important;color:#fff!important;cursor:pointer}.currency-summary-dialog{width:min(680px,calc(100% - 28px));padding:0;border:0;border-radius:18px;background:#fff;box-shadow:0 30px 90px rgba(6,39,34,.45)}.currency-summary-dialog::backdrop{background:transparent}.currency-summary-window{padding:24px;background:#fff}.currency-summary-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.currency-summary-head h2{margin:0;font:800 20px Manrope}.currency-summary-close{width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#edf2ef;color:var(--green);font-size:24px!important;line-height:1;cursor:pointer}.currency-summary-table-wrap{overflow-x:auto}.currency-summary-dialog table{width:100%;min-width:520px;border-collapse:collapse}.currency-summary-dialog th,.currency-summary-dialog td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:right;font-size:12px}.currency-summary-dialog th{background:var(--green);color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.currency-summary-dialog th:first-child,.currency-summary-dialog td:first-child{text-align:left}.currency-summary-dialog tbody tr:last-child td{border-bottom:0}@media(max-width:700px){.currency-summary-window{padding:18px}.currency-summary-dialog th,.currency-summary-dialog td{padding:10px 8px;font-size:10px}}
.receipt-number,.reversal-label{display:block;margin-top:4px;color:var(--muted);font-size:9px;font-weight:700}.reversal-label{color:#b2453a}.reversed-transaction{background:#fff8f7}.reversed-transaction>td{opacity:.72}.closing-date-picker{display:flex;align-items:end;gap:12px;margin-bottom:16px}.closing-date-picker label{flex:1;max-width:260px}.cash-closing-form{margin-bottom:18px}.cash-closing-form>.btn{margin-top:18px}.cash-closing-table-wrap{overflow-x:auto;margin-bottom:16px}.cash-closing-table{width:100%;min-width:780px;border-collapse:collapse}.cash-closing-table th,.cash-closing-table td{padding:10px;border-bottom:1px solid var(--line);text-align:right;font-size:11px;white-space:nowrap}.cash-closing-table th{background:var(--green);color:#fff;font-size:9px;text-transform:uppercase}.cash-closing-table th:first-child,.cash-closing-table td:first-child{text-align:left}.cash-closing-table input{min-width:120px;margin:0;padding:9px}.cash-control-grid{margin-bottom:18px}.locked-period-list{display:grid;margin-top:12px}.locked-period-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.locked-period-list b,.locked-period-list small{display:block}.locked-period-list small{margin-top:3px;color:var(--muted);font-size:9px}.recent-reconciliations{margin-top:18px}.recent-reconciliations h2{margin-bottom:14px}@media(max-width:700px){.closing-date-picker{align-items:stretch;flex-direction:column}.closing-date-picker label{max-width:none}.closing-date-picker .btn{width:100%}}
.client-table .table-actions>.action-btn.view{display:none}
.recent-closing-filters{display:grid;grid-template-columns:minmax(180px,260px) minmax(180px,260px) auto;gap:12px;align-items:end;margin:0 0 16px}.recent-closing-filters label{margin:0}.recent-closing-filters input,.recent-closing-filters select{margin-top:6px;min-height:42px}.recent-closing-filters .btn{min-height:42px}.recent-closing-empty{margin:8px 0 0;padding:16px;border-radius:10px;background:#f5f7f5;color:var(--muted);text-align:center}@media(max-width:700px){.recent-closing-filters{grid-template-columns:1fr}.recent-closing-filters .btn{width:100%}}
.customer-create-actions{justify-content:flex-start;margin-top:0}@media(max-width:750px){.customer-create-actions{width:100%}.customer-create-actions .btn{flex:1}}
.password-field{position:relative;display:block}.password-field input{padding-right:48px}.password-eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:38px;height:38px;padding:0;border:0;border-radius:8px;background:transparent;color:#60746f;display:grid;place-items:center;font-size:18px;cursor:pointer}.password-eye:hover,.password-eye:focus-visible,.password-eye.showing{background:#E8F4FB;color:var(--mint);outline:none}





/* Show the View button inside table action bars */
.client-table .table-actions > .action-btn.view,
.user-table   .table-actions > .action-btn.view {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* 2026 travel palette: navy trust, sky-blue action, warm orange accent */
:root{
    --ink:#172733;
    --muted:#637486;
    --green:#123B5D;
    --mint:#168ED1;
    --bg:#F5F8FA;
    --line:#DCE6EE;
    --shadow:0 12px 38px rgba(18,59,93,.09);
}
.sidebar{background:linear-gradient(180deg,#275FC8 0%,#3976E8 55%,#4B8AF0 100%);color:#fff}
.sidebar .logo small,.sidebar-maker{color:#DCE9FF!important}
.sidebar nav a{color:#E8F1FF}
.sidebar nav a:hover,.sidebar nav a.active,
.sidebar .side-foot-button:hover,.sidebar .side-profile-button.active,
.sidebar .side-foot form button.logout-power:hover{background:#174E74!important;color:#fff!important}
.side-foot{border-top-color:rgba(255,255,255,.24)}
.btn.primary,.toast{background:#123B5D;color:#fff}
.btn.secondary{background:#E8F4FB;color:#123B5D}
input:focus,select:focus,textarea:focus{border-color:#168ED1!important;box-shadow:0 0 0 3px rgba(22,142,209,.14)!important}
table thead tr,.currency-summary-dialog th{background:#123B5D}
.summary-grid .summary,.summary.main-balance,.summary.monthly-green{
    background:linear-gradient(135deg,#123B5D 0%,#174E74 100%);
    border-color:#2A6388;
}
.summary-grid .summary span,.summary-grid .summary small,.summary.monthly-green span{color:#D5E7F2}
.account-icon,.account-icon.customer,.modern-actions>a>i,.activity-icon{background:#E8F4FB;color:#168ED1}
.modern-actions>a:hover{border-color:#9CCFEB;background:#F4FAFD}
.auth-body,.locked-body{background:linear-gradient(145deg,#0B2D48,#123B5D 58%,#0B2D48)}
.auth-brand{background:radial-gradient(circle at 50% 5%,#1B5F8C 0,transparent 43%),#123B5D}
.amana-message-box,.amana-delete-box{background:linear-gradient(135deg,#123B5D,#0B2D48);border-color:#3D7194}
.amana-message-box button,.amana-delete-actions .cancel-delete{
    background:linear-gradient(135deg,#168ED1,#126FA8)!important;
    border-color:#73BCE5!important;
}
.amana-message-box button:hover,.amana-delete-actions .cancel-delete:hover{background:linear-gradient(135deg,#39A9E6,#168ED1)!important}
.trial-banner{border-left:4px solid #F4A340}
.quick-chip.active,.settings-tab.active{border-color:#168ED1}
.subscription-expired-overlay{background:rgba(11,45,72,.78)}

/* Keep the sidebar logo directly on the blue sidebar without a white tile. */
.sidebar .sidebar-logo-image{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    padding:0!important;
    box-shadow:none!important;
}



/* ============================================================
   PWA — Install button + iOS overlay
   ============================================================ */
.pwa-install-btn{
    position:fixed;
    right:20px;bottom:20px;
    z-index:60;
    padding:11px 18px;
    border:1px solid #2c695d;
    border-radius:30px;
    background:linear-gradient(135deg,#123B5D,#123B5D);
    color:#fff;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 10px 26px rgba(8,38,32,.35);
    display:inline-flex;
    align-items:center;
}
.pwa-install-btn:hover{
    background:linear-gradient(135deg,#23695b,#174b42);
    transform:translateY(-1px);
}
@media(max-width:700px){
    .pwa-install-btn{right:14px;bottom:80px;}
}

.pwa-ios-overlay{
    position:fixed;inset:0;
    background:rgba(9,35,30,.55);
    backdrop-filter:blur(2px);
    z-index:9999;
    display:grid;place-items:center;
    padding:20px;
}
.pwa-ios-box{
    position:relative;
    width:min(380px,100%);
    background:#fff;
    border-radius:16px;
    padding:26px 22px;
    box-shadow:0 24px 70px rgba(8,38,32,.3);
    text-align:center;
}
.pwa-ios-box h3{
    margin:0 0 16px;
    font:800 17px Manrope;
    color:#172733;
}
.pwa-ios-box ol{
    text-align:left;
    margin:0 0 14px;
    padding-left:22px;
    color:#465451;
    font-size:13px;
    line-height:1.9;
}
.pwa-ios-box p{
    margin:0;
    color:#637486;
    font-size:12px;
}
.pwa-ios-close{
    position:absolute;top:10px;right:10px;
    width:32px;height:32px;
    border:0;border-radius:50%;
    background:#f0f3f1;
    color:#465451;
    font-size:22px;line-height:1;
    cursor:pointer;
}



/* ============================================================
   Auto-search — small visual cue while typing
   ============================================================ */
form[data-auto-search] input[type="text"],
form[data-auto-search] input[type="search"] {
    transition: box-shadow .15s, border-color .15s;
}
form[data-auto-search] input[type="text"]:focus,
form[data-auto-search] input[type="search"]:focus {
    border-color: #5e9a8e;
    box-shadow: 0 0 0 3px #E8F4FB;
}


/* ============================================================
   Hide the topbar on desktop — sidebar-only layout
   Keep it on mobile for the hamburger + agency name
   ============================================================ */
@media (min-width: 701px) {
    .topbar {
        display: none !important;
    }
    .content {
        padding-top: 24px;    /* small breathing space at top */
    }
}

/* Auth pages: use the full screen for forms on phones and compact screens. */
@media (max-width: 700px), (max-height: 600px) and (max-width: 950px) {
    .auth-body {
        min-height: 100vh;
        min-height: 100dvh;
        padding: 0;
        background: #f8faf7;
    }

    .auth-shell {
        display: block;
        width: 100%;
        height: auto;
        min-height: 100vh;
        min-height: 100dvh;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        overflow: visible;
    }

    .auth-brand {
        display: none !important;
    }

    .auth-card {
        width: 100%;
        min-height: 100vh;
        min-height: 100dvh;
        padding: 36px 20px;
        justify-content: flex-start;
        overflow: visible;
    }

    .auth-card > div {
        width: 100%;
        max-width: 500px;
        margin: auto;
    }

    .auth-password-form,
    .auth-choice-list {
        width: 100%;
    }
}

@media (max-width: 380px) {
    .auth-card {
        padding: 28px 16px;
    }

    .content {
        padding-left: 12px;
        padding-right: 12px;
    }

    .panel,
    .summary {
        padding-left: 14px;
        padding-right: 14px;
    }
}

/* ============================================================
   Tablet layout — compact navigation and fluid content
   ============================================================ */
@media (min-width: 701px) and (max-width: 1100px) {
    .sidebar {
        width: 78px !important;
        padding: 18px 9px !important;
    }
    .main { margin-left: 78px !important; }
    .sidebar .logo {
        min-height: 58px;
        padding: 0 0 22px !important;
        gap: 0 !important;
    }
    .sidebar-brand-text,
    .sidebar-maker,
    .sidebar-tenant-name,
    .sidebar .logo small,
    .side-foot > div:nth-child(2) { display: none !important; }
    .sidebar-logo-image {
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        flex-basis: 42px !important;
    }
    .sidebar nav { width: 100%; gap: 7px; }
    .sidebar nav a {
        width: 100%;
        min-height: 46px;
        justify-content: center;
        padding: 10px 6px !important;
        gap: 0 !important;
        font-size: 0 !important;
    }
    .sidebar nav a i {
        width: auto !important;
        font-size: 18px !important;
    }
    .side-foot {
        width: 100%;
        padding-top: 14px !important;
        flex-direction: column;
        justify-content: center;
        gap: 8px;
    }
    .content {
        width: 100%;
        max-width: none;
        padding: 24px 20px 48px !important;
    }
    .page-head {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 14px;
        margin-bottom: 20px;
    }
    .page-head h1 { font-size: 24px; }
    .head-actions { flex-wrap: wrap; }
    .summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px;
    }
    .summary-grid .summary:first-child { grid-column: 1 / -1; }
    .dashboard-grid,
    .two-col,
    .settings-grid { grid-template-columns: minmax(0, 1fr) !important; }
    .panel,
    .summary { min-width: 0; padding: 18px; }
    .form-grid { gap: 14px; }
    .filter-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(150px, .35fr) auto;
    }
    .filter-row input,
    .filter-row select { width: 100%; min-width: 0; }
    .table-wrap {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .client-table { width: 100%; }
    .airline-statement > div:first-child,
    .visa-payment-statement > div:first-child,
    .transport-payment-statement > div:first-child {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .airline-statement > div:first-child > div:last-child,
    .visa-payment-statement > div:first-child > div:last-child,
    .transport-payment-statement > div:first-child > div:last-child {
        width: 100%;
        text-align: left !important;
    }
}

/* Sidebar bottom actions match the main navigation while remaining anchored. */
.sidebar .side-foot{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;width:100%!important;padding:15px 0 0!important;text-align:left!important}
.sidebar .side-foot-button{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:42px!important;gap:10px!important;padding:8px 12px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#AFC9DA!important;box-shadow:none!important;font-size:11px!important;font-weight:500!important;text-align:left!important;cursor:pointer!important;transition:.16s!important}
.sidebar .side-foot-button:hover,.sidebar .side-profile-button.active{background:#174E74!important;color:#fff!important;transform:none!important}
.sidebar .side-foot-button .avatar{display:grid!important;place-items:center!important;flex:0 0 27px!important;width:27px!important;height:27px!important;border-radius:8px!important;background:#e7b76b!important;color:#3f2b09!important;font:700 10px Manrope!important}
.sidebar .side-foot-button>span{display:block!important;min-width:0!important;flex:1!important}
.sidebar .side-foot-button b,.sidebar .side-foot-button small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.sidebar .side-foot-button b{font-size:11px!important;color:inherit!important}.sidebar .side-foot-button small{margin-top:1px!important;color:#789b93!important;font-size:8px!important;text-transform:uppercase!important;letter-spacing:.5px!important}
.sidebar .side-logout-form{display:block!important;width:100%!important;margin:0!important}.sidebar .side-foot form button.logout-power{position:static!important;height:42px!important;border-radius:11px!important;color:#AFC9DA!important;font-size:11px!important;background:transparent!important}.sidebar .side-foot form button.logout-power::before,.sidebar .side-foot form button.logout-power::after{display:none!important}.sidebar .side-foot form button.logout-power>i{display:block!important;width:27px!important;font-style:normal!important;font-size:17px!important;text-align:center!important}.sidebar .side-foot form button.logout-power>span{display:block!important}.sidebar .side-foot form button.logout-power:hover{background:#174E74!important;color:#fff!important}

@media (min-width: 701px) and (max-width: 820px) {
    .form-grid { grid-template-columns: minmax(0, 1fr); }
    .form-grid .wide { grid-column: auto; }
    .filter-row { grid-template-columns: minmax(0, 1fr) minmax(135px, .45fr); }
    .filter-row .btn { width: 100%; }
}

/* Tablets use an off-canvas menu opened by the hamburger button. */
@media (min-width: 701px) and (max-width: 1100px) {
    .sidebar {
        width: 210px !important;
        padding: 22px 14px !important;
        transform: translateX(-110%);
        transition: transform .25s ease;
        box-shadow: 12px 0 40px rgba(16,45,41,.35);
    }
    .sidebar.open { transform: translateX(0); }
    .main { margin-left: 0 !important; }
    .topbar {
        display: flex !important;
        height: 64px;
        padding: 0 20px 0 68px;
    }
    .menu-btn {
        display: grid !important;
        place-items: center;
        position: fixed;
        top: 16px;
        left: 16px;
        z-index: 50;
        width: 38px;
        height: 34px;
        padding: 0;
        border: 1px solid var(--line) !important;
        border-radius: 8px;
        background: #fff !important;
        color: var(--green) !important;
        box-shadow: 0 4px 12px rgba(8,46,40,.14);
        font-size: 23px !important;
    }
    .sidebar .logo {
        min-height: 0;
        padding: 0 0 25px !important;
        gap: 5px !important;
    }
    .sidebar-brand-text,
    .sidebar-maker,
    .sidebar-tenant-name,
    .side-foot > div:nth-child(2) { display: block !important; }
    .sidebar .logo small { display: block !important; }
    .sidebar-logo-image {
        width: 38px !important;
        height: 38px !important;
        margin-top: 8px !important;
        flex-basis: 38px !important;
    }
    .sidebar nav a {
        justify-content: flex-start !important;
        gap: 8px !important;
        padding: 10px 12px 10px 27px !important;
        font-size: 11px !important;
    }
    .sidebar nav a i {
        width: 17px !important;
        font-size: 15px !important;
    }
    .side-foot { padding-top: 16px !important; }
}

/* Final cascade for the travel blue brand theme. */
.sidebar{background:linear-gradient(180deg,#03045E 0%,#023E8A 55%,#0077B6 100%);color:#fff}
.sidebar .logo small,.sidebar-maker{color:#DCE9FF!important}
.sidebar nav a{color:#E8F1FF}
.sidebar nav a:hover,.sidebar nav a.active,.sidebar .side-foot-button:hover,.sidebar .side-profile-button.active,.sidebar .side-foot form button.logout-power:hover{background:rgba(255,255,255,.16)!important;color:#fff!important}
.side-foot{border-top-color:rgba(255,255,255,.24)}
.sidebar .side-foot{gap:5px!important;padding:15px 0 0!important}
.sidebar .side-foot-button,.sidebar .side-foot form button.logout-power{min-height:auto!important;height:auto!important;padding:12px 14px!important;gap:14px!important;border-radius:11px!important;color:#E8F1FF!important;font-size:11px!important;font-weight:500!important;line-height:1.2!important}
.sidebar .side-foot-button>span,.sidebar .side-foot form button.logout-power>span{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;font-weight:500!important;text-transform:none!important}
.sidebar .side-foot-button .side-action-icon,.sidebar .side-foot form button.logout-power>.side-action-icon{display:block!important;place-items:initial!important;flex:0 0 21px!important;width:21px!important;height:auto!important;border-radius:0!important;background:transparent!important;color:inherit!important;font:normal 15px/1 sans-serif!important;text-align:center!important}
button,.btn,.action-btn,.legacy-auth-btn,.demo-users button{background:linear-gradient(135deg,#123B5D,#0B2D48)!important;border-color:#2A6388!important;box-shadow:0 4px 11px rgba(18,59,93,.22)!important}
button:hover,.btn:hover,.action-btn:hover,.legacy-auth-btn:hover,.demo-users button:hover{background:linear-gradient(135deg,#168ED1,#126FA8)!important;border-color:#73BCE5!important}
.btn.danger,.action-btn.out,.owner-delete,.amana-delete-actions .confirm-delete{background:linear-gradient(135deg,#e45d52,#bf3d35)!important;border-color:#e17369!important}
.action-btn.edit{background:linear-gradient(135deg,#F4A340,#D98416)!important;border-color:#F4B85E!important}
.btn.secondary{background:#E8F4FB!important;color:#123B5D!important;border-color:#B8D8EA!important}
input:focus,select:focus,textarea:focus{border-color:#168ED1!important;box-shadow:0 0 0 3px rgba(22,142,209,.14)!important}
table thead tr,.currency-summary-dialog th{background:#123B5D}
.summary-grid .summary,.summary.main-balance,.summary.monthly-green{background:linear-gradient(135deg,#123B5D,#174E74);border-color:#2A6388}
.summary-grid .summary span,.summary-grid .summary small,.summary.monthly-green span{color:#D5E7F2}
.account-icon,.account-icon.customer,.modern-actions>a>i,.activity-icon{background:#E8F4FB;color:#168ED1}
.modern-actions>a:hover{border-color:#9CCFEB;background:#F4FAFD}
.auth-body,.locked-body{background:linear-gradient(145deg,#0B2D48,#123B5D 58%,#0B2D48)}
.auth-brand{background:radial-gradient(circle at 50% 5%,#1B5F8C 0,transparent 43%),#123B5D}
.amana-message-box,.amana-delete-box{background:linear-gradient(135deg,#123B5D,#0B2D48);border-color:#3D7194}
.amana-message-box button,.amana-delete-actions .cancel-delete{background:linear-gradient(135deg,#168ED1,#126FA8)!important;border-color:#73BCE5!important}
.trial-banner{border-left:4px solid #F4A340}
.subscription-expired-overlay{background:rgba(11,45,72,.78)}