:root{--primary-color:#4b2b18;--secondary-color:#7a4a29;--background-color:#f7f1e8;--surface-color:#fffdf9;--sidebar-background:#fbf4e8;--header-background:#3b210f;--text-primary:#28231f;--text-secondary:#7b746d;--border-color:#e7ded2;--card-shadow:0 10px 25px rgba(67,41,23,.10);--border-radius:17px;--spacing-scale:1;--icon-scale:1;--wood:var(--primary-color);--wood-deep:color-mix(in srgb,var(--primary-color) 72%,#000);--wood-light:var(--secondary-color);--gold:#e8b86a;--cream:var(--background-color);--paper:var(--surface-color);--sidebar:var(--sidebar-background);--ink:var(--text-primary);--muted:var(--text-secondary);--line:var(--border-color);--panel:var(--surface-color);--blue:#3874c8;--teal:#268f80;--orange:#c97925;--red:#d45353;--purple:#8b67c8;--shadow:var(--card-shadow);--sidebar-w:250px;--sidebar-expanded-w:250px;--topbar-h:74px;--font-scale:1}
*{box-sizing:border-box}html{font-size:calc(16px * var(--font-scale));scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}[hidden]{display:none!important}
.topbar{height:var(--topbar-h);position:fixed;inset:0 0 auto 0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;color:#fae0b4;background:linear-gradient(90deg,rgba(35,18,8,.94),rgba(84,47,23,.97),rgba(45,24,11,.95)),repeating-linear-gradient(3deg,transparent 0 7px,rgba(255,255,255,.025) 8px 9px);box-shadow:0 2px 10px rgba(42,22,10,.3)}
.topbar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(175deg,transparent 0 13px,rgba(0,0,0,.09) 14px 15px);pointer-events:none}.topbar>*{position:relative;z-index:1}.window-actions{direction:ltr;display:flex;gap:28px;font-size:25px}.header-toggle{display:none}.topbar-brand{display:flex;align-items:center;gap:10px;font-size:1.08rem}.topbar-brand strong{font-size:1.25rem}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:2px solid currentColor;border-radius:13px;font-size:24px}.company-block{justify-self:end;display:flex;align-items:center;gap:12px;text-align:right;color:white}.company-block small{display:block;color:#eadbc9;margin-top:3px}.avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--wood);font-size:25px;position:relative}.avatar i{position:absolute;width:12px;height:12px;border-radius:50%;background:#3ac15b;border:2px solid #fff;bottom:0;right:2px}.topbar-search{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#f8dfba;border-radius:10px;padding:7px 11px;margin-right:8px}.topbar-search:hover{background:rgba(255,255,255,.15)}
.sidebar{position:fixed;top:var(--topbar-h);right:0;bottom:0;width:var(--sidebar-w);z-index:30;padding:28px 18px 18px;background:linear-gradient(90deg,rgba(255,253,248,.88),rgba(252,243,230,.98)),repeating-linear-gradient(90deg,rgba(130,80,30,.02) 0 1px,transparent 1px 5px);border-left:1px solid #eee0ce;display:flex;flex-direction:column;justify-content:space-between;transition:.25s ease}.sidebar nav{display:grid;gap:8px}.nav-item{width:100%;min-height:58px;border:0;background:transparent;color:#342a22;display:grid;grid-template-columns:42px 1fr auto;align-items:center;text-align:right;padding:0 15px;border-radius:14px;gap:8px}.nav-item>span{font-size:29px;text-align:center;font-weight:400}.nav-item>b{font-weight:600}.nav-item:hover{background:rgba(92,54,28,.07)}.nav-item.active{color:#f5c777;background:linear-gradient(135deg,#3c210f,#674126);box-shadow:0 7px 15px rgba(58,31,14,.21)}.nav-item em{font-style:normal;background:#3874c8;color:white;border-radius:20px;padding:3px 8px;font-size:.74rem}.sidebar-bottom{padding-top:20px;border-top:1px solid var(--line)}
.app-shell.sidebar-mini{--sidebar-w:88px}.app-shell.sidebar-mini .nav-item{grid-template-columns:1fr;padding:0}.app-shell.sidebar-mini .nav-item b,.app-shell.sidebar-mini .nav-item em{display:none}.app-shell.sidebar-hidden{--sidebar-w:0}.app-shell.sidebar-hidden .sidebar{width:var(--sidebar-expanded-w);transform:translateX(105%);opacity:0;visibility:hidden;pointer-events:none}.app-shell.sidebar-hidden .main-content{margin-right:0!important}.app-shell.sidebar-hidden .header-toggle,.app-shell.sidebar-mini .header-toggle{display:grid}
.main-content{min-height:100vh;margin-top:var(--topbar-h);margin-right:var(--sidebar-w);transition:.25s ease;background:radial-gradient(circle at 25% 0,rgba(255,255,255,.9),transparent 34%),linear-gradient(110deg,#f8f3ec,#fffdfa 58%,#f4eadc);outline:none}.page-root{padding:30px 36px 45px;max-width:1550px;margin:auto}.loader{padding:80px;text-align:center;color:var(--muted)}
.welcome{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.welcome h1,.section-title h2{color:var(--text-primary)}.welcome h1{font-size:2rem;margin:0 0 6px}.welcome p{margin:0;color:var(--muted)}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.primary-button,.secondary-button,.ghost-button,.danger-button{border:0;border-radius:11px;padding:11px 18px;font-weight:700;transition:.18s}.primary-button{background:linear-gradient(135deg,var(--wood),var(--wood-light));color:white;box-shadow:0 7px 15px rgba(74,42,21,.2)}.primary-button:hover{transform:translateY(-1px)}.secondary-button{background:#e8f1ed;color:#1f766b}.ghost-button{background:#fff;color:var(--wood);border:1px solid var(--line)}.danger-button{background:#f8e2e0;color:#a43e39}.row-actions{display:flex;gap:6px;align-items:center;white-space:nowrap}.row-actions button,.row-actions a{padding:7px 10px;font-size:.8rem}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:28px}.kpi-card{min-height:148px;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:16px;padding:19px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 68px;grid-template-rows:auto 1fr 32px;overflow:hidden}.kpi-label{font-weight:700}.kpi-value{font-size:1.7rem;font-weight:800;align-self:center}.kpi-unit{display:block;font-size:.78rem;color:var(--muted);font-weight:500}.kpi-icon,.module-icon{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff,var(--tint,#dce8f8));box-shadow:inset 0 1px 4px #fff,0 9px 18px rgba(35,47,67,.12)}.kpi-icon{grid-row:1/3;grid-column:2;width:62px;height:62px;font-size:32px}.spark{grid-column:1/3;display:flex;align-items:end;gap:4px;padding-top:7px}.spark i{display:block;height:var(--h);flex:1;min-width:3px;border-radius:4px;background:var(--accent,var(--blue));opacity:.72}
.section-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0 15px}.section-title h2{margin:0;font-size:1.2rem}.module-grid{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:15px}.module-card{position:relative;min-height:208px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#fff,#fdfaf5);box-shadow:var(--shadow);padding:20px 12px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--ink);transition:.2s;overflow:hidden}.module-card:after{content:"";width:45px;height:4px;border-radius:9px;background:var(--accent,var(--blue));position:absolute;bottom:17px}.module-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(67,41,23,.14);border-color:#dbc9b5}.module-icon{width:96px;height:96px;font-size:53px;border-radius:31px}.module-card strong{font-size:1.18rem;margin-bottom:7px}
.panel{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);padding:20px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.search-field{position:relative;flex:1;min-width:220px}.search-field input{width:100%;padding:12px 42px 12px 14px;border:1px solid var(--line);border-radius:11px;background:#fff}.search-field:before{content:"⌕";position:absolute;right:15px;top:7px;font-size:25px;color:var(--muted)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:right;padding:13px 12px;background:#f5eee5;color:#66584b;font-size:.86rem;white-space:nowrap}.data-table td{padding:14px 12px;border-bottom:1px solid #eee8e0;vertical-align:middle}.data-table tbody tr:hover{background:#fcf8f2}.table-wrap{overflow:auto;border:1px solid #eee5da;border-radius:12px}.status{display:inline-flex;padding:4px 9px;border-radius:20px;background:#e5f5ee;color:#25725d;font-size:.78rem}.status.posted,.status.active{background:#e5f5ee;color:#25725d}.status.draft{background:#fff2d8;color:#9a6a18}.status.cancelled,.status.inactive{background:#fbe4e4;color:#a43f3f}.empty-state{text-align:center;padding:55px 20px;color:var(--muted)}
.summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.summary-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}.summary-box small{display:block;color:var(--muted)}.summary-box strong{font-size:1.45rem}.report-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(31,20,12,.5);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.modal-card{width:min(780px,96vw);max-height:92vh;overflow:auto;background:var(--paper);border-radius:20px;box-shadow:0 25px 70px rgba(31,17,8,.33);padding:26px;position:relative}.modal-close{position:absolute;left:18px;top:14px;border:0;background:#f0e7dc;width:35px;height:35px;border-radius:50%;font-size:23px}.modal-card h2{margin-top:0}.stack-form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid .wide{grid-column:1/-1}label{display:grid;gap:7px;font-weight:650;color:#51463d}input,select,textarea{border:1px solid #dcd1c5;border-radius:10px;background:white;padding:11px 12px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#9b6b46;box-shadow:0 0 0 3px rgba(155,107,70,.12)}.form-actions{display:flex;justify-content:flex-start;gap:10px;margin-top:8px}.form-error{color:#b44040;min-height:20px;margin:0}
.login-view{min-height:100vh;display:grid;place-items:center;padding:25px;background:linear-gradient(90deg,rgba(39,20,8,.48),rgba(248,239,227,.8)),repeating-linear-gradient(100deg,#5e361b 0 17px,#69401f 18px 32px,#573017 33px 48px)}.login-card{width:min(440px,94vw);padding:38px;border-radius:24px;background:rgba(255,253,248,.96);box-shadow:0 25px 80px rgba(25,13,5,.35);text-align:center}.login-card .brand-mark{margin:auto;color:var(--wood)}.brand-mark.large{width:72px;height:72px;font-size:42px}.login-card h1{margin:7px 0 10px;color:var(--wood)}.eyebrow{color:#9a6a3a;font-weight:800;letter-spacing:.04em}.login-card label{text-align:right}.login-card .primary-button{margin-top:5px;padding:13px}
.toast-region{position:fixed;left:24px;bottom:24px;z-index:130;display:grid;gap:10px}.toast{min-width:260px;max-width:420px;background:#263c34;color:white;border-radius:12px;padding:14px 17px;box-shadow:0 10px 30px rgba(0,0,0,.2);animation:toast-in .25s ease}.toast.error{background:#7e3030}@keyframes toast-in{from{transform:translateY(12px);opacity:0}}
.form-warning{background:#fff3d8;color:#7e591b;border:1px solid #edd8aa;border-radius:10px;padding:12px;margin:0}.notification-list{display:grid;gap:10px}.notification-row{display:flex;gap:14px;align-items:flex-start;padding:15px;border:1px solid var(--line);border-radius:12px}.notification-row.unread{background:#fff8e9;border-color:#e8cca0}.notification-row p{margin:5px 0;color:var(--muted)}.chat-layout{display:grid;grid-template-columns:250px 1fr;padding:0;overflow:hidden;min-height:560px}.chat-list{border-left:1px solid var(--line);padding:12px;display:grid;align-content:start;gap:8px}.chat-thread{border:0;background:transparent;border-radius:11px;padding:13px;text-align:right;color:var(--ink)}.chat-thread.active{background:#efe4d7;color:var(--wood)}.chat-thread small{display:block;color:var(--muted);margin-top:5px}.chat-room{display:grid;grid-template-rows:1fr auto;min-width:0}.chat-messages{max-height:500px;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:12px}.chat-message{align-self:flex-start;max-width:75%;background:#f0e8de;border-radius:14px 14px 14px 3px;padding:11px 14px}.chat-message.mine{align-self:flex-end;background:#dfeee9;border-radius:14px 14px 3px 14px}.chat-message p{margin:5px 0;white-space:pre-wrap}.chat-message small{color:var(--muted);font-size:.72rem}.chat-compose{display:flex;gap:10px;padding:15px;border-top:1px solid var(--line)}.chat-compose input{flex:1}.inline-action{text-decoration:none;display:inline-block;padding:7px 11px}.search-results{display:grid;gap:9px;margin-top:16px;max-height:55vh;overflow:auto}.search-result{display:flex;align-items:flex-start;gap:12px;padding:13px;border:1px solid var(--line);border-radius:11px}.search-result p{margin:4px 0 0;color:var(--muted)}
.report-period{display:flex;gap:10px;align-items:end}.report-period label{font-size:.78rem;color:var(--muted)}.report-period input{display:block;margin-top:5px}.report-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.report-choice{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px;text-align:right;color:var(--ink);display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.report-choice>span{font-size:1.65rem;grid-row:1/3}.report-choice small{color:var(--muted);margin-top:4px}.report-choice.active{border-color:var(--wood-light);box-shadow:0 0 0 2px color-mix(in srgb,var(--wood-light) 22%,transparent);background:#fffaf3}.approval-progress{display:inline-flex;align-items:center;gap:4px;background:#eee5d9;color:var(--wood);border-radius:999px;padding:5px 10px}.chat-members{padding:10px 18px;border-bottom:1px solid var(--line);font-size:.78rem;color:var(--muted)}.chat-room{grid-template-rows:auto 1fr auto}.chat-thread em{display:inline-block;background:#3d75c5;color:#fff;border-radius:999px;padding:2px 7px;font-style:normal}.chat-attachment{display:block;margin:8px 0;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:8px;color:#3d75c5;text-decoration:none}.chat-compose select{max-width:210px}
.barcode-controls{margin-bottom:22px}.barcode-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.barcode-label{background:white;color:#111;border:1px dashed #999;border-radius:8px;padding:14px;text-align:center;display:grid;gap:6px;break-inside:avoid}.barcode-label>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barcode-label>small{color:#555}.code39{direction:ltr;height:64px;display:flex;justify-content:center;align-items:stretch;overflow:hidden;margin:5px 0}.code39 i{display:block;flex:none}.code39 .bar{width:2px;background:#000}.code39 .space{width:2px;background:#fff}.code39 .wide{width:6px}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:50vh;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:12px}.permission-option{display:flex;grid-template-columns:none;align-items:flex-start;gap:9px;padding:9px;background:#f8f3ed;border-radius:9px}.permission-option input{margin-top:4px}.permission-option small{display:block;color:var(--muted);font-weight:400;direction:ltr;text-align:right}
.theme-dark-professional{--cream:#16191d;--paper:#22262c;--ink:#f0f0ee;--muted:#aeb4bb;--line:#393f46;--sidebar:#20242a}.theme-dark-professional .main-content{background:#181b20}.theme-dark-professional .panel,.theme-dark-professional .module-card,.theme-dark-professional .kpi-card,.theme-dark-professional .summary-box{background:#24282e}.theme-dark-professional input,.theme-dark-professional select{background:#191c21;color:white}.theme-professional-blue{--wood:#173d67;--wood-deep:#0d2742;--wood-light:#2f679d;--gold:#8fc7f2}.theme-modern-light{--wood:#38454b;--wood-deep:#263136;--wood-light:#607078;--gold:#c3e0d5}.theme-compact .module-card{min-height:165px}.theme-compact .module-icon{width:72px;height:72px;font-size:41px}

/* Central design tokens and complete theme definitions */
.theme-wood-classic{--primary-color:#4b2b18;--secondary-color:#7a4a29;--background-color:#f7f1e8;--surface-color:#fffdf9;--sidebar-background:#fbf4e8;--header-background:#3b210f;--text-primary:#28231f;--text-secondary:#7b746d;--border-color:#e7ded2;--card-shadow:0 10px 25px rgba(67,41,23,.10);--border-radius:17px}
.theme-modern-light{--primary-color:#326b62;--secondary-color:#4f8d82;--background-color:#f3f7f6;--surface-color:#fff;--sidebar-background:#f8fbfa;--header-background:#263c39;--text-primary:#20302d;--text-secondary:#687a76;--border-color:#dce7e4;--card-shadow:0 9px 24px rgba(31,65,58,.08);--border-radius:14px;--gold:#b8e0d7}
.theme-professional-blue{--primary-color:#174d7a;--secondary-color:#2f74ad;--background-color:#eef4f9;--surface-color:#fff;--sidebar-background:#f3f7fb;--header-background:#123b60;--text-primary:#172b3d;--text-secondary:#65788a;--border-color:#d7e2ec;--card-shadow:0 10px 26px rgba(20,63,99,.10);--border-radius:13px;--gold:#a9d5f5}
.theme-dark-professional{--primary-color:#4f91d8;--secondary-color:#6ba4df;--background-color:#15191e;--surface-color:#22272e;--sidebar-background:#1c2229;--header-background:#111820;--text-primary:#f2f5f7;--text-secondary:#aab5c0;--border-color:#38424d;--card-shadow:0 12px 30px rgba(0,0,0,.27);--border-radius:13px;--gold:#a8cef1}
.theme-compact{--primary-color:#4b2b18;--secondary-color:#755039;--background-color:#f4f1ed;--surface-color:#fff;--sidebar-background:#faf7f2;--header-background:#332116;--text-primary:#27231f;--text-secondary:#706a64;--border-color:#ddd7cf;--card-shadow:0 5px 15px rgba(48,35,25,.08);--border-radius:10px;--spacing-scale:.78;--topbar-h:62px;--sidebar-w:220px;--sidebar-expanded-w:220px}

.topbar{grid-template-columns:64px 1fr minmax(230px,1fr);background:linear-gradient(90deg,color-mix(in srgb,var(--header-background) 94%,#000),var(--header-background),color-mix(in srgb,var(--header-background) 88%,#000))}.header-toggle{grid-column:1;justify-self:start}.icon-button{width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:22px}.topbar-brand{grid-column:2;justify-self:center}.company-block{grid-column:3;justify-self:end}.window-actions{display:none!important}
.sidebar{justify-content:flex-start;background:linear-gradient(90deg,color-mix(in srgb,var(--sidebar-background) 94%,transparent),var(--sidebar-background));border-color:var(--border-color)}.sidebar nav{margin-top:10px}.sidebar-bottom{margin-top:auto}.sidebar-control{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-color);color:var(--text-secondary);font-weight:700}.sidebar-control:hover{color:var(--primary-color);border-color:var(--primary-color)}.app-shell.sidebar-mini .sidebar-control b{display:none}.app-shell.sidebar-mini .sidebar-control{padding:0}.app-shell.sidebar-hidden .sidebar-control{display:none}
.main-content{background:radial-gradient(circle at 25% 0,color-mix(in srgb,var(--surface-color) 82%,transparent),transparent 34%),var(--background-color)}.panel,.module-card,.kpi-card,.summary-box{background:var(--surface-color);border-color:var(--border-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow);color:var(--text-primary)}.module-card{background:linear-gradient(145deg,var(--surface-color),color-mix(in srgb,var(--surface-color) 92%,var(--background-color)))}.ghost-button{background:var(--surface-color);color:var(--primary-color);border-color:var(--border-color)}.primary-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.secondary-button{background:color-mix(in srgb,var(--primary-color) 11%,var(--surface-color));color:var(--primary-color)}
.data-table th{background:color-mix(in srgb,var(--primary-color) 9%,var(--surface-color));color:var(--text-primary)}.data-table td,.table-wrap{border-color:var(--border-color)}.data-table tbody tr:hover{background:color-mix(in srgb,var(--primary-color) 4%,var(--surface-color))}input,select,textarea{background:var(--surface-color);color:var(--text-primary);border-color:var(--border-color)}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 14%,transparent)}label{color:var(--text-primary)}
.module-icon{width:calc(96px * var(--icon-scale));height:calc(96px * var(--icon-scale));font-size:calc(53px * var(--icon-scale))}.kpi-icon{width:calc(62px * var(--icon-scale));height:calc(62px * var(--icon-scale));font-size:calc(32px * var(--icon-scale))}.main-module-grid{grid-template-columns:repeat(5,minmax(165px,1fr))}.main-module-grid .module-card{min-height:220px}.module-functions{grid-template-columns:repeat(4,minmax(170px,1fr))}.function-card{min-height:190px}.module-welcome{margin-bottom:25px}
.page-navigation{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:10px 12px;border:1px solid var(--border-color);border-radius:12px;background:color-mix(in srgb,var(--surface-color) 88%,transparent)}.back-button{border:0;border-radius:9px;padding:9px 14px;background:var(--primary-color);color:#fff;font-weight:750}.breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--text-secondary)}.breadcrumbs button{border:0;background:transparent;color:var(--primary-color);padding:5px;font-weight:700}.breadcrumbs b{color:var(--text-primary)}
.settings-form{display:grid;gap:15px}.settings-form>label{grid-template-columns:minmax(170px,.8fr) 1.2fr;align-items:center;padding:12px;border:1px solid var(--border-color);border-radius:11px}.color-setting>div,.switch-row{display:flex;align-items:center;gap:12px}.color-setting input[type=color]{width:70px;height:42px;padding:4px}.check-label{display:flex;align-items:center;gap:8px}.settings-note{margin:0}.date-value{display:inline-block;direction:ltr;unicode-bidi:isolate}.data-table td:has(.date-value){direction:ltr;text-align:right}input[type=date],input[type=datetime-local]{direction:ltr;text-align:left;unicode-bidi:isolate}
.theme-dark-professional .main-content{background:var(--background-color)}.theme-dark-professional .panel,.theme-dark-professional .module-card,.theme-dark-professional .kpi-card,.theme-dark-professional .summary-box{background:var(--surface-color)}.theme-dark-professional input,.theme-dark-professional select,.theme-dark-professional textarea{background:#191e24;color:var(--text-primary)}.theme-dark-professional .topbar-search{color:#dbeafb}.theme-dark-professional .eyebrow{color:var(--secondary-color)}.theme-dark-professional .nav-item{color:var(--text-primary)}.theme-dark-professional .nav-item.active{color:#fff;background:linear-gradient(135deg,#245f95,#173e65)}.theme-dark-professional .notification-row.unread,.theme-dark-professional .report-choice.active{background:#293747}.theme-dark-professional .chat-message{background:#303842}.theme-dark-professional .chat-message.mine{background:#21483f}.theme-dark-professional .permission-option{background:#293039}.theme-dark-professional .modal-close{background:#343c46;color:#fff}
.floating-chat-button{position:fixed;left:24px;bottom:24px;z-index:72;width:60px;height:60px;border:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--secondary-color),var(--primary-color));color:#fff;box-shadow:0 12px 30px color-mix(in srgb,var(--primary-color) 34%,transparent),0 3px 9px #0002;transition:transform .2s ease,box-shadow .2s ease;isolation:isolate}.floating-chat-button:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 16px 34px color-mix(in srgb,var(--primary-color) 42%,transparent),0 4px 12px #0003}.floating-chat-button:focus-visible{outline:3px solid color-mix(in srgb,var(--gold) 75%,white);outline-offset:3px}.floating-chat-button svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.floating-chat-badge{position:absolute;right:-3px;top:-4px;min-width:23px;height:23px;padding:0 6px;border:2px solid var(--surface-color);border-radius:999px;display:grid;place-items:center;background:#d94343;color:#fff;font-size:.72rem;font-style:normal;font-weight:800;line-height:1}.chat-drawer{position:fixed;z-index:71;left:20px;top:calc(var(--topbar-h) + 14px);bottom:96px;width:min(380px,calc(100vw - 40px));display:grid;grid-template-rows:auto auto auto 1fr auto;background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 22px 65px #0004;overflow:hidden;transform:translateX(calc(-100% - 35px));opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s ease,opacity .2s ease,visibility .2s}.chat-drawer.open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}.chat-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 12px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 12%,var(--surface-color)),var(--surface-color));border-bottom:1px solid var(--border-color)}.chat-drawer-header h2{margin:2px 0 0}.chat-drawer-header small{color:var(--text-secondary)}.chat-drawer-search{padding:12px 14px 7px}.chat-drawer-search input{width:100%}.chat-drawer-filters{display:flex;gap:6px;padding:4px 14px 10px;overflow:auto}.chat-drawer-filters button{white-space:nowrap;border:1px solid var(--border-color);border-radius:999px;padding:6px 10px;background:var(--surface-color);color:var(--text-secondary);font-size:.78rem}.chat-drawer-filters button.active{background:color-mix(in srgb,var(--primary-color) 13%,var(--surface-color));border-color:var(--primary-color);color:var(--primary-color);font-weight:700}.chat-drawer-list{overflow:auto;padding:4px 12px 12px}.chat-drawer-thread{width:100%;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--border-color);padding:12px 5px;background:transparent;color:var(--text-primary);text-align:right}.chat-drawer-thread:hover{background:color-mix(in srgb,var(--primary-color) 5%,var(--surface-color))}.chat-drawer-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--primary-color) 12%,var(--surface-color));font-size:1.2rem}.chat-drawer-thread span{min-width:0}.chat-drawer-thread strong,.chat-drawer-thread small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-drawer-thread small{color:var(--text-secondary);margin-top:4px;font-size:.72rem}.chat-drawer-thread em{min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;background:#d94343;color:#fff;border-radius:999px;font-style:normal;font-size:.7rem}.chat-drawer-footer{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--border-color)}.chat-drawer-footer>*{flex:1}.chat-drawer-backdrop{display:none}.chat-reply-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:color-mix(in srgb,var(--primary-color) 8%,var(--surface-color));border-right:3px solid var(--primary-color);border-radius:9px;color:var(--text-secondary);font-size:.8rem}.chat-quoted{margin:7px 0;padding:7px 9px;border-right:3px solid var(--primary-color);background:color-mix(in srgb,var(--primary-color) 7%,transparent);border-radius:7px;font-size:.78rem;color:var(--text-secondary)}.chat-message-actions{display:flex;gap:5px;margin-top:7px}.chat-message-actions button{border:0;background:transparent;color:var(--primary-color);padding:3px 5px;font-size:.72rem}.chat-search{min-width:220px}.chat-compose-actions{display:flex;gap:7px;align-items:center}.chat-compose{flex-wrap:wrap}.chat-compose .chat-reply-preview{width:100%}.chat-compose input[name="body"]{min-width:220px}.chat-upload-button{white-space:nowrap}
.theme-compact .page-root{padding:20px 24px}.theme-compact .module-card{min-height:150px;gap:10px}.theme-compact .module-icon{width:calc(68px * var(--icon-scale));height:calc(68px * var(--icon-scale));font-size:calc(37px * var(--icon-scale))}.theme-compact .kpi-card{min-height:118px;padding:13px}.theme-compact .nav-item{min-height:47px}.theme-compact .panel{padding:15px}.theme-compact .data-table td{padding:9px}.theme-compact .data-table th{padding:9px}
@media(max-width:1250px){.module-grid{grid-template-columns:repeat(4,1fr)}.kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--sidebar-w:88px}.app-shell{--sidebar-w:88px}.sidebar .nav-item{grid-template-columns:1fr;padding:0}.sidebar .nav-item b,.sidebar .nav-item em{display:none}.topbar{grid-template-columns:auto 1fr auto;padding:0 14px}.window-actions{display:none}.header-toggle{display:grid}.topbar-brand span:last-child{display:none}.company-block span:last-child{display:none}.page-root{padding:22px 18px}.module-grid{grid-template-columns:repeat(3,1fr)}.report-grid{grid-template-columns:1fr}.report-picker{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){:root{--sidebar-w:0}.app-shell{--sidebar-w:0;--sidebar-expanded-w:245px}.sidebar{width:245px;transform:translateX(105%);opacity:0;visibility:hidden;pointer-events:none}.app-shell.mobile-sidebar-open .sidebar{transform:translateX(0);width:245px;opacity:1;visibility:visible;pointer-events:auto}.app-shell.mobile-sidebar-open .sidebar .nav-item{grid-template-columns:42px 1fr auto;padding:0 15px}.app-shell.mobile-sidebar-open .sidebar .nav-item b,.app-shell.mobile-sidebar-open .sidebar .nav-item em{display:block}.topbar-brand strong{font-size:1rem}.brand-mark{width:34px;height:34px}.kpi-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,1fr);gap:10px}.module-card{min-height:170px}.module-icon{width:75px;height:75px;font-size:42px}.welcome{display:grid;gap:15px}.form-grid,.summary-row{grid-template-columns:1fr}.data-table{min-width:700px}}
@media(max-width:640px){.chat-layout{grid-template-columns:1fr}.chat-list{border-left:0;border-bottom:1px solid var(--line);grid-auto-flow:column;overflow:auto}.chat-thread{min-width:170px}.chat-messages{max-height:420px}.chat-message{max-width:90%}.chat-compose{flex-wrap:wrap}.chat-compose input{min-width:100%}.chat-compose select{max-width:none;flex:1}.report-picker{grid-template-columns:1fr}.report-period{width:100%;flex-wrap:wrap}}
@media(max-width:640px){.floating-chat-button{left:18px;bottom:18px;width:56px;height:56px}.chat-drawer{left:10px;right:10px;top:calc(var(--topbar-h) + 8px);bottom:84px;width:auto}.chat-drawer-backdrop.active{display:block;position:fixed;inset:var(--topbar-h) 0 0;z-index:70;background:#0005}.chat-drawer-footer{flex-direction:column}.chat-compose-actions{width:100%}.chat-compose-actions>*{flex:1}.chat-search{width:100%}}
@media(max-width:640px){.permission-grid{grid-template-columns:1fr}.row-actions{white-space:normal;flex-wrap:wrap}}
@media(max-width:640px){.settings-form>label{grid-template-columns:1fr}.page-navigation{align-items:flex-start;flex-direction:column}.main-module-grid,.module-functions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.topbar,.sidebar,.page-actions,.toolbar,.barcode-controls,.welcome{display:none!important}.main-content{margin:0}.page-root{padding:0}.panel{box-shadow:none;border:0}.barcode-sheet{grid-template-columns:repeat(3,1fr);gap:5mm}.barcode-label{min-height:42mm}}
.summary-strip{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0;padding:12px;border:1px solid var(--border,#ded3c7);border-radius:12px;background:var(--surface-soft,#f8f3ed)}.summary-strip span{display:flex;gap:8px;align-items:center}.summary-strip b{color:var(--primary,#754321)}
.variant-table .secondary-button{white-space:nowrap;min-width:112px}
.variant-table td:first-child{white-space:nowrap}

/* Settlement workspace */
.dispatch-button{border:1px solid color-mix(in srgb,#b77938 45%,var(--border-color));border-radius:9px;background:color-mix(in srgb,#d7a15c 14%,var(--surface-color));color:color-mix(in srgb,#7c441d 80%,var(--text-primary));font-weight:800;text-decoration:none}
.settlement-welcome{align-items:center;margin-bottom:16px}.settlement-welcome h1{font-size:2.15rem;letter-spacing:-.04em}.settlement-balance-card{max-width:760px;margin:0 auto 16px;min-height:164px;display:grid;grid-template-columns:95px 1fr auto;align-items:center;gap:24px;padding:24px 28px;border:1px solid color-mix(in srgb,#c7985e 42%,var(--border-color));border-radius:18px;background:color-mix(in srgb,#f4d5a4 25%,var(--surface-color));box-shadow:0 8px 24px color-mix(in srgb,var(--primary-color) 10%,transparent);position:relative;overflow:hidden}.settlement-balance-card:after{content:"";position:absolute;right:0;left:0;bottom:0;height:3px;background:color-mix(in srgb,#b77636 68%,var(--primary-color))}.balance-orbit{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:var(--surface-color);border:1px solid color-mix(in srgb,#c7985e 45%,var(--border-color));box-shadow:0 8px 20px color-mix(in srgb,#72451d 12%,transparent);color:#8b572b;font-weight:900}.balance-orbit span{width:50px;height:50px;border:1px dashed currentColor;border-radius:50%;display:grid;place-items:center}.settlement-balance-card small{color:var(--text-secondary);font-weight:700}.settlement-balance-card strong{display:block;font-size:2.15rem;color:var(--text-primary);line-height:1.35}.settlement-balance-card strong small{font-size:.78rem}.settlement-balance-card p{margin:5px 0 0;color:var(--text-secondary)}.balance-status{display:inline-block;border-radius:7px;padding:3px 9px;background:color-mix(in srgb,#1f8b68 12%,var(--surface-color));color:#177154;font-size:.78rem;font-weight:800}.settlement-balance-card.credit .balance-status{background:color-mix(in srgb,#b54b41 12%,var(--surface-color));color:#a13d35}.settlement-balance-card dl{min-width:195px;margin:0;padding-right:22px;border-right:1px solid color-mix(in srgb,#a97847 35%,var(--border-color));display:grid;gap:10px}.settlement-balance-card dl div{display:flex;justify-content:space-between;gap:16px}.settlement-balance-card dt{color:var(--text-secondary)}.settlement-balance-card dd{margin:0;font-weight:800}.settlement-balance-card dd small{font-size:.66rem}
.settlement-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 15px}.settlement-summary article{position:relative;min-height:91px;padding:15px 16px;border:1px solid var(--border-color);border-radius:14px;background:var(--surface-color);box-shadow:0 4px 15px color-mix(in srgb,var(--primary-color) 5%,transparent);overflow:hidden}.settlement-summary article>span{position:absolute;left:13px;top:12px;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary-color) 8%,var(--surface-color));color:var(--primary-color);font-size:1.12rem}.settlement-summary article small{display:block;color:var(--text-secondary);padding-left:31px}.settlement-summary article strong{display:block;margin-top:9px;font-size:1.18rem}.settlement-summary article strong small{display:inline;font-size:.68rem}.settlement-summary .summary-in{border-bottom:2px solid #2d8a68}.settlement-summary .summary-in>span{color:#197052;background:color-mix(in srgb,#2d8a68 12%,var(--surface-color))}.settlement-summary .summary-out{border-bottom:2px solid #b64f47}.settlement-summary .summary-out>span{color:#a33e37;background:color-mix(in srgb,#b64f47 12%,var(--surface-color))}.settlement-summary .summary-date{font-size:.92rem;line-height:1.5}
.settlement-actions{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:8px;margin-bottom:15px}.settlement-actions button{min-height:60px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color);color:var(--text-primary);font-weight:800;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.settlement-actions button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary-color) 42%,var(--border-color));box-shadow:0 6px 16px color-mix(in srgb,var(--primary-color) 8%,transparent)}.settlement-actions button:focus-visible{outline:3px solid color-mix(in srgb,var(--primary-color) 24%,transparent);outline-offset:2px}.settlement-actions button span{font-size:1.2rem;color:var(--primary-color)}.settlement-actions .settlement-add-main{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.settlement-actions .settlement-add-main span{color:#fff}.settlement-actions button:first-child{color:#176e52;border-color:color-mix(in srgb,#2d8a68 32%,var(--border-color))}.settlement-actions button:nth-child(2),.settlement-actions button:nth-child(3){color:#9a3e37;border-color:color-mix(in srgb,#b64f47 30%,var(--border-color))}
.settlement-filter-panel{margin-bottom:15px;padding:14px 16px;border:1px solid var(--border-color);border-radius:14px;background:color-mix(in srgb,var(--surface-color) 92%,var(--background-color));box-shadow:0 3px 13px color-mix(in srgb,var(--primary-color) 4%,transparent)}.quick-period{display:flex;gap:5px;margin-bottom:12px}.quick-period button{border:1px solid var(--border-color);border-radius:8px;padding:7px 13px;background:var(--surface-color);color:var(--text-secondary);font-weight:700}.quick-period button.active{background:color-mix(in srgb,var(--primary-color) 11%,var(--surface-color));border-color:var(--primary-color);color:var(--primary-color)}.settlement-filter-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px;align-items:end}.settlement-filter-grid label{font-size:.78rem}.settlement-filter-grid input,.settlement-filter-grid select{width:100%;min-width:0;padding:9px}.settlement-search{grid-column:span 2}.settlement-filter-buttons{display:flex;gap:6px}.settlement-filter-buttons button{padding:10px 13px;white-space:nowrap}
.settlement-ledgers{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.settlement-ledger{min-width:0;border:1px solid var(--border-color);border-radius:16px;background:var(--surface-color);box-shadow:0 5px 18px color-mix(in srgb,var(--primary-color) 6%,transparent);overflow:hidden}.settlement-ledger>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-color)}.settlement-ledger>header h2{margin:4px 0 0;font-size:1.35rem}.settlement-ledger>header small{color:var(--text-secondary)}.settlement-ledger>header small b{margin-right:5px;color:var(--text-primary)}.settlement-ledger>header>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;font-weight:900}.settlement-ledger.inbound>header{border-top:3px solid #2b8b68}.settlement-ledger.inbound>header h2{color:#187052}.settlement-ledger.inbound>header>span{color:#187052;background:color-mix(in srgb,#2b8b68 11%,var(--surface-color))}.settlement-ledger.outbound>header{border-top:3px solid #b34c45}.settlement-ledger.outbound>header h2{color:#9d3c36}.settlement-ledger.outbound>header>span{color:#9d3c36;background:color-mix(in srgb,#b34c45 11%,var(--surface-color))}.settlement-table-wrap{max-height:525px;overflow:auto}.settlement-table-wrap table{width:100%;min-width:790px;border-collapse:collapse}.settlement-table-wrap th{position:sticky;top:0;z-index:1;padding:11px 9px;background:color-mix(in srgb,var(--primary-color) 7%,var(--surface-color));border-bottom:1px solid var(--border-color);text-align:right;color:var(--text-secondary);font-size:.76rem;white-space:nowrap}.settlement-table-wrap td{padding:11px 9px;border-bottom:1px solid var(--border-color);font-size:.8rem;vertical-align:middle}.settlement-table-wrap td:nth-child(4){max-width:195px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settlement-table-wrap tbody tr:hover{background:color-mix(in srgb,var(--primary-color) 3%,var(--surface-color))}.settlement-ledger.inbound tbody td:last-child b,.settlement-ledger.inbound>footer b{color:#187052}.settlement-ledger.outbound tbody td:last-child b,.settlement-ledger.outbound>footer b{color:#a23e37}.settlement-table-wrap td:last-child{white-space:nowrap}.movement-badge{display:inline-block;border-radius:6px;padding:4px 7px;background:color-mix(in srgb,var(--primary-color) 7%,var(--surface-color));white-space:nowrap}.settlement-ledger>footer{position:relative;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:color-mix(in srgb,var(--background-color) 55%,var(--surface-color));border-top:1px solid var(--border-color);font-weight:800}.settlement-ledger>footer b{font-size:1.08rem}.settlement-ledger>footer b small{font-size:.68rem}.settlement-empty{min-height:245px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:var(--text-secondary);padding:30px}.settlement-empty span{width:52px;height:52px;border:1px dashed var(--border-color);border-radius:50%;display:grid;place-items:center;font-size:1.45rem}.settlement-empty b{color:var(--text-primary)}.settlement-limit-note{margin:0;padding:9px 12px;background:color-mix(in srgb,#d89d4a 10%,var(--surface-color));color:var(--text-secondary);font-size:.73rem}.settlement-loading,.settlement-error{min-height:440px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:var(--text-secondary)}.settlement-loading b,.settlement-error h2{color:var(--text-primary);margin:0}.settlement-loader-mark{font-size:3rem;color:var(--primary-color);animation:settlement-spin 1.1s linear infinite}.settlement-error>span{font-size:2.8rem;color:#ad493f}.settlement-error p{margin:0 0 8px}@keyframes settlement-spin{to{transform:rotate(360deg)}}
@media(min-width:901px) and (max-width:1599px){.settlement-table-wrap table{min-width:0;table-layout:fixed}.settlement-table-wrap th,.settlement-table-wrap td{padding-right:6px;padding-left:6px;font-size:.72rem}.settlement-table-wrap th:nth-child(1),.settlement-table-wrap td:nth-child(1){width:104px}.settlement-table-wrap th:nth-child(2),.settlement-table-wrap td:nth-child(2){width:82px}.settlement-table-wrap th:nth-child(3),.settlement-table-wrap td:nth-child(3){width:82px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settlement-table-wrap th:nth-child(5),.settlement-table-wrap td:nth-child(5){width:62px}.settlement-table-wrap th:nth-child(6),.settlement-table-wrap td:nth-child(6){display:none}.settlement-table-wrap th:nth-child(7),.settlement-table-wrap td:nth-child(7){width:88px}}
.settlement-modal-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.settlement-modal-head>span{width:49px;height:49px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary-color) 10%,var(--surface-color));color:var(--primary-color);font-size:1.35rem}.settlement-modal-head small{color:var(--text-secondary)}.settlement-modal-head h2{margin:2px 0 0}.settlement-modal-head+form textarea{resize:vertical}.settlement-modal-head+form button:disabled{opacity:.55;cursor:wait}
.theme-dark-professional .balance-status{color:#75d5b4}.theme-dark-professional .settlement-ledger.inbound>header h2,.theme-dark-professional .settlement-ledger.inbound tbody td:last-child b,.theme-dark-professional .settlement-ledger.inbound>footer b{color:#68c7a6}.theme-dark-professional .settlement-ledger.outbound>header h2,.theme-dark-professional .settlement-ledger.outbound tbody td:last-child b,.theme-dark-professional .settlement-ledger.outbound>footer b{color:#ef8b83}.theme-dark-professional .dispatch-button{color:#efc184}
@media(max-width:1200px){.settlement-summary{grid-template-columns:repeat(3,1fr)}.settlement-actions{grid-template-columns:repeat(3,1fr)}.settlement-filter-grid{grid-template-columns:repeat(4,1fr)}.settlement-search{grid-column:span 2}.settlement-filter-buttons{grid-column:span 2}}
@media(max-width:900px){.settlement-balance-card{max-width:none}.settlement-ledgers{grid-template-columns:1fr}.settlement-ledger.inbound{order:1}.settlement-ledger.outbound{order:2}.settlement-table-wrap{max-height:440px}.settlement-filter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.settlement-welcome{gap:13px}.settlement-welcome .page-actions>*{flex:1}.settlement-balance-card{grid-template-columns:66px 1fr;padding:18px;gap:13px}.balance-orbit{width:62px;height:62px}.balance-orbit span{width:42px;height:42px}.settlement-balance-card strong{font-size:1.55rem}.settlement-balance-card dl{grid-column:1/-1;border-right:0;border-top:1px solid var(--border-color);padding:13px 0 0}.settlement-summary{grid-template-columns:1fr 1fr}.settlement-summary article:last-child{grid-column:1/-1}.settlement-actions{grid-template-columns:1fr 1fr}.settlement-actions button{min-height:57px;font-size:.78rem}.settlement-filter-grid{grid-template-columns:1fr}.settlement-search,.settlement-filter-buttons{grid-column:auto}.settlement-filter-buttons>*{flex:1}.settlement-ledgers{gap:11px}.quick-period>*{flex:1}.settlement-table-wrap{max-height:none}.settlement-table-wrap table{min-width:720px}}
@media(prefers-reduced-motion:reduce){.settlement-actions button{transition:none}.settlement-loader-mark{animation:none}}

/* Final readability and small-screen header polish. */
.settlement-table-wrap td{font-size:.84rem;line-height:1.55}
@media(min-width:901px) and (max-width:1599px){.settlement-table-wrap th,.settlement-table-wrap td{font-size:.76rem}}
@media(max-width:640px){.topbar{grid-template-columns:44px minmax(0,1fr) auto;gap:6px;padding:0 10px}.topbar-brand{min-width:0;gap:7px}.topbar-brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-block{gap:6px}.company-block .avatar{width:38px;height:38px;font-size:19px}.topbar-search{display:none}}

/* Unified invoice workspace */
.invoice-modal-card{width:min(1180px,97vw);padding:0;overflow:auto;border-radius:16px}.invoice-modal-card>.modal-close{z-index:3;top:16px;left:18px}.invoice-modal-card #modal-content{min-width:0}.invoice-workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 30px 20px;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--surface-color) 95%,#c18a52)}.invoice-workspace-head h2{font-size:1.65rem;margin:3px 0 5px}.invoice-workspace-head p{margin:0;color:var(--text-secondary)}.server-trust{margin-left:48px;padding:7px 10px;border-radius:8px;background:color-mix(in srgb,#268660 12%,var(--surface-color));color:#1c7353;font-size:.78rem;font-weight:800;white-space:nowrap}.invoice-workspace{padding:22px 30px 28px;display:grid;gap:16px;background:var(--background-color)}.invoice-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:15px;border:1px solid var(--border-color);border-radius:13px;background:var(--surface-color)}.invoice-meta-grid label,.invoice-adjustments label{font-size:.78rem}.line-editor{border:1px solid color-mix(in srgb,#ae7643 36%,var(--border-color));border-radius:15px;background:var(--surface-color);overflow:hidden;box-shadow:0 4px 15px color-mix(in srgb,var(--primary-color) 5%,transparent)}.line-editor>header,.invoice-basket>header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-color)}.line-editor h3,.invoice-basket h3{margin:2px 0 0}.line-editor header small,.invoice-basket header small{color:var(--text-secondary)}#line-kind-badge{border-radius:8px;padding:6px 10px;font-size:.76rem;font-weight:800}#line-kind-badge.dimensioned{background:color-mix(in srgb,#ae7643 13%,var(--surface-color));color:#805027}#line-kind-badge.bundle{background:color-mix(in srgb,#d89a32 15%,var(--surface-color));color:#8b5a12}.item-picker{padding:15px 18px 0}.item-picker select{width:100%;font-weight:700}.line-input-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr auto;gap:11px;align-items:end;padding:13px 18px 17px}.dimension-readout{min-height:65px;padding:10px 12px;border:1px solid var(--border-color);border-radius:11px;background:var(--background-color);display:grid;align-content:center;gap:3px}.dimension-readout small{color:var(--text-secondary)}.dimension-readout b{font-size:.86rem}.line-input-grid input{font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums}.add-line-button{min-height:45px;background:#246fbd;border-color:#246fbd;white-space:nowrap}.calculation-rail{display:flex;align-items:stretch;justify-content:center;gap:7px;padding:12px 18px;background:color-mix(in srgb,#265f9f 6%,var(--surface-color));border-top:1px solid var(--border-color);direction:rtl}.calculation-rail span{min-width:150px;display:grid;gap:4px;padding:8px 12px}.calculation-rail small{color:var(--text-secondary);font-size:.73rem}.calculation-rail b{font-size:1rem;font-variant-numeric:tabular-nums}.calculation-rail i{align-self:center;color:var(--text-secondary);font-style:normal}.calculation-rail .rail-total{border-right:2px solid #246fbd;background:color-mix(in srgb,#246fbd 8%,var(--surface-color));border-radius:8px}.calculation-rail .rail-total b{color:#155d9f}.invoice-basket{border:1px solid var(--border-color);border-radius:15px;background:var(--surface-color);overflow:hidden}.invoice-basket>header>b{color:var(--text-secondary);font-size:.8rem}.basket-empty{min-height:130px;display:grid;place-items:center;align-content:center;gap:4px;color:var(--text-secondary)}.basket-empty>span{font-size:1.8rem;color:#246fbd}.basket-empty b{color:var(--text-primary)}.basket-table-wrap{overflow:auto}.basket-table{width:100%;border-collapse:collapse;min-width:780px}.basket-table th,.basket-table td{padding:11px 13px;text-align:right;border-bottom:1px solid var(--border-color);font-size:.82rem}.basket-table th{color:var(--text-secondary);background:color-mix(in srgb,var(--background-color) 65%,var(--surface-color))}.basket-table td small{display:block;color:var(--text-secondary);margin-top:3px}.basket-table tbody tr:hover{background:color-mix(in srgb,#246fbd 3%,var(--surface-color))}.unit-chip{display:inline-block;padding:4px 8px;border-radius:7px;font-weight:800}.unit-chip.dimensioned{color:#155d9f;background:color-mix(in srgb,#246fbd 10%,var(--surface-color))}.unit-chip.bundle{color:#8b5a12;background:color-mix(in srgb,#d89a32 15%,var(--surface-color))}.remove-line{width:32px;height:32px;border:1px solid color-mix(in srgb,#bd4848 30%,var(--border-color));border-radius:8px;background:color-mix(in srgb,#bd4848 8%,var(--surface-color));color:#ad3636;font-size:1.15rem}.invoice-settlement{display:grid;grid-template-columns:1.5fr 1fr;gap:13px}.invoice-adjustments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px;border:1px solid var(--border-color);border-radius:13px;background:var(--surface-color)}.invoice-grand{display:grid;grid-template-columns:1fr 1.3fr;border:1px solid var(--border-color);border-radius:13px;background:var(--surface-color);overflow:hidden}.invoice-grand span{display:grid;align-content:center;gap:4px;padding:16px;border-left:1px solid var(--border-color)}.invoice-grand span:last-child{border-left:0;background:color-mix(in srgb,#246fbd 7%,var(--surface-color))}.invoice-grand small{color:var(--text-secondary)}.invoice-grand strong{font-size:1.24rem;color:#155d9f;font-variant-numeric:tabular-nums}.invoice-workspace-actions{display:flex;align-items:center;gap:9px}.invoice-workspace-actions .form-error{flex:1}.invoice-post-button{min-height:49px;padding-inline:24px;background:#246fbd;border-color:#246fbd}.invoice-post-button:hover,.add-line-button:hover{background:#195f9f}.invoice-post-button:disabled{opacity:.55;cursor:wait}.item-type-choice{padding:12px;border:1px solid color-mix(in srgb,#ae7643 35%,var(--border-color));border-radius:11px;background:color-mix(in srgb,#ae7643 6%,var(--surface-color))}.item-type-choice small{color:var(--text-secondary);font-weight:500}input[readonly],select:disabled{background:color-mix(in srgb,var(--background-color) 75%,var(--surface-color));color:var(--text-secondary);cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,#246fbd 26%,transparent);outline-offset:2px}
@media(max-width:1024px){.invoice-meta-grid{grid-template-columns:repeat(2,1fr)}.line-input-grid{grid-template-columns:1fr 1fr}.dimension-readout{grid-column:1/-1}.add-line-button{min-height:48px}.calculation-rail{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr}.calculation-rail span{min-width:0}.invoice-settlement{grid-template-columns:1fr}.invoice-adjustments{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.modal-backdrop{padding:0;align-items:stretch}.invoice-modal-card{width:100vw;max-height:100vh;border-radius:0}.invoice-workspace-head{padding:20px 18px 15px}.server-trust{margin-left:35px}.invoice-workspace{padding:14px;gap:12px}.invoice-meta-grid,.line-input-grid,.invoice-adjustments{grid-template-columns:1fr}.line-input-grid{padding:12px}.dimension-readout{grid-column:auto}.calculation-rail{grid-template-columns:1fr 1fr;gap:5px}.calculation-rail i{display:none}.calculation-rail span{padding:7px}.invoice-grand{grid-template-columns:1fr}.invoice-grand span{border-left:0;border-bottom:1px solid var(--border-color)}.invoice-workspace-actions{flex-wrap:wrap}.invoice-workspace-actions button{flex:1}.invoice-workspace-actions .form-error{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.basket-table tbody tr,.invoice-post-button,.add-line-button{transition:none}}
.item-cascade{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:11px;padding:15px 18px 0}.item-cascade select{width:100%;font-weight:700}.item-cascade label[hidden]{display:none!important}
@media(max-width:640px){.item-cascade{grid-template-columns:1fr;padding:12px 12px 0}.calculation-rail{display:grid!important;grid-template-columns:1fr 1fr!important}}
@media(max-width:640px){.line-editor>header{flex-direction:column;align-items:flex-start;gap:9px}.line-editor>header h3{font-size:1rem;line-height:1.55;padding-left:0}.line-editor>header #line-kind-badge{align-self:flex-start;max-width:100%;white-space:normal}.basket-table-wrap{overflow:visible;padding:10px}.basket-table{display:block;min-width:0}.basket-table thead{display:none}.basket-table tbody{display:grid;gap:10px}.basket-table tr{display:grid;padding:10px 12px;border:1px solid var(--border-color);border-radius:11px;background:var(--surface-color);box-shadow:0 3px 10px color-mix(in srgb,var(--primary-color) 5%,transparent)}.basket-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-color);text-align:left}.basket-table td:before{content:attr(data-label);color:var(--text-secondary);font-size:.72rem;font-weight:700;text-align:right}.basket-table td:first-child{align-items:flex-start}.basket-table td:first-child>b{margin-right:auto}.basket-table td:first-child small{margin:2px 6px 0 0}.basket-table .basket-line-total{font-size:1rem;color:#155d9f}.basket-table .basket-line-action{border-bottom:0;padding-bottom:0}.basket-table .remove-line{width:auto;min-width:88px;padding:6px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.basket-table .remove-line span{font-size:.76rem;font-weight:800}}

/* Workflow expansion: quick-create invoice sheets, payments and managed master data. */
.invoice-workspace-head .eyebrow{color:var(--text-primary)}.field-with-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;min-width:0}.field-with-action>label{min-width:0}.inline-create{min-height:42px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--primary-color) 34%,var(--border-color));border-radius:9px;background:color-mix(in srgb,var(--primary-color) 6%,var(--surface-color));color:var(--primary-color);font-weight:800;white-space:nowrap}.inline-create:hover{background:color-mix(in srgb,var(--primary-color) 11%,var(--surface-color));transform:translateY(-1px)}.item-cascade>.field-with-action{grid-template-columns:minmax(0,1fr) auto}.item-cascade>.field-with-action label{font-size:.78rem}.item-cascade>.field-with-action select{width:100%;font-weight:700}
.quick-sheet-layer{position:fixed;inset:0;z-index:20;display:flex;justify-content:flex-start;direction:rtl}.quick-sheet-scrim{position:absolute;inset:0;border:0;background:color-mix(in srgb,#17202a 52%,transparent);cursor:default}.quick-sheet{position:relative;width:min(510px,92vw);height:100%;overflow:auto;padding:25px 24px;background:var(--surface-color);border-right:1px solid var(--border-color);box-shadow:18px 0 48px rgba(20,25,31,.28);animation:quick-sheet-in .2s ease-out}.quick-sheet>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid var(--border-color)}.quick-sheet>header h3{margin:2px 0 5px;font-size:1.35rem}.quick-sheet>header p{margin:0;color:var(--text-secondary);line-height:1.6}.quick-sheet>header .eyebrow{margin-bottom:3px;color:var(--primary-color);font-weight:800}.quick-sheet-form{align-items:start}.quick-sheet-form .form-actions{position:sticky;bottom:-25px;padding:13px 0 24px;background:var(--surface-color);border-top:1px solid var(--border-color)}@keyframes quick-sheet-in{from{transform:translateX(28px);opacity:.75}to{transform:none;opacity:1}}
.invoice-settlement.enhanced{grid-template-columns:1.35fr 1fr}.invoice-payment-panel{border:1px solid var(--border-color);border-radius:14px;background:var(--surface-color);overflow:hidden}.invoice-payment-panel>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 17px;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--primary-color) 4%,var(--surface-color))}.invoice-payment-panel>header h3{margin:2px 0 0}.invoice-payment-panel>header small,.invoice-payment-panel>header span{color:var(--text-secondary)}.payment-main-grid,.payment-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:14px 17px}.payment-detail-grid:empty{display:none}.payment-main-grid+ .payment-detail-grid{padding-top:0}.optional,.allocation-details label small{color:var(--text-secondary);font-size:.68rem;font-weight:500}.allocation-rows{display:grid;gap:10px;padding:0 17px 12px}.allocation-row{padding:12px;border:1px solid var(--border-color);border-right:3px solid color-mix(in srgb,var(--primary-color) 56%,var(--border-color));border-radius:10px;background:color-mix(in srgb,var(--background-color) 55%,var(--surface-color))}.allocation-row-main{display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,.65fr) auto;gap:9px;align-items:end}.allocation-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px}.remove-allocation{min-height:42px;border:1px solid color-mix(in srgb,#b94b4b 35%,var(--border-color));border-radius:8px;background:color-mix(in srgb,#b94b4b 7%,var(--surface-color));color:#a43c3c;font-weight:800}.remove-allocation:disabled{opacity:.35}.allocation-add{margin:0 17px 14px}.payment-totals{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border-color);background:color-mix(in srgb,var(--background-color) 65%,var(--surface-color))}.payment-totals span{display:grid;gap:3px;padding:12px 16px;border-left:1px solid var(--border-color)}.payment-totals span:last-child{border-left:0}.payment-totals small{color:var(--text-secondary)}.payment-totals b{font-variant-numeric:tabular-nums}.payment-totals .matched b{color:#217354}.payment-totals .has-difference b{color:#af3d3d}#payment-validation{margin:0;padding:0 17px 14px}
.managed-form-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:19px}.managed-form-head>span{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--primary-color) 18%,var(--border-color));border-radius:12px;background:color-mix(in srgb,var(--primary-color) 7%,var(--surface-color));font-size:1.35rem}.managed-form-head h2{margin:2px 0 5px}.managed-form-head p{margin:0;color:var(--text-secondary)}.transfer-type-choice{padding:12px;border:1px solid color-mix(in srgb,var(--primary-color) 22%,var(--border-color));border-radius:11px;background:color-mix(in srgb,var(--primary-color) 4%,var(--surface-color))}.transfer-type-choice small{color:var(--text-secondary);font-weight:500}.role-chip,.default-marker{display:inline-flex;align-items:center;min-height:27px;padding:3px 8px;border-radius:7px;font-size:.74rem;font-weight:800}.role-chip{color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 9%,var(--surface-color))}.role-chip.supplier{color:#866025;background:color-mix(in srgb,#b67a25 11%,var(--surface-color))}.role-chip.both{color:#28765e;background:color-mix(in srgb,#23805f 10%,var(--surface-color))}.default-marker{color:#8d6422;background:color-mix(in srgb,#c18a35 13%,var(--surface-color))}.net-position{display:grid;gap:2px}.net-position small{font-size:.68rem;color:var(--text-secondary)}.net-position.receivable b{color:#217354}.net-position.payable b{color:#b04545}.net-position.balanced b{color:var(--text-secondary)}
.detail-welcome{align-items:center}.net-callout{min-width:180px;padding:13px 17px;border:1px solid var(--border-color);border-right:4px solid var(--text-secondary);border-radius:11px;background:var(--surface-color);display:grid;gap:2px}.net-callout small{color:var(--text-secondary)}.net-callout strong{font-size:1.05rem}.net-callout b{font-size:1.2rem}.net-callout.receivable{border-right-color:#278061}.net-callout.receivable strong,.net-callout.receivable b{color:#217354}.net-callout.payable{border-right-color:#b94b4b}.net-callout.payable strong,.net-callout.payable b{color:#a83e3e}.detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.detail-metrics.three{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-metric{display:grid;grid-template-columns:36px 1fr;gap:1px 10px;align-items:center;padding:14px;border:1px solid var(--border-color);border-radius:11px;background:var(--surface-color)}.detail-metric>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--text-secondary) 8%,var(--surface-color));font-weight:900}.detail-metric small{color:var(--text-secondary)}.detail-metric strong{font-size:1rem}.detail-metric.in>span{color:#217354;background:color-mix(in srgb,#278061 10%,var(--surface-color))}.detail-metric.out>span{color:#a83e3e;background:color-mix(in srgb,#b94b4b 9%,var(--surface-color))}.detail-ledger{margin-bottom:14px}.detail-ledger .section-title{margin-top:0}.detail-ledger .page-actions input{min-width:220px}.settlement-actions.expanded{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1024px){.invoice-settlement.enhanced{grid-template-columns:1fr}.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.settlement-actions.expanded{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.field-with-action,.item-cascade>.field-with-action{grid-template-columns:1fr}.inline-create{width:100%;min-height:38px}.quick-sheet{width:100vw;padding:20px 15px}.payment-main-grid,.payment-detail-grid,.allocation-details{grid-template-columns:1fr}.allocation-row-main{grid-template-columns:1fr 1fr}.allocation-row-main .remove-allocation{grid-column:1/-1}.payment-totals{grid-template-columns:1fr}.payment-totals span{border-left:0;border-bottom:1px solid var(--border-color)}.invoice-payment-panel>header{align-items:flex-start;flex-direction:column}.detail-welcome{align-items:stretch}.net-callout{width:100%}.detail-metrics,.detail-metrics.three{grid-template-columns:1fr 1fr}.detail-ledger .section-title{align-items:stretch}.detail-ledger .page-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.detail-ledger .page-actions input{grid-column:1/-1;min-width:0;width:100%}.settlement-actions.expanded{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.quick-sheet{animation:none}.inline-create{transition:none}}

/* Transfer identity stays readable even when native select labels are clipped. */
.transfer-item-summary,.transfer-target-summary{grid-column:1/-1;display:grid;gap:4px;padding:11px 13px;border:1px solid var(--border-color);border-right:3px solid color-mix(in srgb,var(--primary-color) 58%,var(--border-color));border-radius:10px;background:color-mix(in srgb,var(--primary-color) 4%,var(--surface-color))}.transfer-item-summary small,.transfer-target-summary small{color:var(--text-secondary);font-weight:700}.transfer-item-summary strong,.transfer-target-summary strong{font-size:.92rem}.transfer-item-summary span{color:var(--text-secondary);font-size:.78rem}.transfer-item-summary em{display:inline-block;margin-inline-start:6px;color:var(--primary-color);font-size:.72rem;font-style:normal}.transfer-target-summary[hidden]{display:none}
@media(max-width:640px){.stock-transfer-modal-card{width:100vw;max-height:100vh;padding:18px 15px 0;border-radius:0}.stock-transfer-modal-card .managed-form-head{gap:10px;margin:0 0 12px;padding-left:34px}.stock-transfer-modal-card .managed-form-head>span{width:42px;height:42px;flex-basis:42px}.stock-transfer-modal-card .managed-form-head h2{font-size:1.12rem;line-height:1.4}.stock-transfer-modal-card .managed-form-head p{font-size:.76rem;line-height:1.45}.stock-transfer-modal-card #stock-transfer-form{gap:10px;padding-bottom:0}.stock-transfer-modal-card #stock-transfer-form select{width:100%;min-width:0;text-overflow:ellipsis}.stock-transfer-modal-card .transfer-type-choice{padding:10px}.stock-transfer-modal-card .transfer-item-summary,.stock-transfer-modal-card .transfer-target-summary{padding:9px 11px}.stock-transfer-actions{position:sticky;bottom:0;z-index:4;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-inline:-15px;margin-top:4px;padding:11px 15px calc(11px + env(safe-area-inset-bottom));border-top:1px solid var(--border-color);background:var(--surface-color);box-shadow:0 -8px 22px rgba(31,20,12,.12)}.stock-transfer-actions button{width:100%;min-height:46px}}
@media(max-width:640px){.stock-transfer-modal-card #stock-transfer-form{padding-bottom:94px}.stock-transfer-modal-card .stock-transfer-actions{position:fixed;right:15px;left:15px;bottom:0;margin:0}}

/* Full reusable forms and grade-first conversion share the existing nested sheet. */
.quick-sheet{width:min(680px,94vw)}.quick-sheet-form .form-actions{z-index:2}
.grade-target-status{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--primary-color) 24%,var(--border-color));border-radius:10px;background:color-mix(in srgb,var(--primary-color) 5%,var(--surface-color))}.grade-target-status>b,.grade-target-status>span{grid-column:1}.grade-target-status>span{color:var(--text-secondary);font-size:.8rem;line-height:1.55}.grade-target-status>button{grid-column:2;grid-row:1/3}.grade-target-status[hidden]{display:none}
@media(max-width:640px){.quick-sheet{width:100vw}.grade-target-status{grid-template-columns:1fr}.grade-target-status>button{grid-column:1;grid-row:auto;width:100%;margin-top:5px}}

/* Accounts tree — a compact modern ledger within the existing Wood ERP language. */

/* Unified report suite — dense audit-first slate structure with an amber keyline. */
.reports-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;padding:20px 22px;border:1px solid color-mix(in srgb,#26364a 25%,var(--border-color));border-right:5px solid #d99a2b;border-radius:12px;background:linear-gradient(100deg,color-mix(in srgb,#26364a 96%,var(--surface-color)),color-mix(in srgb,#344b64 92%,var(--surface-color)));color:#fff}.reports-hero h1{margin:3px 0 5px;font-size:1.65rem}.reports-hero p{margin:0;color:#dbe3ec}.reports-hero .eyebrow{color:#edbb63}.reports-hero-mark{display:flex;align-items:center;gap:12px;padding-inline-start:20px;border-inline-start:1px solid #ffffff30}.reports-hero-mark img{width:48px;height:48px;filter:drop-shadow(0 3px 7px #0003)}.reports-hero-mark span{display:grid}.reports-hero-mark b{font-size:1.35rem;color:#edbb63}.reports-hero-mark small{color:#dbe3ec}.report-catalog-shell{display:grid;grid-template-columns:minmax(245px,300px) minmax(0,1fr);gap:14px;align-items:start}.report-catalog{position:sticky;top:78px;max-height:calc(100vh - 96px);display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid var(--border-color);border-radius:11px;background:var(--surface-color)}.report-search{padding:12px;border-bottom:1px solid var(--border-color)}.report-search input{width:100%}.report-categories{display:flex;gap:6px;overflow:auto;padding:9px 10px;border-bottom:1px solid var(--border-color);scrollbar-width:thin}.report-categories button{flex:0 0 auto;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-secondary);padding:5px 8px;font-size:.7rem;font-weight:700}.report-categories button.active{border-color:#d99a2b;background:color-mix(in srgb,#d99a2b 13%,var(--surface-color));color:var(--text-primary)}.report-catalog-list{overflow:auto;padding:7px}.report-catalog-item{width:100%;display:grid;gap:3px;padding:10px 11px;border:0;border-right:3px solid transparent;border-bottom:1px solid var(--border-color);border-radius:0;background:transparent;color:var(--text-primary);text-align:right}.report-catalog-item:hover{background:color-mix(in srgb,#26364a 5%,var(--surface-color))}.report-catalog-item.active{border-right-color:#d99a2b;background:color-mix(in srgb,#26364a 8%,var(--surface-color))}.report-catalog-item>span{color:#ad7720;font-size:.64rem;font-weight:800}.report-catalog-item>b{font-size:.82rem}.report-catalog-item>small{color:var(--text-secondary);font-size:.68rem;line-height:1.45}.report-catalog-empty{padding:22px;text-align:center;color:var(--text-secondary)}.report-workspace{min-width:0}.report-filter-bar{display:flex;align-items:end;flex-wrap:wrap;gap:8px;padding:11px 12px;border:1px solid var(--border-color);border-bottom:3px solid #d99a2b;border-radius:10px 10px 0 0;background:var(--surface-color)}.report-filter-bar>label{min-width:135px;font-size:.72rem}.advanced-report-filters{width:100%;display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px;padding-top:9px;border-top:1px solid var(--border-color)}.advanced-report-filters[hidden]{display:none}.advanced-placeholder{grid-column:1/-1;color:var(--text-secondary);font-size:.75rem}.applied-report-filters{width:100%;display:flex;flex-wrap:wrap;gap:5px}.applied-report-filters:empty{display:none}.applied-report-filters span{padding:3px 7px;border:1px solid color-mix(in srgb,#d99a2b 35%,var(--border-color));border-radius:5px;background:color-mix(in srgb,#d99a2b 8%,var(--surface-color));font-size:.67rem}.report-output{min-height:300px;border:1px solid var(--border-color);border-top:0;border-radius:0 0 10px 10px;background:var(--surface-color)}.report-shell-head{display:flex;justify-content:space-between;gap:18px;padding:18px 20px 13px;background:#26364a;color:#fff}.report-shell-head p{margin:0 0 4px;color:#edbb63;font-size:.7rem;font-weight:800}.report-shell-head h2{margin:0;font-size:1.25rem}.report-shell-head span{display:block;margin-top:5px;color:#cfd8e3;font-size:.76rem}.report-meta{min-width:185px;display:grid;gap:3px;text-align:left}.report-meta b{direction:ltr}.report-meta small{color:#cfd8e3}.report-shell-actions{display:flex;justify-content:flex-end;gap:7px;padding:9px 12px;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,#26364a 3%,var(--surface-color))}.report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}.report-kpis article{padding:10px 11px;border:1px solid var(--border-color);border-top:3px solid #60758c;border-radius:7px;background:var(--surface-color)}.report-kpis article.accent{border-top-color:#d99a2b}.report-kpis article.positive{border-top-color:#278061}.report-kpis article.negative{border-top-color:#b94b4b}.report-kpis small{display:block;color:var(--text-secondary);font-size:.68rem}.report-kpis b{display:block;margin-top:4px;font-size:.95rem;font-variant-numeric:tabular-nums}.report-table-wrap{width:100%;max-height:62vh;overflow:auto;border-block:1px solid var(--border-color)}.report-data-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:.75rem}.report-data-table caption{text-align:right;padding:8px 12px;color:var(--text-secondary);font-weight:700}.report-data-table th{position:sticky;top:0;z-index:1;padding:8px 9px;border-left:1px solid #ffffff20;background:#344b64;color:#fff;text-align:right;white-space:nowrap}.report-data-table td{max-width:300px;padding:8px 9px;border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color);vertical-align:top;overflow-wrap:anywhere}.report-data-table tbody tr:nth-child(even){background:color-mix(in srgb,#26364a 2.5%,var(--surface-color))}.report-data-table tbody tr:hover{background:color-mix(in srgb,#d99a2b 7%,var(--surface-color))}.report-data-table td.numeric{direction:ltr;text-align:left;white-space:nowrap;font-variant-numeric:tabular-nums}.report-data-table td small{display:block;margin-top:3px;color:var(--text-secondary)}.report-data-table tfoot td{position:sticky;bottom:0;background:color-mix(in srgb,#26364a 9%,var(--surface-color));font-weight:800}.report-empty,.report-error{display:grid;place-items:center;gap:7px;min-height:260px;text-align:center;color:var(--text-secondary)}.report-empty b,.report-error b{color:var(--text-primary);font-size:1.05rem}.report-empty p,.report-error p{margin:0}.report-insights{margin:12px;padding:11px 13px;border-right:3px solid #d99a2b;background:color-mix(in srgb,#d99a2b 7%,var(--surface-color))}.report-insights h3{margin:0 0 5px;font-size:.82rem}.report-insights p{margin:3px 0;color:var(--text-secondary);font-size:.72rem;line-height:1.55}.report-shell-footer{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.68rem}.statement-modal-head.customer-style{padding:14px 17px;border-top:5px solid #5b371f;border-bottom:1px solid #c9a56b;background:#fff8e9;color:#4b2f1d}.statement-modal-head h2{margin:2px 0 5px}.statement-modal-head p{margin:0;color:var(--text-secondary)}.statement-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:7px;margin:12px 0}.statement-toolbar label{min-width:135px}.customer-statement-screen{border:1px solid var(--border-color);background:var(--surface-color)}.customer-statement-screen.premium{border-color:#d8c39f;background:#fffaf0;color:#4b2f1d}.customer-statement-screen>header{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-color)}.customer-statement-screen.premium>header{border-bottom-color:#d8c39f;background:#f8efdd}.customer-statement-screen h3{margin:2px 0}.customer-statement-screen p{margin:0;color:var(--text-secondary)}.statement-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.statement-kpis article{padding:10px;border:1px solid var(--border-color);border-top:3px solid #c49a55}.statement-kpis article.in{border-top-color:#4f8a70}.statement-kpis article.out{border-top-color:#a85b50}.statement-kpis small{display:block;color:var(--text-secondary)}.statement-kpis b{display:block;margin-top:4px;font-variant-numeric:tabular-nums}.report-empty-cell{text-align:center!important;padding:28px!important;color:var(--text-secondary)}
.report-table-wrap:focus-visible{outline:3px solid color-mix(in srgb,#d99a2b 72%,transparent);outline-offset:-3px}
@media(max-width:1050px){.report-catalog-shell{grid-template-columns:220px minmax(0,1fr)}.advanced-report-filters{grid-template-columns:repeat(2,1fr)}.report-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.reports-hero{align-items:flex-start}.reports-hero-mark{display:none}.report-catalog-shell{grid-template-columns:1fr}.report-catalog{position:static;max-height:none}.report-catalog-list{display:flex;overflow:auto}.report-catalog-item{min-width:220px;border-right:0;border-bottom:3px solid transparent}.report-catalog-item.active{border-bottom-color:#d99a2b}.report-filter-bar>label{flex:1}.advanced-report-filters{grid-template-columns:1fr}.report-shell-head{display:grid}.report-meta{text-align:right}.report-shell-actions{display:grid;grid-template-columns:repeat(3,1fr)}.report-kpis,.statement-kpis{grid-template-columns:1fr 1fr}.report-table-wrap{max-height:58vh}.report-shell-footer,.customer-statement-screen>header{display:grid}}
.accounts-welcome{margin-bottom:12px}.account-tree-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.account-tree-summary article{display:grid;grid-template-columns:38px 1fr;gap:1px 10px;align-items:center;padding:13px 14px;border:1px solid var(--border-color);border-radius:11px;background:var(--surface-color)}.account-tree-summary article>span{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--primary-color) 8%,var(--surface-color));color:var(--primary-color);font-weight:900}.account-tree-summary small{color:var(--text-secondary)}.account-tree-summary strong{font-size:1.05rem;font-variant-numeric:tabular-nums}.accounts-tree-panel{padding:0;overflow:hidden}.accounts-tree-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:15px;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--background-color) 48%,var(--surface-color))}.accounts-tree-toolbar .search-field{min-width:260px}.accounts-tree-heading{display:grid;grid-template-columns:minmax(300px,1.7fr) minmax(210px,.85fr) minmax(190px,.65fr);gap:14px;padding:10px 17px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.72rem;font-weight:800}.accounts-search-count{min-height:0;margin:0;padding:0 17px;color:var(--text-secondary);font-size:.74rem}.accounts-search-count:not(:empty){padding-top:10px}.accounts-tree{padding:8px 10px 13px}.account-tree-node{--account-accent:#8a684d;position:relative}.account-tree-node[data-account-type="asset"]{--account-accent:#2f729d}.account-tree-node[data-account-type="liability"]{--account-accent:#a75b4c}.account-tree-node[data-account-type="equity"]{--account-accent:#735b9e}.account-tree-node[data-account-type="revenue"]{--account-accent:#2e8061}.account-tree-node[data-account-type="cogs"]{--account-accent:#b4772c}.account-tree-node[data-account-type="expense"]{--account-accent:#a34e64}.account-tree-row{display:grid;grid-template-columns:minmax(300px,1.7fr) minmax(210px,.85fr) minmax(190px,.65fr);gap:14px;align-items:center;min-height:66px;padding:9px 8px;border-bottom:1px solid color-mix(in srgb,var(--border-color) 74%,transparent);border-right:3px solid transparent;transition:background .15s ease,border-color .15s ease}.account-tree-row:hover{background:color-mix(in srgb,var(--account-accent) 4%,var(--surface-color));border-right-color:var(--account-accent)}.level-1>.account-tree-row{margin:5px 0 3px;padding:12px 10px;border:1px solid color-mix(in srgb,var(--account-accent) 18%,var(--border-color));border-right:4px solid var(--account-accent);border-radius:10px;background:color-mix(in srgb,var(--account-accent) 6%,var(--surface-color))}.account-tree-identity{display:grid;grid-template-columns:30px 72px minmax(0,1fr);gap:8px;align-items:center;min-width:0}.account-tree-identity>div{min-width:0}.account-tree-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.91rem}.level-1>.account-tree-row .account-tree-identity strong{font-size:1rem}.account-tree-identity small{display:block;margin-top:3px;color:var(--text-secondary);font-size:.68rem}.account-code{justify-self:start;padding:4px 7px;border:1px solid color-mix(in srgb,var(--account-accent) 20%,var(--border-color));border-radius:7px;background:var(--surface-color);color:var(--account-accent);font-size:.72rem;font-weight:900;font-variant-numeric:tabular-nums}.account-tree-toggle{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--border-color);border-radius:7px;background:var(--surface-color);color:var(--account-accent);font-size:1.25rem}.account-tree-toggle span{transform:rotate(0);transition:transform .15s ease}.account-tree-toggle[aria-expanded="true"] span{transform:rotate(-90deg)}.account-tree-toggle:hover{border-color:var(--account-accent);background:color-mix(in srgb,var(--account-accent) 7%,var(--surface-color))}.account-tree-leaf{width:29px;text-align:center;color:color-mix(in srgb,var(--account-accent) 70%,var(--text-secondary))}.account-tree-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.account-kind,.account-type{display:inline-flex;align-items:center;min-height:25px;padding:3px 7px;border-radius:7px;font-size:.68rem;font-weight:800}.account-kind.parent{color:var(--account-accent);background:color-mix(in srgb,var(--account-accent) 9%,var(--surface-color))}.account-kind.leaf{color:var(--text-secondary);background:color-mix(in srgb,var(--text-secondary) 7%,var(--surface-color))}.account-type{border:1px solid var(--border-color);color:var(--text-secondary);background:var(--surface-color)}.account-tree-balance{display:grid;grid-template-columns:1fr auto;gap:2px 8px;justify-self:stretch;text-align:left}.account-tree-balance>span{color:var(--text-secondary);font-size:.67rem}.account-tree-balance strong{grid-row:2;font-size:.91rem;font-variant-numeric:tabular-nums}.account-tree-balance>small{grid-row:2;align-self:center;padding:2px 5px;border-radius:5px;font-size:.64rem;font-weight:800}.account-tree-balance em{grid-column:1/-1;color:var(--text-secondary);font-size:.63rem;font-style:normal}.account-tree-balance.debit strong,.account-tree-balance.debit>small{color:#217354}.account-tree-balance.debit>small{background:color-mix(in srgb,#278061 10%,var(--surface-color))}.account-tree-balance.credit strong,.account-tree-balance.credit>small{color:#a34444}.account-tree-balance.credit>small{background:color-mix(in srgb,#b94b4b 9%,var(--surface-color))}.account-tree-balance.balanced strong,.account-tree-balance.balanced>small{color:var(--text-secondary)}.account-tree-children{position:relative;margin-right:25px;padding-right:15px;border-right:1px solid color-mix(in srgb,var(--account-accent) 24%,var(--border-color))}.account-tree-children>.account-tree-node:before{content:"";position:absolute;right:-15px;top:32px;width:11px;border-top:1px solid color-mix(in srgb,var(--account-accent) 28%,var(--border-color))}.accounts-tree-empty{padding:48px 20px;text-align:center;color:var(--text-secondary)}.accounts-tree-empty>span{font-size:2rem}.accounts-tree-empty h3{margin:7px 0 4px;color:var(--text-primary)}.accounts-tree-empty p{margin:0}
@media(max-width:900px){.account-tree-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.accounts-tree-heading{grid-template-columns:minmax(250px,1.4fr) minmax(170px,.8fr) minmax(155px,.65fr)}.account-tree-row{grid-template-columns:minmax(250px,1.4fr) minmax(170px,.8fr) minmax(155px,.65fr)}.account-tree-identity{grid-template-columns:30px 66px minmax(0,1fr)}}
@media(max-width:640px){.account-tree-summary{grid-template-columns:1fr 1fr}.account-tree-summary article{grid-template-columns:31px 1fr;padding:10px;gap:1px 7px}.account-tree-summary article>span{width:30px;height:30px}.accounts-tree-toolbar{display:grid;grid-template-columns:1fr 1fr;padding:11px}.accounts-tree-toolbar .search-field{grid-column:1/-1;min-width:0}.accounts-tree-toolbar button{min-height:40px}.accounts-tree-heading{display:none}.accounts-tree{padding:6px}.account-tree-row,.level-1>.account-tree-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-block:4px;padding:10px}.account-tree-identity{grid-column:1/-1;grid-template-columns:30px 61px minmax(0,1fr)}.account-tree-identity strong{white-space:normal}.account-tree-tags{align-self:center}.account-tree-balance{min-width:132px}.account-tree-children{margin-right:11px;padding-right:8px}.account-tree-children>.account-tree-node:before{right:-8px;width:6px}.account-tree-balance em{display:none}}
@media print{.accounts-tree-toolbar,.accounts-search-count,.account-tree-toggle,.accounts-tree-empty,.page-navigation{display:none!important}.account-tree-summary{grid-template-columns:repeat(4,1fr)}.accounts-tree-panel{border:0;box-shadow:none}.accounts-tree-heading{display:grid}.accounts-tree .account-tree-node[hidden],.accounts-tree .account-tree-children[hidden]{display:block!important}.account-tree-row,.level-1>.account-tree-row{break-inside:avoid;margin:0;box-shadow:none;background:#fff}.account-tree-children{border-right-color:#bbb}.account-tree-leaf{visibility:hidden}}

/* Technical support page */
.support-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:22px;border:1px solid color-mix(in srgb,var(--primary-color) 18%,var(--border-color));border-right:5px solid var(--secondary-color);border-radius:var(--border-radius);background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 10%,var(--surface-color)),var(--surface-color));box-shadow:var(--card-shadow)}.support-hero h1{margin:2px 0 8px;color:var(--text-primary);font-size:1.9rem}.support-hero p{margin:0;color:var(--text-secondary);line-height:1.75}.support-brand-card{display:flex;align-items:center;gap:12px;min-width:235px;padding:14px 16px;border:1px solid var(--border-color);border-radius:14px;background:var(--surface-color);box-shadow:0 10px 22px color-mix(in srgb,var(--primary-color) 10%,transparent)}.support-brand-card img{width:58px;height:58px;object-fit:contain}.support-brand-card b,.support-brand-card small{display:block}.support-brand-card b{font-size:1.2rem;color:var(--primary-color)}.support-brand-card small{margin-top:4px;color:var(--text-secondary)}
.support-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;align-items:start}.support-main-card,.support-about-card{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-color);box-shadow:var(--card-shadow)}.support-main-card{padding:20px}.support-person{display:flex;align-items:center;gap:15px;margin-bottom:17px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.support-person>span{width:60px;height:60px;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--primary-color) 10%,var(--surface-color));font-size:2rem}.support-person small,.support-contact-card small{display:block;color:var(--text-secondary);font-weight:700}.support-person h2{margin:4px 0 5px;color:var(--text-primary);font-size:1.28rem}.support-person p{margin:0;color:var(--text-secondary);line-height:1.65}
.support-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:15px}.support-contact-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px 12px;align-items:center;padding:14px;border:1px solid var(--border-color);border-radius:14px;background:linear-gradient(145deg,var(--surface-color),color-mix(in srgb,var(--background-color) 46%,var(--surface-color)));transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.support-contact-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--secondary-color) 45%,var(--border-color));box-shadow:0 14px 26px color-mix(in srgb,var(--primary-color) 12%,transparent)}.support-contact-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--teal) 13%,var(--surface-color));color:var(--teal);font-size:1.45rem}.support-contact-card strong{display:block;margin-top:4px;color:var(--text-primary);font-size:1.15rem;letter-spacing:0;font-variant-numeric:tabular-nums}.support-contact-actions{grid-column:1/-1;display:flex;gap:8px}.support-contact-actions a{flex:1;text-align:center;text-decoration:none}.support-call-link{border:1px solid color-mix(in srgb,var(--primary-color) 22%,var(--border-color));border-radius:11px;padding:11px 14px;background:var(--surface-color);color:var(--primary-color);font-weight:800;transition:.18s}.support-call-link:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--primary-color) 7%,var(--surface-color))}.support-whatsapp{border:0;border-radius:11px;padding:11px 14px;background:#1f9d61;color:#fff;font-weight:800;transition:.18s}.support-whatsapp:hover{transform:translateY(-1px);background:#178551}
.support-anydesk-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:58px;margin-top:8px;padding:13px 18px;border-radius:14px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#d82027,#a81218);box-shadow:0 14px 28px rgba(190,20,28,.22);font-weight:900;transition:transform .18s ease,box-shadow .18s ease}.support-anydesk-button:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(190,20,28,.3)}.anydesk-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#fff;color:#d82027;font-size:.85rem;font-weight:900;letter-spacing:0}.support-anydesk-note{margin:12px 2px 0;color:var(--text-secondary);line-height:1.7;text-align:center}
.support-about-card{padding:20px}.support-about-icon{width:62px;height:62px;display:grid;place-items:center;margin-bottom:14px;border-radius:16px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-weight:900;font-size:1.2rem;letter-spacing:0}.support-about-card h2{margin:0 0 10px;color:var(--text-primary)}.support-about-card p{margin:0;color:var(--text-secondary);line-height:1.9}.support-specialties{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.support-specialties span{padding:6px 9px;border:1px solid color-mix(in srgb,var(--primary-color) 22%,var(--border-color));border-radius:8px;background:color-mix(in srgb,var(--primary-color) 7%,var(--surface-color));color:var(--primary-color);font-weight:800;font-size:.76rem}
@media(max-width:900px){.support-hero{align-items:flex-start}.support-layout{grid-template-columns:1fr}.support-brand-card{min-width:0}}@media(max-width:640px){.support-hero,.support-person{display:grid}.support-hero h1{font-size:1.45rem}.support-brand-card{width:100%}.support-contact-grid{grid-template-columns:1fr}.support-contact-actions{grid-template-columns:1fr;display:grid}.support-anydesk-button{align-items:center;text-align:center;line-height:1.45}.support-main-card,.support-about-card{padding:15px}}