#app{text-align:left;width:100%;min-height:100vh;margin:0;padding:0}:root{--navy:#061b3a;--blue:#0b3d78;--primary:#0b4f8a;--primary-dark:#083b67;--gold:#f6a800;--accent:#f4a900;--orange:#ff7a00;--bg:#f4f6f9;--surface:#fff;--surface-2:#f4f6f9;--card:#fff;--text:#172033;--muted:#687386;--border:#e3e7ee;--success:#198754;--danger:#dc3545;--warning:#f0ad00;--shadow:0 2px 8px #0a1e3c09;--radius:12px;--sidebar:260px;--header:70px;--font-size-base:13px}*,:before,:after{box-sizing:border-box}html,body,#app{text-align:left;width:100%;min-height:100vh;margin:0;padding:0}html,body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-base);color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit;color:var(--text);text-align:left}input::placeholder,textarea::placeholder{color:#8a96a3}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{text-align:left;margin:0}.btn{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--navy);color:#fff}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-gold{background:var(--gold);color:#111}.btn-light{border:1px solid var(--border);color:var(--text);background:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-create-primary{min-height:40px;font-size:var(--font-size-base);padding:0 16px;box-shadow:0 3px 10px #0b4f8a29}.input,.select,.textarea{border:1px solid var(--border);color:var(--text);text-align:left;background:#fff;border-radius:8px;outline:none;padding:9px 11px;font-size:13px}.input:focus,.select:focus,.textarea:focus{border-color:#7b9bc2;box-shadow:0 0 0 3px #0b3d7814}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{font-size:var(--font-size-base);color:#526075;text-align:left;font-weight:700}.required-star{color:var(--danger)}.form-check{color:var(--text);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.form-check input{width:16px;height:16px;accent-color:var(--primary)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-group.full{grid-column:1/-1}.field-error{color:var(--danger);text-align:left;margin:4px 0 0;font-size:11px}.field-hint{color:var(--muted);text-align:left;margin:4px 0 0;font-size:11px}.app{min-height:100vh}.sidebar{width:var(--sidebar);color:#fff;z-index:30;background:linear-gradient(#04152d,#082b58);position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.brand{text-align:left;border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;padding:14px 18px;display:flex}.brand img{object-fit:contain;background:#000;border-radius:8px;flex-shrink:0;width:54px;height:54px}.brand strong{font-size:15px;line-height:1.2;display:block}.brand span{color:#ffc34d;margin-top:3px;font-size:11px;display:block}.nav{padding:14px 10px 60px}.nav-title{text-transform:uppercase;letter-spacing:.12em;color:#9db0c9;text-align:left;padding:12px 12px 7px;font-size:10px}.nav a{color:#dbe6f5;text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;margin:2px 0;padding:10px 12px;font-size:13px;text-decoration:none;display:flex}.nav a:hover,.nav a.active,.nav a.router-link-active{color:#fff;background:#f6a80029}.nav .icon{text-align:center;flex-shrink:0;width:22px}.sidebar-version{color:#98a3ad;margin-top:6px;font-size:9px}.main{margin-left:var(--sidebar);background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.topbar{height:var(--header);border-bottom:1px solid var(--border);z-index:20;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.topbar h1{color:var(--text);margin:0;font-size:20px;font-weight:600}.top-actions{align-items:center;gap:10px;display:flex}.content{text-align:left;flex:1;width:100%;max-width:none;margin:0;padding:24px}.page-head{text-align:left;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-head h2{color:var(--text);margin:0 0 5px;font-size:22px;font-weight:700}.page-head p{color:var(--muted);margin:0;font-size:13px}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.card:not(:has(.filters)):not(:has(.table-wrap)):not(.kpi){padding:18px}.card.kpi{padding:0}.card-body{padding:18px}.actions{flex-wrap:wrap;gap:8px;display:flex}.spacer{height:16px}.filter-input{flex:1;min-width:180px;min-height:40px}.filter-select,.filter-date{min-width:150px;min-height:40px}.form-group .input,.form-group .select,.form-group .textarea{width:100%;min-height:40px}.form-group .textarea{resize:vertical;min-height:90px;padding:10px 12px}.badge-muted{color:#6b7785;background:#eef1f4}.btn-sm{padding:4px 10px;font-size:11px}.link-btn.danger{color:var(--danger)}.actions-cell{align-items:center;gap:8px;display:flex}.table-icon-btn{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.table-icon-btn:hover{background:var(--primary-soft,#3b82f614);border-color:var(--primary);color:var(--primary)}.table-icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.table-icon-btn.danger:hover{border-color:var(--danger);color:var(--danger);background:#dc262614}.table-icon-btn:disabled{opacity:.5;cursor:not-allowed}.small-note{color:var(--muted);margin:0 0 12px;font-size:11px}.access-denied,.empty-state{color:var(--muted);padding:24px 16px;font-size:13px}.page-head-actions{flex-wrap:wrap;gap:8px;display:flex}.toast-bottom{color:#fff;z-index:10000;background:#1a2b3c;border-radius:8px;padding:12px 18px;font-size:13px;position:fixed;bottom:24px;right:24px}.chart-card{padding-bottom:36px}.chart{align-items:flex-end;gap:10px;height:260px;padding:15px 8px 5px;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.bar-amount{color:var(--text);text-align:center;white-space:nowrap;margin-bottom:4px;font-size:10px;font-weight:600}.bar{background:linear-gradient(180deg, var(--gold), var(--orange));border-radius:6px 6px 2px 2px;width:100%;min-width:10px;min-height:8px}.bar-label{color:var(--muted);text-align:center;margin-top:6px;font-size:9px}.stock-bars{gap:13px;display:grid}.stock-bars small{color:var(--muted)}.stock-bars strong{float:right}.progress{clear:both;background:#eef1f5;border-radius:8px;height:8px;margin-top:6px}.fill{border-radius:8px;height:100%}.fill.orange{background:var(--orange)}.fill.gold{background:var(--gold)}.stock-row{justify-content:space-between;display:flex}.map{border:1px solid var(--border);background:linear-gradient(120deg,#ffffffb3,#e1ecdce6),repeating-linear-gradient(25deg,#0000 0 28px,#788c7824 29px 31px),repeating-linear-gradient(115deg,#0000 0 44px,#5a78961f 45px 47px);border-radius:12px;height:320px;position:relative;overflow:hidden}.map-legend{border:1px solid var(--border);z-index:3;background:#fff;border-radius:8px;padding:8px 10px;font-size:11px;position:absolute;bottom:12px;left:12px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.kpis .kpi{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:14px 16px}.kpis .kpi small{color:var(--muted);font-size:11px;display:block}.kpis .kpi strong{margin-top:6px;font-size:22px;display:block}.deposit{color:var(--primary);font-weight:700}.calc{border:1px solid var(--border);font-size:var(--font-size-base);color:var(--muted);background:#f7f9fb;border-radius:10px;padding:12px}.calc strong{color:var(--text)}.lines-section{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.lines-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.lines-head h4{margin:0;font-size:13px}.line-row{border-top:1px solid var(--border);grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:8px;padding:8px 0;display:grid}.line-row-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-top:none;padding-top:0;font-size:11px;font-weight:600}.report-card{text-align:left;cursor:pointer;border:1px solid var(--border);transition:box-shadow .15s}.report-card:hover{box-shadow:0 4px 16px #10223414}.report-desc{color:var(--muted);margin:0;font-size:12px}.summary-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.summary-item{background:#f8fafc;border-radius:10px;padding:12px}.summary-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.summary-value{margin-top:4px;font-size:20px;font-weight:700}.empty-note{color:var(--muted);margin-top:12px;font-size:12px}.btn-new-invoice{min-height:40px}.invoice-preview .table-scroll{width:100%;overflow-x:auto}.section-label{color:#52606d;margin:12px 0 8px;font-size:11px;font-weight:700}.table-scroll{overflow:auto}.invoice-lines{border-collapse:collapse;table-layout:auto;width:100%;min-width:720px}.invoice-lines th:last-child,.invoice-lines td:last-child,.invoice-lines th:nth-last-child(2),.invoice-lines td:nth-last-child(2){white-space:nowrap}.invoice-lines th{text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);background:#f8fafc;padding:8px;font-size:10px}.invoice-lines td{border-bottom:1px solid var(--border);padding:8px}.invoice-lines .input,.invoice-lines .select{min-height:36px}.invoice-summary{justify-content:flex-end;margin-top:14px;display:flex}.summary-box{border:1px solid var(--border);background:#f8fafc;border-radius:10px;min-width:260px;padding:12px}.summary-row{justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.summary-row.total{border-top:1px solid var(--border);margin-top:6px;padding-top:8px;font-size:14px;font-weight:800}.add-line{margin-top:10px}.tax-note{color:var(--muted);margin-top:8px;font-size:11px}.action-download{color:var(--primary);font-weight:600;text-decoration:none}.action-download:hover{text-decoration:underline}.icon-btn{cursor:pointer;background:0 0;border:0;font-size:16px}.builder{grid-template-columns:1fr 1.25fr;gap:16px;display:grid}.items-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.info{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.line-head,.line{grid-template-columns:2fr 1fr .9fr .9fr 1.1fr 34px;align-items:center;gap:8px;display:grid}.line-head{text-transform:uppercase;color:var(--muted);padding:0 0 7px;font-size:9px;font-weight:700}.line{border-top:1px solid var(--border);padding:8px 0}.line-total{text-align:right;font-weight:750}.remove{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;width:30px;height:30px}.tag{color:var(--primary);text-transform:capitalize;background:#edf5fb;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.tag.domestic{color:#946300;background:#fff5df}.tax-summary{border:1px solid var(--border);background:#f7f9fb;border-radius:11px;margin-top:15px;padding:14px}.tax-row{justify-content:space-between;padding:4px 0;font-size:10px;display:flex}.tax-row.total{border-top:1px solid var(--border);margin-top:5px;padding-top:9px;font-size:13px;font-weight:800}.full{margin-top:16px}.actionbar{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.page-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.page-title{align-items:center;gap:12px;display:flex}.page-icon{width:42px;height:42px;color:var(--primary);background:#e8f2fa;border-radius:11px;place-items:center;font-size:21px;display:grid}.page-title h2{margin:0;font-size:22px}.page-title p{color:var(--muted);margin:4px 0 0;font-size:12px}.impact-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.impact-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:14px 15px;display:flex}.impact-icon{width:38px;height:38px;color:var(--primary);background:#f2f6fa;border-radius:10px;place-items:center;font-size:18px;display:grid}.impact-card small{color:var(--muted);font-size:10px;display:block}.impact-card strong{margin-top:3px;font-size:20px;display:block}.impact-card span{color:var(--muted);font-size:9px}.exchange-grid{grid-template-columns:30% 70%;align-items:start;gap:16px;display:grid}.entry-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.entry-header .icon{width:36px;height:36px;color:var(--primary);background:#e8f2fa;border-radius:10px;place-items:center;display:grid}.entry-header h3{margin:0;font-size:15px}.entry-header p{color:var(--muted);margin:3px 0 0;font-size:10px}.form-stack{flex-direction:column;gap:13px;display:flex}.balance-box{border:1px solid var(--border);background:#f7f9fb;border-radius:10px;padding:12px}.balance-row{justify-content:space-between;padding:4px 0;font-size:10px;display:flex}.balance-row strong{font-size:12px}.entry-actions{gap:8px;margin-top:16px;display:flex}.entry-actions .btn{flex:1}.list-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.search-box{flex:1;position:relative}.search-box input{width:100%;min-height:40px;padding-left:35px}.search-icon{color:#98a4b0;position:absolute;top:10px;left:12px}.exchange-table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px}.exchange-table th{text-transform:uppercase;letter-spacing:.06em;color:#8996a3;text-align:left;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#f7f9fb;padding:11px 12px;font-size:9px}.exchange-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 12px;font-size:10px}.customer{font-size:11px;font-weight:700}.sub{color:var(--muted);margin-top:3px;font-size:9px}.metric{font-weight:750}.metric.in{color:var(--primary)}.metric.out{color:var(--success)}.metric.net{color:#8a6100}.status{color:var(--success);background:#eaf7f0;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:700;display:inline-flex}.login-page{background:#f5f7fa;justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex}.login-shell{width:min(460px,100% - 32px)}.login-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:34px 34px 28px;box-shadow:0 18px 55px #1022341a}.login-brand{text-align:center;margin-bottom:32px}.login-brand img{object-fit:contain;border-radius:12px;width:100%;max-width:380px;height:auto;margin:0 auto;display:block}.login-form{text-align:left}.login-form .form-group{margin-bottom:16px}.login-form label{color:#52606d;margin-bottom:7px;font-size:14px;font-weight:700;display:block}.login-form .input{width:100%;height:44px;padding:0 12px;font-size:14px}.password-wrap{position:relative}.password-wrap .input{padding-right:70px}.show-password{height:30px;color:var(--primary);cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:700;position:absolute;top:7px;right:8px}.login-submit{width:100%;height:44px;margin-top:4px;font-size:12px}.forgot{text-align:right;width:100%;color:var(--primary);cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-size:10px;font-weight:700;display:block}.login-note{text-align:left;color:#8a96a3;margin-top:20px;font-size:9px}.login-message{color:#8a5b00;background:#fff4df;border-radius:8px;margin-bottom:14px;padding:9px 11px;font-size:10px;display:none}.login-message.show{display:block}.reset-page{background:#f5f7fa;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.reset-card{border:1px solid var(--border);background:#fff;border-radius:18px;width:min(430px,100%);padding:34px;box-shadow:0 18px 55px #1022341a}.reset-brand{text-align:left;margin-bottom:24px}.reset-brand img{object-fit:contain;background:#000;border-radius:14px;width:72px;height:72px;margin-bottom:12px;display:block}.reset-brand h1{color:var(--primary);margin:0;font-size:20px}.reset-brand p{color:var(--muted);margin:6px 0 0;font-size:12px}.reset-submit{width:100%;margin-top:8px}.alert{border-radius:9px;margin-bottom:14px;padding:12px 14px;font-size:12px}.alert-warning{color:#765400;background:#fff7df;border:1px solid #f1d27b}.alert-success{color:#14753f;background:#e5f5ec;border:1px solid #b8e0c8}.alert-danger{color:#8c222b;background:#fff0f1;border:1px solid #f0b4b9}.back-link{color:var(--primary);margin-top:16px;font-size:12px;font-weight:600;display:inline-block}.print-page{background:#eef1f5;min-height:100vh}.print-page .toolbar{z-index:10;border-bottom:1px solid var(--border);background:#fff;justify-content:center;gap:8px;padding:12px;display:flex;position:sticky;top:0}.print-page .toolbar button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;padding:8px 14px;font-size:12px}.print-page .sheet{border:1px solid var(--border);width:min(900px,100% - 32px);box-shadow:var(--shadow);background:#fff;margin:24px auto;padding:28px}.print-page .title{text-align:center;margin-bottom:18px;font-size:18px;font-weight:800}.print-page .top,.print-page .parties,.print-page .summary{margin-bottom:14px}.print-page .top{justify-content:space-between;gap:16px;display:flex}.print-page .seller-name{font-size:16px;font-weight:800}.print-page .meta-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.print-page .meta-cell{font-size:11px}.print-page .parties{grid-template-columns:1fr 1fr;gap:16px;display:grid}.print-page .party{border:1px solid var(--border);padding:10px;font-size:11px}.print-page .items{border-collapse:collapse;width:100%;font-size:11px}.print-page .items th,.print-page .items td{border:1px solid var(--border);padding:6px 8px}.print-page .text-right{text-align:right}.print-page .seller{flex:1;font-size:11px;line-height:1.5}.print-page .meta{min-width:220px;font-size:11px}.print-page .party h4{margin:0 0 6px;font-size:11px}.print-page .summary{grid-template-columns:1.4fr 1fr;gap:16px;margin-top:14px;display:grid}.print-page .amountwords{font-size:11px;line-height:1.5}.print-page .balance{gap:6px;font-size:11px;display:grid}.print-page .tax{border-collapse:collapse;width:100%;margin-top:14px;font-size:11px}.print-page .tax th,.print-page .tax td{border:1px solid var(--border);padding:6px 8px}.print-page .totalrow td{background:#f8fafc}.print-page .computer{text-align:center;color:var(--muted);margin-top:18px;font-size:10px}.print-page .bottom-sign{text-align:right;border:1px solid #111;border-top:0;margin-top:0;padding:10px 12px}.print-page .bottom-sign-text{text-align:right;display:inline-block}.print-page .sign-for{margin-bottom:12px}.print-page .signatory-image{max-width:280px;max-height:100px;margin:0 0 12px auto;display:block}.print-page .sign-label{margin:0}@media print{.print-page .toolbar{display:none}.print-page{background:#fff}.print-page .sheet{width:100%;box-shadow:none;border:0;margin:0}}@media (width<=1050px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.exchange-grid{grid-template-columns:1fr 1.7fr}.impact-grid{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=950px){.builder{grid-template-columns:1fr}}@media (width<=800px){.exchange-grid{grid-template-columns:1fr}.list-toolbar{flex-direction:column;align-items:stretch}.page-toolbar{flex-direction:column;align-items:flex-start}}@media (width<=700px){.line-head{display:none}.line{grid-template-columns:1fr 1fr}.line>:first-child{grid-column:1/-1}.line-total{grid-column:1}.remove{grid-column:2;justify-self:end}.line-row{grid-template-columns:1fr 1fr}}@media (width<=500px){.login-card,.reset-card{padding:28px 22px 24px}}.filters{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:16px;display:flex}.table-wrap-spaced{margin-top:16px}.table-wrap{overflow:auto}table{border-collapse:collapse;background:#fff;width:100%;min-width:680px}th,td{border-bottom:1px solid var(--border);text-align:left;font-size:var(--font-size-base);white-space:nowrap;padding:12px 13px}th{color:#556174;font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:.04em;background:#f8fafc}tr:last-child td{border-bottom:0}.badge{border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge-success{color:#14753f;background:#e5f5ec}.badge-warning{color:#8a5a00;background:#fff4d6}.badge-danger{color:#a51e2a;background:#fde8ea}.badge-info{color:#16548c;background:#e7f0fb}.loading,.empty,.empty-row{color:var(--muted);text-align:left;padding:24px 16px;font-size:13px}.footer-note{color:var(--muted);text-align:center;flex-shrink:0;padding:20px;font-size:11px}.grid{gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:2fr 1fr}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{justify-content:space-between;align-items:flex-start;padding:18px;display:flex}.kpi .label{font-size:var(--font-size-base);color:var(--muted)}.kpi .value{margin-top:7px;font-size:26px;font-weight:750}.kpi .delta{color:var(--muted);margin-top:5px;font-size:11px}.kpi-icon{color:#8a5a00;background:#fff3d6;border-radius:10px;place-items:center;width:42px;height:42px;font-size:19px;display:grid}.section-title{margin:0 0 14px;font-size:15px;font-weight:700}.link-btn{color:var(--primary);cursor:pointer;background:0 0;border:0;margin-left:6px;padding:0;font-size:12px}.muted-text{color:var(--muted);font-size:12px}.account-wrap{position:relative}.account-button{cursor:pointer;border:1px solid var(--border);color:var(--text);background:#fff;border-radius:20px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:flex}.account-button .chevron{color:#8b97a3;margin-left:3px}.account-menu{border:1px solid var(--border);z-index:1000;background:#fff;border-radius:10px;width:190px;padding:6px;display:none;position:absolute;top:48px;right:0;box-shadow:0 12px 30px #10223421}.account-menu.open{display:block}.account-menu button{text-align:left;width:100%;font:inherit;color:#44515d;cursor:pointer;background:#fff;border:0;border-radius:7px;padding:10px;font-size:12px;display:block}.account-menu button:hover{color:var(--primary);background:#f2f5f8}.avatar{background:var(--navy);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.mobile-toggle{display:none}.page-toast,.toast{color:#14753f;z-index:2000;box-shadow:var(--shadow);background:#e5f5ec;border-radius:8px;padding:12px 16px;font-size:12px;position:fixed;top:80px;right:24px}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;background:#0f1c2a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{text-align:left;background:#fff;border-radius:16px;width:min(620px,100%);max-height:92vh;overflow:auto;box-shadow:0 24px 70px #0000003d}.modal.modal-lg{width:min(760px,100vw - 40px)}.modal.modal-xl,.modal.invoice-modal{width:min(1200px,100vw - 40px)}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-header h3{margin:0;font-size:17px;font-weight:700}.modal-header p{color:var(--muted);margin:3px 0 0;font-size:11px}.modal-title{align-items:center;gap:11px;display:flex}.modal-title-icon{width:38px;height:38px;color:var(--primary);background:#edf5fb;border-radius:10px;flex-shrink:0;place-items:center;font-size:18px;display:grid}.modal-title h3{margin:0;font-size:17px;font-weight:700}.modal-title p{color:var(--muted);margin:3px 0 0;font-size:11px}.modal-close{color:#5e6b78;cursor:pointer;background:#f4f6f8;border:0;border-radius:8px;width:34px;height:34px;font-size:20px}.modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.modal-body .input,.modal-body .select,.modal-body .textarea{width:100%;min-height:40px}.balance-pill{color:var(--primary);white-space:nowrap;background:#edf5fb;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700}.coming-soon{text-align:center}.coming-soon h3{margin:0 0 8px}.coming-soon p{color:var(--muted);margin:0;font-size:13px}.form-actions{margin-top:16px}.modal-footer{border-top:1px solid var(--border);background:#fafbfd;justify-content:flex-end;gap:8px;padding:15px 20px;display:flex}@media (width<=760px){.sidebar{width:260px;transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-toggle{display:inline-flex}.main{margin-left:0}.topbar{padding:0 14px}.content{padding:15px}.grid-4,.grid-3,.grid-2,.form-grid{grid-template-columns:1fr}.page-head{flex-direction:column}.topbar h1{font-size:16px}}