.sidebar{padding:22px 16px}.brand{margin-bottom:20px}.nav a{padding:10px 12px;margin:3px 0}.record-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.record-actions form{margin:0}.delete-button{border:0;border-radius:6px;padding:7px 11px;background:#fff0f0;color:#c15e67;cursor:pointer;font:inherit;font-size:11px}.delete-button:disabled{opacity:.4;cursor:default}.eye-button{display:inline-flex;align-items:center;justify-content:center;background:#eceef1;border-radius:7px;padding:7px;color:#6554df}.document-table{min-width:850px}.document-table td{padding:12px}.document-table input{width:105px;min-width:85px;margin:0}.document-table select{min-width:100px;margin:0}.document-table td:nth-child(3) select{min-width:220px}.stock-hint{display:block;color:#9c93b5;font-size:10px;margin-top:6px}.invoice-bottom{padding:22px;display:flex;gap:30px;justify-content:space-between}.invoice-bottom>div:last-child{min-width:280px}.invoice-bottom .summary-line{margin:12px 0}.invoice-bottom .primary{width:100%;margin-top:15px}.invoice-paper{background:#fff;border:1px solid #e6eaf0;border-radius:14px;padding:30px;margin-bottom:22px}.invoice-paper-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #6554df;padding-bottom:20px}.invoice-paper-head h2{font-size:20px}.invoice-paper-head p{color:#8c96a8;font-size:12px}.invoice-paper-head .brand-mark{float:right;margin-left:12px}.invoice-parties{display:flex;gap:60px;padding:20px 0}.invoice-parties span{display:block;color:#8b95a5;margin-bottom:10px}.invoice-signatures{display:flex;justify-content:space-around;border-top:1px solid #edf0f5;padding:25px 0 40px;color:#95a0b1}.invoice-paper td,.invoice-paper th{white-space:normal}.invoice-paper .table-wrap{border:1px solid #edf0f5;border-radius:9px}.invoice-paper td{font-size:12px}.document-table .row-total{min-width:120px}.invoice-paper .invoice-bottom{padding:22px 0}@media(max-width:760px){.invoice-bottom{flex-direction:column;gap:8px}.invoice-bottom>div:last-child{min-width:0}.invoice-paper{padding:18px}.invoice-paper-head{gap:20px}.invoice-paper-head h2{font-size:16px}.invoice-parties{gap:20px;justify-content:space-between}.heading .record-actions{justify-content:flex-end}.invoice-paper table{min-width:620px}.sidebar{padding:15px}.nav a{padding:9px}}
@media print{@page{size:A4;margin:12mm}body{background:#fff;color:#111;font-size:12px}.sidebar,.topbar,.heading,.footer,.alert,.no-print,.column-menu,.persian-calendar{display:none!important}.main{margin:0}.content{padding:0;max-width:none}.invoice-paper{border:0;padding:0;border-radius:0;margin:0}.invoice-paper table{width:100%;min-width:0;white-space:normal}.invoice-paper th,.invoice-paper td{padding:10px 6px;color:#222}.invoice-paper .table-wrap{overflow:visible}.invoice-paper .invoice-bottom{flex-direction:row}.invoice-paper-head{border-bottom-color:#222}.invoice-paper-head .brand-mark{background:none;color:#111;border:1px solid #222}.invoice-paper .pill{background:none;color:#111;border:1px solid #777}tr{break-inside:avoid}thead{display:table-header-group}.invoice-bottom,.invoice-signatures{break-inside:avoid}button,a{box-shadow:none}}
.search-select{position:relative;display:block;min-width:0;width:100%}.search-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;clip-path:inset(50%);padding:0!important;margin:0!important}.search-select-input{width:100%;padding-left:35px!important;margin:0!important}.search-select-toggle{position:absolute;left:4px;top:3px;bottom:3px;width:28px;border:0;background:transparent;color:#72668f;cursor:pointer;font:inherit}.search-select-options{position:fixed;z-index:10000;background:#f7f8fa;border:1px solid #cbd1d9;border-radius:9px;box-shadow:0 10px 30px #30205025;overflow:auto;padding:5px;color:#342c49;font-size:12px}.search-select-options[hidden]{display:none}.search-select-options [role=option]{padding:10px;border-radius:6px;cursor:pointer;white-space:normal}.search-select-options [role=option]:hover,.search-select-options .highlighted{background:#e4e7eb}.search-select-options [aria-selected=true]{color:#6554df;font-weight:700}.search-select-empty{padding:12px;color:#8b809e}.document-table .search-select{min-width:90px}.document-table td:nth-child(3) .search-select{min-width:210px}.document-table .search-select-input{min-width:0;width:100%}.calendar-header .search-select{width:auto;flex:1;min-width:75px}.calendar-header .search-select-input{height:34px;padding-right:7px;font-size:11px}.calendar-header .search-select-toggle{width:22px}.panel-head{background:#e9ecef}.panel-body{background:#f6f7f9}.table-controls{background:#eef0f3}.document-table tbody tr:nth-child(even){background:#f0f2f5}.invoice-bottom{background:#e9ecef;border-radius:0 0 14px 14px}.modal{background:#f6f7f9}.modal-header{background:#e9ecef;border-radius:12px}.invoice-paper{background:#fff}.invoice-paper-head{background:#eef0f3;padding:16px;border-radius:10px 10px 0 0}.invoice-parties{background:#f6f7f9;padding:20px 16px}.invoice-paper .invoice-bottom{padding:20px 16px}.search-select-options{text-align:right}.document-table td{padding:10px 8px}.document-table input[type=number]{width:90px;min-width:70px}.document-table .row-total{min-width:100px}.document-table td:nth-child(3) .search-select{min-width:195px}
@media print{.invoice-paper-head,.invoice-parties,.invoice-bottom{background:#fff!important}.search-select-options{display:none!important}}
/* Clear boundaries on the secondary surface. */
.panel,.stat,.invoice-paper{border:1px solid #bfc5ce}.stat{background:#f3f4f6}.panel-head{border-bottom:1px solid #bfc5ce}.panel-body{border-radius:0 0 13px 13px}.table-controls{border-bottom:1px solid #cbd1d9}.table-wrap th{border-bottom:1px solid #bfc5ce}.table-wrap td{border-bottom:1px solid #d9dee5}.table-wrap tr:last-child td{border-bottom:0}.document-table td{border-left:1px solid #d9dee5}.document-table td:last-child{border-left:0}input,select,textarea{border-color:#b4bdc9!important}input:focus,select:focus,textarea:focus{border-color:#7861bf!important;box-shadow:0 0 0 3px #7861bf18}.secondary{border:1px solid #b4bdc9}.modal{border:1px solid #b4bdc9}.modal-header{border-bottom:1px solid #bfc5ce}.invoice-parties{border-bottom:1px solid #bfc5ce}.invoice-bottom{border-top:1px solid #bfc5ce}.invoice-paper .table-wrap{border-color:#bfc5ce}.search-select-options{border-color:#aab4c2}.invoice-signatures{border-top-color:#bfc5ce}
@media print{.invoice-paper{border:0}.invoice-paper .table-wrap{border-color:#888}.invoice-paper td,.invoice-paper th{border-bottom-color:#aaa}.invoice-parties,.invoice-bottom,.invoice-signatures{border-color:#888}}
/* Neutral surfaces and striped tables. */
body{background:#f2f4f6}.table-wrap thead th{background:#e9ecef;color:#596575}.table-wrap tbody tr:nth-child(odd){background:#fff}.table-wrap tbody tr:nth-child(even){background:#eef1f4}.table-wrap tbody tr:hover{background:#e3e8ef}.table-wrap tbody td{border-bottom:1px solid #cbd2db}.document-table input[data-local-number]{width:95px;min-width:75px}.stat{position:relative;text-align:center;padding:24px 16px;background:linear-gradient(145deg,#fff,#edf0f4);border:1px solid #bec7d2;box-shadow:0 5px 16px #3341550a;overflow:hidden}.stat:before{content:'';position:absolute;top:0;right:0;left:0;height:4px;background:#6554df}.stat:nth-child(2):before{background:#3894cb}.stat:nth-child(3):before{background:#26aa79}.stat:nth-child(4):before{background:#e79a43}.stat .icon{margin:0 auto 16px;width:44px;height:44px;border-radius:13px;font-size:19px}.stat b{font-size:26px;line-height:1.7;margin:10px 0 6px;font-variant-numeric:tabular-nums}.stat .muted{font-size:13px;color:#58677c}.stat small{display:block;color:#7a8798}.stat:nth-child(5):before{background:#64748b}.stat:nth-child(5) .icon{background:#e3e8ee;color:#64748b}.search-select-options{background:#f8fafb;color:#334155}.search-select-options [role=option]:hover,.search-select-options .highlighted{background:#e4e8ed}.nav a.active,.avatar,.eye-button,.edit,.date-toggle{background:#e8ecf1}.login-page{background:radial-gradient(ellipse at top right,#e4e8ed,transparent 55%),#f2f4f6}.login-card{border-color:#bec7d2}input[data-local-number]{direction:ltr;text-align:right;font-variant-numeric:tabular-nums}
@media print{.table-wrap tbody tr:nth-child(even){background:#f2f2f2!important;print-color-adjust:exact}.table-wrap tbody tr:nth-child(odd){background:#fff!important}.table-wrap tbody td{border-bottom-color:#aaa}}
/* Navy navigation, with an accessible drawer on small screens. */
.sidebar{background:linear-gradient(175deg,#233449,#172536);border-left:1px solid #34455b;color:#fff;overflow-y:auto}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.sidebar-heading .brand{margin:0;color:#fff}.sidebar .brand small{color:#a7b5c8}.sidebar .brand-mark{background:#405775;border:1px solid #617792}.sidebar .nav a{color:#c4cedb;min-height:45px;border:1px solid transparent}.sidebar .nav a:hover{background:#31445b;color:#fff}.sidebar .nav a.active{background:#405775;color:#fff;border-color:#617792;box-shadow:inset -3px 0 #b4c8e3}.sidebar .nav i{color:#a6bdd9}.sidebar .nav a.active i{color:#fff}.sidebar-foot{color:#a7b5c8;border-top-color:#40516a}.mobile-menu-bar,.menu-close{display:none}.menu-backdrop[hidden]{display:none}.menu-backdrop{position:fixed;inset:0;z-index:3000;background:#0f172a88;border:0;border-radius:0;backdrop-filter:blur(3px);padding:0}.menu-open{overflow:hidden}
@media(max-width:760px){.mobile-menu-bar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1200;background:#203248;border-bottom:1px solid #425873;color:#fff;padding:10px 16px;height:62px}.mobile-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:bold}.mobile-brand .brand-mark{height:36px;width:36px;font-size:20px;background:#405775;border:1px solid #617792;border-radius:10px}#menu-toggle{display:flex;gap:9px;align-items:center;background:#344b65;color:#fff;border:1px solid #6a7f98;border-radius:9px;padding:8px 13px;cursor:pointer;font-size:13px}#menu-toggle span{font-size:21px;line-height:1}.sidebar{position:fixed;inset:0 0 0 auto;width:min(300px,85vw);height:100dvh;z-index:3100;padding:22px 18px;transform:translateX(100%);visibility:hidden;transition:transform .22s ease,visibility .22s ease;box-shadow:-15px 0 40px #0f172a30;display:flex;flex-direction:column}.menu-open .sidebar{transform:translateX(0);visibility:visible}.sidebar-heading{margin-bottom:20px}.sidebar .brand{font-size:20px}.menu-close{display:grid;place-items:center;border:1px solid #6a7f98;background:#344b65;color:#fff;width:36px;height:36px;border-radius:9px;font-size:24px;cursor:pointer}.sidebar .nav{display:flex;flex-direction:column;overflow:visible;gap:3px}.sidebar .nav a{white-space:normal;font-size:14px;padding:12px 14px;margin:0;border-radius:10px;min-height:48px}.sidebar .nav i{display:block;width:24px;font-size:20px}.sidebar-foot{display:block;margin-top:auto;padding-top:18px;padding-bottom:env(safe-area-inset-bottom)}.main{margin:0}.topbar{height:68px}.sidebar-heading .brand small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}
@media print{.mobile-menu-bar,.menu-backdrop,.menu-close{display:none!important}}
.table-tools .table-reset-icon{padding:8px;width:38px;height:38px;background:#e8edf3;color:#405775;border-color:#aebccc}.table-reset-icon:hover{background:#dce5ef;color:#203248}.table-reset-icon svg{flex:none}
/* Shared compact table format across lists, documents and inventory. */
:root{--table-stripe:rgb(242,242,242);--table-border:#bbc3cc;--table-header:#e5e9ed}
.table-wrap table{border-collapse:collapse;font-size:12px;text-align:right;line-height:1.55}.table-wrap table th,.table-wrap table td{padding:7px 12px;font-size:12px;vertical-align:middle;border-bottom:1px solid var(--table-border);border-left:1px solid var(--table-border)}.table-wrap table th:last-child,.table-wrap table td:last-child{border-left:0}.table-wrap table th{background:var(--table-header);color:#445266;font-weight:500;padding:9px 12px}.table-wrap table tbody tr:nth-child(odd){background:#fff;color:#172536}.table-wrap table tbody tr:nth-child(even){background:var(--table-stripe);color:#101820}.table-wrap table tbody tr:nth-child(odd):hover,.table-wrap table tbody tr:nth-child(even):hover{background:#d5e6f5;color:#172536}.table-wrap table tbody tr:last-child td{border-bottom:0}.table-wrap table .pill{padding:3px 7px}.table-wrap table .edit,.table-wrap table .delete-button{padding:4px 8px;font-size:11px;line-height:1.5}.table-wrap table .eye-button{padding:5px}.table-wrap table .record-actions{gap:6px;flex-wrap:nowrap}.table-wrap table input,.table-wrap table .search-select-input{padding:6px 8px;min-height:32px}.table-wrap table .search-select-input{padding-left:30px!important}.table-wrap table .stock-hint{margin-top:3px;color:#25344a}.table-wrap table .row-total{font-size:12px}.excel-export-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #82ac93;border-radius:8px;background:#edf6f0;flex:none}.excel-export-icon:hover{background:#dceee3;border-color:#217346}.excel-export-icon:focus-visible{outline:2px solid #217346;outline-offset:3px}
@media print{.table-wrap table th,.table-wrap table td{padding:7px 10px;font-size:12px;color:#101820!important;border-color:#aaa}.table-wrap table tbody tr:nth-child(even){background:var(--table-stripe)!important;print-color-adjust:exact}.excel-export-icon{display:none!important}}
/* Center headings, values and actions consistently in every table. */
.table-wrap table,.table-wrap table th,.table-wrap table td{ text-align:center!important }
.table-wrap .column-button{justify-content:center;width:100%}
.table-wrap .record-actions{justify-content:center}
.table-wrap table .search-select-input,.table-wrap table input,.table-wrap table select{ text-align:center!important }
.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat:nth-child(6):before{background:#258b91}.stat:nth-child(6) .icon{background:#e3f2f2;color:#258b91}@media(min-width:1500px){.stats{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:760px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat b{font-size:22px}}

#document-form[data-mode="invoice"] .document-table th,#document-form[data-mode="invoice"] .document-table td,.invoice-paper table th,.invoice-paper table td{text-align:center!important;vertical-align:middle}
#document-form[data-mode="invoice"] .document-table input,#document-form[data-mode="invoice"] .document-table select,#document-form[data-mode="invoice"] .document-table .search-select{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
#document-form[data-mode="invoice"] .document-table .search-select-input{padding-left:30px!important;padding-right:30px!important}

.invoice-header-fields{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.invoice-header-fields>label{min-width:0}.invoice-header-fields>label:not(.full)>input,.invoice-header-fields>label:not(.full)>select,.invoice-header-fields>label:not(.full)>.search-select{margin-top:7px;min-height:42px}.invoice-header-fields .search-select-input{height:42px;min-height:42px}.invoice-header-fields>label:not(.full)>input{height:42px}.invoice-header-fields .full{grid-column:1/-1}
@media(max-width:760px){.invoice-header-fields{grid-template-columns:1fr}}
.invoice-header-fields>label>.date-input{margin-top:7px}.invoice-header-fields>label>.date-input>input{height:42px;min-height:42px;margin-top:0}

@media(max-width:760px){.sidebar{height:100vh;height:100dvh;max-height:100dvh;overflow:hidden;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.sidebar-heading,.sidebar-foot{flex-shrink:0}.sidebar-heading{margin-bottom:12px}.sidebar .nav{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#617792 transparent;padding-bottom:8px}.sidebar .nav a{flex-shrink:0;min-height:44px;padding:10px 14px}.sidebar-foot{margin-top:12px;padding-top:12px;padding-bottom:0}}

.column-menu{background:#f6f7f9;border:1px solid #bbc3cc;border-radius:10px;padding:12px;box-shadow:0 10px 32px #17253624;color:#334155;display:flex;flex-direction:column;gap:8px;max-height:calc(100dvh - 20px);overflow:auto}.column-menu>strong{margin:0;text-align:right;font-size:13px;color:#233449}.column-toolbar,.column-sort-icons,.column-footer{display:flex;align-items:center;gap:8px}.column-toolbar,.column-footer{justify-content:space-between}.column-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:34px;flex:none;padding:5px;border:1px solid #b4bdc9;border-radius:6px;background:#eef1f4;color:#405775;cursor:pointer}.column-icon:hover,.column-icon[aria-pressed=true]{background:#d5e6f5;border-color:#617792}.column-menu>input{margin:0;height:38px;border-radius:7px;background:#fff;font-size:12px}.column-menu .sort-actions{margin:0;display:block}.column-select-all{display:flex;align-items:center;gap:7px;padding:0;font-size:11px}.column-select-all input,.column-options input{margin:0;width:14px;height:14px;flex:none;accent-color:#405775}.column-menu .column-options{max-height:220px;min-height:80px;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #bbc3cc;border-radius:0;padding:5px;flex:0 1 auto}.column-options label{align-items:flex-start;padding:8px 5px;line-height:1.8}.column-options input{margin-top:4px}.column-options span{white-space:normal;overflow-wrap:anywhere}.column-footer{margin-top:0}.column-apply{color:#23815f}.column-cancel{color:#c05858}.column-reset{color:#405775}.column-menu .column-range{margin:0}.column-menu .column-range input{margin:0}

/* Stable page width and compact workspace controls. */
html{overflow-y:scroll;scrollbar-gutter:stable}.content{padding:20px 24px}.heading{margin-bottom:18px}.heading h1{margin-bottom:6px}.topbar{height:70px;padding:0 24px}.panel{margin-bottom:16px}.panel-head{padding:15px 18px}.panel-body{padding:16px 18px}.filters{justify-content:flex-start;gap:10px;align-items:flex-end}.filters label,.filters label:first-child{flex:0 1 190px;min-width:0}.filters label:has(input[data-persian-date]){flex:0 0 155px;width:155px}.filters input,.filters select{height:34px;min-height:34px;padding:6px 10px;margin-top:5px}.filters .search-select{margin-top:5px}.filters .search-select-input{height:34px;min-height:34px;padding-top:6px;padding-bottom:6px}.filters .date-toggle{width:26px;height:26px;top:4px;left:4px}.filters .date-input input{padding-left:34px}.filters>.primary,.filters>.secondary{height:34px;padding:6px 12px;font-size:12px;border-radius:7px}.stats{gap:12px;margin:16px 0}.stat{min-width:0;padding:18px 12px}.stat .icon{width:36px;height:36px;margin-bottom:10px;font-size:17px}.stat b{max-width:100%;white-space:nowrap;line-height:1.6;min-height:42px;display:flex;justify-content:center;align-items:center;margin:6px 0;font-size:clamp(14px,calc(34px - var(--stat-digits,8)*.7px),26px);font-variant-numeric:tabular-nums}.stat small{line-height:1.8}.table-controls{padding:12px 16px}.table-tools{gap:8px}.table-tools .table-search{padding-top:6px;padding-bottom:6px;min-height:34px}.table-tools .table-reset-icon,.table-tools .excel-export-icon{width:34px;height:34px}.table-tools>.primary,.table-tools>.secondary{padding:6px 12px;font-size:12px}.bar-row{margin:16px 0}.summary-line{margin:16px 0}
@media(max-width:760px){.content{padding:16px 12px}.topbar{height:64px;padding:0 14px}.panel-head{padding:13px 14px}.panel-body{padding:14px}.filters{gap:8px}.filters label:has(input[data-persian-date]){flex:0 1 calc(50% - 4px);width:auto}.filters label,.filters label:first-child{flex:1 1 150px;min-width:0}.filters label:has(input[data-persian-date]){flex:0 1 calc(50% - 4px)}.stats{gap:9px}.stat{padding:14px 9px}.stat .muted{font-size:12px}.stat b{min-height:36px}}

.filters>.global-reset-icon{width:34px;height:34px;padding:6px;background:#e8edf3;color:#405775;border-color:#aebccc;flex:none}.filters>.global-reset-icon:hover{background:#dce5ef;color:#203248}

input[data-persian-date]{text-align:center!important}.filters .date-input input{padding-left:32px;padding-right:32px}.filters label:has(select[name=advisor]){order:2}.filters>.global-reset-icon{order:1}.filters label:has(input[data-persian-date]){order:0}
@media(max-width:760px){.filters:has(input[data-persian-date]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px;gap:8px 6px;align-items:end}.filters label:has(input[data-persian-date]){width:auto;min-width:0}.filters label:has(input[data-persian-date]) input{height:32px;min-height:32px;padding-left:26px;padding-right:26px;font-size:11px}.filters .date-toggle{width:23px;height:24px;left:3px;top:4px;font-size:12px}.filters>.global-reset-icon{grid-column:3;grid-row:1;width:30px;height:32px;padding:5px}.filters label:has(select[name=advisor]){grid-column:1/-1;grid-row:2;width:min(100%,190px)}.filters label:has(select[name=advisor]) .search-select-input{height:32px;min-height:32px}}

.heading>.primary{min-height:38px;height:38px;padding:8px 16px;font-size:13px;line-height:1.5;border-radius:8px;white-space:nowrap;flex-shrink:0}

.account-bar{gap:11px;padding:6px 8px 6px 12px;background:#f2f4f6;border:1px solid #cbd2db;border-radius:12px;min-width:0}.profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border-radius:12px;background:#e2e8f0;color:#405775;border:1px solid #b4bdc9;font-size:18px;font-weight:700;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-navy{background:#dfe7ef;color:#233449}.avatar-blue{background:#e2eff9;color:#2878a8}.avatar-green{background:#e1f1e9;color:#23815f}.avatar-amber{background:#f8eddb;color:#a66b1d}.account-details{min-width:0}.account-details b{display:block;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-details small{display:flex;align-items:center;gap:5px;font-size:10px;margin-top:4px;color:#68788c}.account-status{width:6px;height:6px;border-radius:50%;background:#26aa79}.account-bar form{margin:0;padding-right:10px;border-right:1px solid #cbd2db}.account-logout{display:flex;align-items:center;gap:5px;background:#fff;color:#56667c;border:1px solid #c1cad5;border-radius:8px;padding:7px 9px;font-size:11px;min-height:34px}.account-logout:hover{color:#b34c55;border-color:#d5a0a5;background:#fff1f1}.avatar-picker{border:1px solid #bbc3cc;border-radius:9px;padding:10px}.avatar-picker legend{font-size:12px;color:#58677c;padding:0 5px}.avatar-options{display:flex;flex-wrap:wrap;gap:10px}.avatar-options label{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.avatar-options input{position:absolute;width:1px;height:1px;opacity:0;margin:0}.avatar-options label:has(input:checked) .profile-avatar{outline:2px solid #405775;outline-offset:3px}.avatar-options label:has(input:focus-visible) .profile-avatar{outline:3px solid #2878a8;outline-offset:3px}.avatar-options small{font-size:10px}.avatar-remove{display:flex;align-items:center;gap:7px}.avatar-remove input{width:15px;height:15px;margin:0;accent-color:#405775}.modal input[type=file]{font-size:11px}.modal input[type=file]::file-selector-button{font:inherit;padding:6px 10px;border:1px solid #bbc3cc;border-radius:6px;background:#eef1f4;color:#405775;margin-left:8px}
@media(max-width:760px){.account-bar{gap:7px;padding:5px 7px}.account-bar .profile-avatar{width:34px;height:34px;border-radius:10px}.account-details b{max-width:110px;font-size:11px}.account-bar form{padding-right:7px}.account-logout{padding:6px;min-height:30px}.account-logout span{display:none}.topbar>div:first-child{font-size:11px}.topbar p{font-size:10px}}

.toast-stack{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:min(380px,calc(100vw - 32px));z-index:20000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:14px 12px;border:1px solid;border-radius:10px;box-shadow:0 8px 28px #17253624;font-size:12px;line-height:1.9;pointer-events:auto;transition:opacity .18s ease,transform .18s ease}.toast-success{background:#e8f7ef;border-color:#a4d3ba;color:#23815f}.toast-error{background:#fff0f0;border-color:#e3b0b5;color:#b64a55}.toast-symbol{flex:none;margin-top:1px}.toast-message{flex:1;min-width:0;overflow-wrap:anywhere;max-height:220px;overflow-y:auto}.toast-close{display:grid;place-items:center;flex:none;width:25px;height:25px;padding:3px;border:0;border-radius:5px;color:inherit;background:transparent;cursor:pointer}.toast-close:hover{background:#1725360c}.toast-leaving{opacity:0;transform:translateX(20px)}@media(prefers-reduced-motion:reduce){.toast{transition:none}}@media print{.toast-stack{display:none!important}}

.modal .product-form-grid{grid-template-columns:90px repeat(3,minmax(0,1fr));gap:16px;align-items:start}.product-form-grid>label{min-width:0}.product-form-grid .product-code{grid-column:1}.product-form-grid .product-name{grid-column:2/-1}.product-form-grid .product-price{grid-column:1/span 2}.product-form-grid .product-status{grid-column:3/span 2}.modal .product-form-grid input,.modal .student-form-grid input{height:42px;min-height:42px;margin-top:7px}.modal .product-form-grid .search-select,.modal .student-form-grid .search-select{margin-top:7px;min-height:42px}.modal .product-form-grid .search-select-input,.modal .student-form-grid .search-select-input{height:42px;min-height:42px;margin:0!important;padding-right:30px!important;padding-left:30px!important;text-align:center!important}.modal .product-code input,.modal .product-price input{text-align:center!important}.modal .student-form-grid{align-items:start}.modal .student-form-grid .full{grid-column:1/-1}
@media(max-width:760px){.modal .product-form-grid{grid-template-columns:70px repeat(3,minmax(0,1fr));gap:14px 10px}.modal .student-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.modal .student-form-grid>label{min-width:0}}

#student input[name=name],#student input[name=phone]{text-align:center!important}

.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;padding:3px}.sidebar-heading .brand{min-width:0}.company-name{min-width:0;overflow-wrap:anywhere}.sidebar .company-name{font-size:18px}.topbar-date p{margin:0;color:#64748b}.company-settings-panel{max-width:600px}.company-preview{display:flex;align-items:center;gap:12px;padding:12px;background:#eef1f4;border:1px solid #bbc3cc;border-radius:10px;margin-bottom:20px}.company-settings-panel .primary{margin-top:18px}.company-settings-panel input[type=file]{font-size:12px}

.invoice-actions{display:flex;flex-wrap:nowrap;gap:6px;align-items:center}.invoice-actions .primary,.invoice-actions .secondary,.invoice-actions .delete-button,.invoice-form-heading>.secondary,#document-form[data-mode=invoice] #add-item,#document-form[data-mode=invoice] .invoice-bottom .primary{height:38px;min-height:38px;padding:8px 12px;font-size:13px;line-height:1.5;border-radius:8px;white-space:nowrap}.invoice-actions form{margin:0;flex:none}.invoice-actions>*{flex:none}
@media(max-width:760px){.invoice-view-heading{flex-direction:column;align-items:stretch;gap:12px}.invoice-actions{width:100%;justify-content:flex-start;gap:6px;flex-wrap:nowrap!important}.invoice-actions .primary,.invoice-actions .secondary,.invoice-actions .delete-button{padding:6px;font-size:11px;height:38px;min-height:38px}.invoice-header-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.invoice-header-fields .invoice-student{grid-column:1/-1}.invoice-header-fields .invoice-date{grid-column:1}.invoice-header-fields .invoice-advisor{grid-column:2}.invoice-header-fields .invoice-date input{padding-left:30px;padding-right:30px;font-size:12px}.invoice-header-fields .invoice-advisor .search-select-input{font-size:12px}.invoice-header-fields .full{grid-column:1/-1}#document-form[data-mode=invoice] .document-table{display:block;min-width:0;white-space:normal}#document-form[data-mode=invoice] .document-table thead{display:none}#document-form[data-mode=invoice] .document-table tbody{display:grid;gap:12px;padding:12px;background:#eef1f4}#document-form[data-mode=invoice] .document-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;padding:12px;border:1px solid #bbc3cc;border-radius:10px;position:relative;background:#fff}#document-form[data-mode=invoice] .document-table td{display:block;min-width:0;padding:0;border:0;text-align:center!important}#document-form[data-mode=invoice] .document-table td:before{content:attr(data-label);display:block;font-size:11px;color:#68788c;margin-bottom:4px}#document-form[data-mode=invoice] .document-table td:nth-child(1){grid-column:1/-1;order:0;text-align:right!important;font-weight:bold}#document-form[data-mode=invoice] .document-table td:nth-child(1):before{display:inline;margin-left:5px}#document-form[data-mode=invoice] .document-table td:nth-child(2){order:1}#document-form[data-mode=invoice] .document-table td:nth-child(4){order:2}#document-form[data-mode=invoice] .document-table td:nth-child(3){grid-column:1/-1;order:3}#document-form[data-mode=invoice] .document-table td:nth-child(5){order:4}#document-form[data-mode=invoice] .document-table td:nth-child(6){order:5}#document-form[data-mode=invoice] .document-table td:nth-child(7){grid-column:1/-1;order:6;background:#e9eef3;padding:8px;border-radius:7px;min-width:0}#document-form[data-mode=invoice] .document-table td:nth-child(8){position:absolute;left:10px;top:8px}#document-form[data-mode=invoice] .document-table td:nth-child(8):before{display:none}#document-form[data-mode=invoice] .document-table input,#document-form[data-mode=invoice] .document-table select,#document-form[data-mode=invoice] .document-table .search-select{width:100%;min-width:0!important;margin:0!important}#document-form[data-mode=invoice] .document-table .search-select-input{width:100%;min-width:0!important}#document-form[data-mode=invoice] .document-table .remove-item{width:28px;height:28px;padding:0;font-size:18px}#document-form[data-mode=invoice] .invoice-bottom{padding:16px}#document-form[data-mode=invoice] .invoice-bottom .primary{width:100%;margin-top:12px}.invoice-form-heading{gap:10px}}

.invoice-header-fields .invoice-advisor input,.invoice-header-fields .invoice-advisor select{text-align:center!important}.invoice-header-fields .invoice-advisor .search-select-input{padding-left:30px!important;padding-right:30px!important}.invoice-actions .delete-button{border:1px solid currentColor}.invoice-actions .delete-button:hover{background:#ffe4e6;color:#b64a55}.receipt-form-heading>.secondary,#document-form[data-mode=receipt] #add-item,#document-form[data-mode=receipt] .invoice-bottom>.primary{height:38px;min-height:38px;padding:8px 12px;font-size:13px;line-height:1.5;border-radius:8px;white-space:nowrap}
@media(max-width:760px){#document-form[data-mode=receipt] .document-table{display:block;min-width:0;white-space:normal}#document-form[data-mode=receipt] .document-table thead{display:none}#document-form[data-mode=receipt] .document-table tbody{display:grid;gap:12px;padding:12px;background:#eef1f4}#document-form[data-mode=receipt] .document-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;padding:12px;border:1px solid #bbc3cc;border-radius:10px;position:relative;background:#fff}#document-form[data-mode=receipt] .document-table td{display:block;min-width:0;padding:0;border:0;text-align:center!important}#document-form[data-mode=receipt] .document-table td:before{content:attr(data-label);display:block;font-size:11px;color:#68788c;margin-bottom:4px}#document-form[data-mode=receipt] .document-table td:nth-child(1){grid-column:1/-1;order:0;text-align:right!important;font-weight:bold}#document-form[data-mode=receipt] .document-table td:nth-child(1):before{display:inline;margin-left:5px}#document-form[data-mode=receipt] .document-table td:nth-child(2){grid-column:1/-1;order:1}#document-form[data-mode=receipt] .document-table td:nth-child(3){order:2}#document-form[data-mode=receipt] .document-table td:nth-child(4){order:3}#document-form[data-mode=receipt] .document-table td:nth-child(5){grid-column:1/-1;order:4;background:#e9eef3;padding:8px;border-radius:7px;min-width:0}#document-form[data-mode=receipt] .document-table td:nth-child(6){position:absolute;left:10px;top:8px}#document-form[data-mode=receipt] .document-table td:nth-child(6):before{display:none}#document-form[data-mode=receipt] .document-table input,#document-form[data-mode=receipt] .document-table select,#document-form[data-mode=receipt] .document-table .search-select{width:100%;min-width:0!important;margin:0!important}#document-form[data-mode=receipt] .document-table .search-select-input{width:100%;min-width:0!important}#document-form[data-mode=receipt] .document-table .remove-item{width:28px;height:28px;padding:0;font-size:18px}#document-form[data-mode=receipt] .invoice-bottom{padding:16px}#document-form[data-mode=receipt] .invoice-bottom .primary{width:100%;margin-top:12px}}

#document-form[data-mode=receipt] input[name=reference],#document-form[data-mode=receipt] input[data-field=quantity],#document-form[data-mode=receipt] input[data-field=unit_cost]{text-align:center!important}
#document-form[data-mode=receipt] .document-table input[data-field=quantity],#document-form[data-mode=receipt] .document-table input[data-field=unit_cost]{margin-left:auto!important;margin-right:auto!important}
#document-form[data-mode=receipt] .document-table input[data-field=unit_cost]{width:150px;min-width:130px}
#document-form[data-mode=receipt] .invoice-bottom>.primary{width:auto;max-width:100%;min-width:0;flex:0 0 auto;align-self:flex-end;height:38px;min-height:38px;padding:8px 14px;font-size:13px;margin-top:0}
@media(max-width:760px){#document-form[data-mode=receipt] .document-table input[data-field=quantity],#document-form[data-mode=receipt] .document-table input[data-field=unit_cost]{width:100%;min-width:0!important;padding:7px 6px;font-size:12px}#document-form[data-mode=receipt] .invoice-bottom>.primary{width:auto;align-self:flex-end;margin-top:8px}}
.company-settings-panel .primary{height:38px;min-height:38px;width:auto;padding:8px 16px;font-size:13px;line-height:1.5;border-radius:8px}.local-file-picker{position:relative;display:flex;align-items:center;gap:10px;margin-top:7px;min-height:42px;padding:5px;border:1px solid #b4bdc9;border-radius:8px;background:#fff;overflow:hidden}.local-file-picker input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;z-index:1}.file-picker-button{display:inline-flex;align-items:center;justify-content:center;flex:none;height:32px;padding:5px 12px;border:1px solid #b4bdc9;border-radius:6px;background:#e8edf3;color:#405775;font-size:12px}.file-picker-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;font-size:12px;color:#64748b}.local-file-picker:focus-within{outline:2px solid #7861bf;outline-offset:2px}

.bar-row .performance-advisor{display:flex;align-items:center;gap:8px;flex:0 0 160px;min-width:0}.bar-row .performance-advisor .profile-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;font-size:14px}.bar-row .performance-advisor .profile-avatar svg{width:21px;height:21px}.bar-row .performance-advisor-name{width:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.bar-row .bar-track{min-width:0}@media(max-width:760px){.bar-row{gap:8px}.bar-row .performance-advisor{flex-basis:130px;max-width:48%}.bar-row .performance-advisor-name{font-size:11px}}

.account-bar .profile-avatar{border-radius:50%}.advisor-table-name{display:inline-flex;align-items:center;justify-content:center;gap:8px;vertical-align:middle}.advisor-table-name .profile-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;font-size:14px}.advisor-table-name .profile-avatar svg{width:21px;height:21px}

.advisor-dashboard{grid-template-columns:1fr}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid #bbc3cc;background:#eef1f4;font-size:11px;color:#64748b}.pagination-buttons{display:flex;flex-wrap:wrap;gap:5px}.page-button{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:4px 8px;border:1px solid #b4bdc9;border-radius:6px;background:#fff;color:#405775}.page-button.current{background:#405775;color:#fff;border-color:#405775}.page-button.disabled{opacity:.45}.page-button:hover:not(.disabled):not(.current){background:#d5e6f5}.modal .advisor-form-grid{align-items:start}.modal .advisor-form-grid>label:not(.avatar-remove){min-width:0}.modal .advisor-form-grid>label:not(.avatar-remove)>input:not([type=file]){height:42px;margin-top:7px}.modal .advisor-form-grid .search-select{margin-top:7px;min-height:42px}.modal .advisor-form-grid .search-select-input{margin:0!important;height:42px;min-height:42px;padding-left:30px!important;padding-right:30px!important;text-align:center!important}.account-details:hover b{color:#2878a8}.profile-panel{max-width:600px}.profile-panel .primary{height:38px;padding:8px 16px;font-size:13px;margin-top:18px}.profile-panel input{text-align:center}.profile-help{font-size:11px;color:#64748b;line-height:1.9;margin-bottom:16px}@media(max-width:760px){.table-pagination{padding:10px;gap:8px;justify-content:center}.pagination-summary{text-align:center;width:100%}.pagination-buttons{justify-content:center}.page-button{min-width:27px;padding:4px 6px}.modal .advisor-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}}@media print{.table-pagination{display:none}}

.stats .stat{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;background-color:transparent}.stats .stat .icon{transition:transform .22s ease,box-shadow .22s ease}.stats .stat:before{transition:height .22s ease}
@media(hover:hover) and (pointer:fine){.stats .stat:hover{transform:translateY(-5px);box-shadow:0 12px 26px #2334491c;border-color:#8da0b6}.stats .stat:hover .icon{transform:scale(1.1) rotate(-4deg);box-shadow:0 5px 12px #23344912}.stats .stat:hover:before{height:6px}}
@media(prefers-reduced-motion:reduce){.stats .stat,.stats .stat .icon,.stats .stat:before{transition:none}.stats .stat:hover,.stats .stat:hover .icon{transform:none}}
.column-sort-icons .column-sort-button{width:auto;min-width:76px;padding:5px 8px;gap:5px;direction:ltr}.column-sort-button svg{width:17px;height:17px;flex:none}.column-sort-button span{font-family:Tahoma,Arial,sans-serif;font-size:11px;font-weight:700;white-space:nowrap}

.advisor-workspace{display:grid;grid-template-columns:minmax(320px,1fr) minmax(450px,1.2fr);gap:18px;align-items:start}.advisor-workspace .panel{margin:0}.advisor-workspace .advisor-form-grid{align-items:start}.advisor-workspace .advisor-form-grid>label{min-width:0}.advisor-workspace .advisor-form-grid>label:not(.avatar-remove)>input:not([type=file]){height:42px;margin-top:7px}.advisor-workspace .advisor-form-grid .search-select{margin-top:7px;min-height:42px}.advisor-workspace .advisor-form-grid .search-select-input{height:42px;min-height:42px;margin:0!important;text-align:center!important;padding-left:30px!important;padding-right:30px!important}.permissions-panel .panel-body{padding:14px}.permissions-table input[type=checkbox]{width:17px;height:17px;margin:0 auto;accent-color:#405775;cursor:pointer}.permissions-table th,.permissions-table td{white-space:normal}.permissions-table td:first-child{min-width:135px}.permissions-admin-note{margin:0 0 12px;background:#e3eaf2;border:1px solid #b4bdc9;border-radius:7px;padding:10px;font-size:12px;line-height:1.8}.permissions-panel small{display:block;margin-top:12px;line-height:1.9}.permissions-panel .secondary{padding:6px 10px;height:34px;font-size:12px}.advisor-save-bar{grid-column:1/-1;display:flex;align-items:center;gap:8px}.advisor-save-bar .primary,.advisor-save-bar .secondary{height:38px;padding:8px 16px;font-size:13px}.existing-avatar{display:flex;align-items:center;gap:8px}.existing-avatar .profile-avatar{border-radius:50%}@media(max-width:1100px){.advisor-workspace{grid-template-columns:1fr}.advisor-workspace .advisor-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.permissions-table th,.permissions-table td{padding:7px 5px}.permissions-table td:first-child{min-width:90px;font-size:11px}.permissions-panel .panel-body{padding:10px}.advisor-workspace .advisor-form-grid{gap:14px 10px}.advisor-workspace{gap:14px}}
