@charset "UTF-8";:root{--bg:#f4f7fb;--surface:#ffffff;--surface-2:#f8fafc;--line:#dfe6f0;--text:#172033;--muted:#667085;--primary:#155eef;--primary-2:#0b43b7;--accent:#f59e0b;--success:#079455;--danger:#d92d20;--warning:#b54708;--radius:18px;--shadow:0 16px 40px rgba(15,23,42,.08);--mono:"Segoe UI",Roboto,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--mono);background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:286px;background:#0b1220;color:#fff;padding:22px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#2e90fa,#155eef);display:grid;place-items:center;font-weight:900;letter-spacing:.5px;box-shadow:0 10px 26px #155eef59;flex-shrink:0}.brand-text{flex:1;min-width:0}.brand strong{display:block;font-size:18px}.brand span{display:block;color:#aeb9d1;font-size:12px;margin-top:2px}.mobile-menu-btn,.mobile-tabs{display:none}.nav{display:flex;flex-direction:column;gap:8px}.nav-item{width:100%;border:0;background:transparent;color:#c9d4e9;border-radius:14px;padding:12px 14px;text-align:left;display:flex;gap:10px;align-items:center;font-weight:650;transition:.18s;text-decoration:none;font-size:14px}.nav-item:hover,.nav-item.active{background:#17233a;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #2e90fa}.nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.85}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{opacity:1}.sidebar-note{margin-top:auto;background:#111c31;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px}.sidebar-note p{margin:8px 0 0;color:#aeb9d1;font-size:13px;line-height:1.45}.sidebar-body{display:flex;flex-direction:column;flex:1;gap:22px;min-height:0;overflow-y:auto}.sidebar-account{margin-top:auto;position:relative}.account-trigger{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#111c31;color:#fff;padding:12px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left}.account-chevron{display:flex;align-items:center;opacity:.7}.icon-btn{padding:7px 10px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.icon-btn svg{display:block;transition:transform .45s ease}.icon-btn:hover svg{transform:rotate(360deg)}.account-trigger:hover{background:#17233a}.account-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#78d64b;color:#fff;font-size:13px;font-weight:900}.account-text{min-width:0}.account-text strong,.account-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-text strong{font-size:13px}.account-text small{margin-top:3px;color:#aeb9d1;font-size:12px}.account-chevron{color:#aeb9d1;font-weight:900}.account-menu{position:absolute;left:0;right:0;bottom:calc(100% + 8px);background:#1a2740;border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 16px 36px #00000073;padding:8px;z-index:30}.account-role{padding:8px 10px;color:#7b93b8;font-size:12px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:6px}.account-menu button{width:100%;border:0;background:transparent;border-radius:9px;padding:10px;text-align:left;color:#c9d4e9;font-weight:800}.account-menu button:hover{background:rgba(255,255,255,.1);color:#fff}.main{flex:1;min-width:0;padding:22px 28px 48px}.topbar{height:82px;background:rgba(244,247,251,.9);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);margin:-22px -28px 22px;padding:16px 28px}.topbar h1{margin:2px 0 0;font-size:26px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--primary);font-weight:800;margin:0}.top-actions,.module-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.date-pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-weight:700;color:#475467}.primary-btn,.ghost-btn,.mini-btn,.icon-btn{border:1px solid transparent;border-radius:12px;padding:10px 14px;font-weight:800;transition:.18s;white-space:nowrap}.primary-btn{background:var(--primary);color:#fff;box-shadow:0 10px 22px #155eef33}.primary-btn:hover{background:var(--primary-2)}.primary-btn:disabled,.ghost-btn:disabled,.mini-btn:disabled{cursor:not-allowed;opacity:.72}.ghost-btn{background:#fff;color:#263447;border-color:var(--line)}.ghost-btn:hover,.mini-btn:hover{border-color:#b7c6dc}.mini-btn{background:#eef4ff;color:#155eef;border-color:#c7d7fe;padding:8px 12px}.icon-btn{width:38px;height:38px;border-radius:50%;padding:0;font-size:24px;background:#f2f4f7;color:#344054}.export-btn{display:inline-flex;align-items:center;gap:9px;padding:10px 16px}.btn-icon{width:22px;height:22px;border-radius:7px;display:inline-grid;place-items:center;background:#f2f6ff;color:var(--primary);font-size:17px;line-height:1;font-weight:900}.export-btn:hover .btn-icon{background:#e0eaff}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.kpi-grid.compact{margin-top:0}.kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 8px 22px #0f172a0a}.kpi-card p{margin:8px 0;color:#667085}.kpi-card strong{font-size:25px}.kpi-card small{display:block;margin-top:8px;color:#98a2b3}.kpi-icon{width:38px;height:38px;border-radius:12px;background:#eef4ff;display:grid;place-items:center}.kpi-card.warning{border-color:#fedf89;background:#fffbeb}.kpi-card.success{border-color:#abefc6;background:#f0fdf4}.kpi-card.danger{border-color:#fecdca;background:#fef3f2}.inventory-summary-grid{margin:0 0 18px}.inventory-stat-card{display:grid;grid-template-columns:56px 1fr auto;gap:4px 14px;align-items:center;padding:16px}.inventory-stat-card .kpi-icon{grid-row:1/4;width:48px;height:48px;border-radius:12px;font-size:22px;color:var(--primary)}.inventory-stat-card.success .kpi-icon{background:#dcfae6;color:var(--success)}.inventory-stat-card.warning .kpi-icon{background:#fef0c7;color:#dc6803}.inventory-stat-card.danger .kpi-icon{background:#fee4e2;color:var(--danger)}.inventory-stat-card p{margin:0;grid-column:2/4}.inventory-stat-card strong{font-size:24px;line-height:1;grid-column:2/3}.inventory-stat-card small{margin:0;grid-column:3/4;align-self:end}.content-grid{display:grid;gap:18px}.two-col{grid-template-columns:1fr 1fr}.panel,.form-card,.summary-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 22px #0f172a0a;padding:20px}.panel.no-padding{padding:0;overflow:hidden}.panel h3{margin:0 0 10px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.panel-head p{color:#667085;margin:4px 0 0}.module-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.module-header h2{font-size:26px;margin:4px 0 0}.form-grid{display:grid;gap:14px;margin-bottom:14px}.form-grid.four{grid-template-columns:repeat(4,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.two{grid-template-columns:repeat(2,1fr)}label{display:block;color:#344054;font-size:13px;font-weight:800}input,select,textarea{width:100%;border:1px solid #cfd8e6;border-radius:12px;padding:10px 12px;background:#fff;color:#172033;margin-top:6px}textarea{min-height:86px;resize:vertical}.smart-rule{display:flex;align-items:center;gap:14px;background:#fffbeb;border:1px solid #fedf89;border-radius:18px;padding:16px;margin:16px 0}.smart-rule p{margin:4px 0 0;color:#6b4f1d;line-height:1.45}.rule-icon{width:42px;height:42px;border-radius:14px;background:#fff3c4;display:grid;place-items:center;font-size:22px;flex:0 0 auto}.sales-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.adv-filter{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.adv-filter label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:#374151}.adv-filter input[type=date]{padding:7px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px;background:#fff;color:#1a202c;min-width:150px}.adv-filter-actions{display:flex;gap:8px;align-items:flex-end}.filter-bar .filter-toggle{display:flex;align-items:center;gap:6px;margin-left:auto}.filter-toggle-btn{position:relative}.filter-toggle-btn.is-active{border-color:var(--primary);color:var(--primary)}.filter-dot{width:7px;height:7px;background:var(--primary);border-radius:50%;position:absolute;top:6px;right:6px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#f8fafc;border-bottom:1px solid var(--line)}.table-toolbar span{color:#667085;font-size:13px}.toolbar-title strong,.toolbar-title span{display:block}.add-line{display:flex;gap:8px;align-items:center}.add-line select{width:270px}.add-line input[type=number]{width:92px}.add-line .lazy-combobox input{width:100%}.table-scroll{overflow:auto}.table-scroll.tall{max-height:520px}.data-table{width:100%;border-collapse:collapse;min-width:900px;background:#fff}.data-table th,.data-table td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:middle}.data-table th{background:#f2f4f7;color:#344054;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.data-table td{font-size:14px}.data-table tr:hover td{background:#f8fbff}.num{text-align:right!important;font-variant-numeric:tabular-nums}.tag{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;background:#eef4ff;color:#155eef}.tag.green{background:#ecfdf3;color:#067647}.tag.yellow{background:#fffaeb;color:#b54708}.tag.red{background:#fef3f2;color:#b42318}.summary-card{position:sticky;top:104px;align-self:start}.summary-card h3{margin:0 0 16px}.summary-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px dashed var(--line)}.summary-row input{width:140px;margin:0;text-align:right}.summary-row.total strong{font-size:24px;color:var(--primary)}.summary-row.danger strong{color:var(--danger)}.button-stack{display:grid;gap:10px;margin-top:16px}.payment-card{border-radius:24px;padding:24px;box-shadow:0 18px 44px #0f172a14}.payment-card h3{font-size:24px}.payment-card .summary-row{padding:14px 0}.payment-input{width:150px!important;border-radius:16px;padding:14px 16px;font-size:20px}.full-pay-btn,.invoice-print-btn{width:100%;padding:14px 16px;font-size:17px;border-radius:16px}.invoice-print-btn{background:#fff}.bottom-total{display:flex;justify-content:flex-end;align-items:center;gap:18px;padding:16px;border-top:1px solid var(--line);background:#f8fafc}.bottom-total span{color:#667085}.bottom-total strong{font-size:24px}.list-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-top:1px solid var(--line);background:#fff}.list-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:14px}.list-summary strong{color:var(--text);font-size:14px}.pager{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.page-size-select{width:auto;min-width:138px;margin:0;padding:9px 36px 9px 12px;border-radius:10px;background:#fff}.page-btn{min-width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#344054;font-weight:800}.page-btn:hover:not(:disabled),.page-btn.active{border-color:#84adff;background:#eef4ff;color:var(--primary)}.page-btn:disabled{opacity:.45;cursor:not-allowed}.page-ellipsis{min-width:24px;text-align:center;color:var(--muted);font-weight:800}.table-actions-cell{width:116px}.compact-actions{display:flex;align-items:center;gap:10px;position:relative}.link-action{border:0;background:transparent;color:var(--primary);font-weight:800;padding:6px 4px}.link-action:hover{text-decoration:underline}.lazy-combobox{position:relative}.lazy-combobox__menu{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);max-height:260px;overflow:auto;background:#fff;border:1px solid #cfd8e6;border-radius:12px;box-shadow:0 18px 42px #0f172a29;padding:6px}.lazy-combobox__menu button{width:100%;border:0;background:transparent;display:grid;grid-template-columns:minmax(70px,auto) minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;border-radius:9px;padding:9px 10px;color:#263447}.lazy-combobox__menu button:hover,.lazy-combobox__menu button.active{background:#eef4ff}.lazy-combobox__menu small{color:var(--muted)}.lazy-combobox__status{padding:10px;color:var(--muted);font-size:13px}.row-menu{position:relative}.icon-menu-btn{width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#172033;font-size:24px;line-height:1;display:grid;place-items:center}.icon-menu-btn:hover{background:#eef4ff;color:var(--primary)}.row-menu-list{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:142px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 36px #0f172a29;padding:6px}.row-menu-list button{display:block;width:100%;border:0;background:transparent;text-align:left;border-radius:9px;padding:9px 10px;color:#263447;font-weight:750}.row-menu-list button:hover{background:#f2f6ff;color:var(--primary)}.mobile-list-footer{display:none}.filter-bar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.filter-bar input{max-width:360px;margin:0}.filter-bar select{max-width:220px;margin:0}.activity-list{display:grid;gap:10px}.activity-list div{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}.activity-list span{color:#667085}.cash-tabs{display:flex;gap:8px;margin-bottom:16px}.cash-tabs button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 14px;font-weight:800}.cash-tabs button.active{background:#eef4ff;border-color:#c7d7fe;color:#155eef}.bar-chart{height:270px;display:flex;align-items:flex-end;gap:16px;padding:20px 4px 0}.bar-chart div{height:var(--h);flex:1;min-width:36px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#2e90fa,#155eef);position:relative}.bar-chart span{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:12px;color:#667085}.modal{position:fixed;inset:0;display:none;z-index:80}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55)}.modal-card{position:relative;margin:32px auto;background:#fff;border-radius:22px;box-shadow:0 28px 80px #00000040;max-height:calc(100vh - 64px);display:flex;flex-direction:column;overflow:hidden}.invoice-modal-card{width:min(920px,94vw)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--line);background:#f8fafc}.print-area{overflow:auto;background:#a6a6a6;padding:28px}.paper{width:560px;min-height:790px;background:#fff;margin:auto;padding:24px;border:2px solid #111;color:#111;font-family:Times New Roman,serif}.paper-title{text-align:center}.paper-title h2{font-size:18px;margin:0 0 6px}.paper-table{width:100%;border-collapse:collapse;font-size:14px}.paper-table th,.paper-table td{border:1px solid #111;padding:3px 5px}.paper-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:16px;text-align:center;font-size:14px}.paper-bottom span{display:block;margin-top:12px}.line-input{margin:0;border-radius:10px;padding:8px 10px;min-width:90px;background:#fff;font-weight:750}.line-name{min-width:210px}.line-price{width:118px;text-align:right}.line-qty{width:76px;text-align:right}.line-help{display:block;margin-top:5px;color:#079455;font-size:11px;font-weight:800}.data-table td input.line-input:focus{outline:3px solid rgba(21,94,239,.14);border-color:#155eef}.return-form-pad{padding:20px 20px 6px}.panel.no-padding>h3{padding:20px 20px 0}.return-toolbar{align-items:flex-start}.report-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 18px}.report-detail-grid{margin-top:18px}.report-scroll{max-height:320px}.compact-table{min-width:720px}.compact-table th,.compact-table td{padding:9px 10px}.selected-row td{background:#eef4ff!important}@media (max-width: 1100px){.report-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.report-summary-grid{grid-template-columns:1fr}.compact-table{min-width:680px}}.cash-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.cash-impact{position:sticky;top:104px}.cashbook-panel{margin-top:16px}.cash-tabs button{min-width:160px}@media (max-width: 1100px){.cash-layout{grid-template-columns:1fr}.cash-impact{position:static}}.form-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 22px #0f172a0a}.form-title-row h3{margin:0 0 5px;font-size:22px}.form-title-row p{margin:0;color:var(--muted);line-height:1.45}@media (max-width: 760px){.form-title-row{display:block}.form-title-row .module-actions{margin-top:12px}}.dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:stretch}.dashboard-intro,.today-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:24px}.dashboard-intro h2{font-size:30px;line-height:1.16;margin:8px 0 10px}.dashboard-intro p{color:var(--muted);line-height:1.55;margin:0}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.today-card{background:#0b1220!important;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.today-card>span{color:#aeb9d1;font-weight:750}.today-card>strong{font-size:34px;margin:10px 0 18px}.today-metrics{display:grid;gap:10px}.today-metrics div{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding-top:10px}.today-metrics small{color:#aeb9d1}.today-metrics b{font-size:15px}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.task-list{display:grid;gap:10px}.task-list button{width:100%;text-align:left;border:1px solid var(--line);background:#f8fafc;border-radius:14px;padding:14px;display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center}.task-list button:hover{background:#eef4ff;border-color:#c7d7fe}.task-list strong{font-size:14px}.task-list small{grid-column:2;color:var(--muted)}.dashboard-bars{height:240px;display:flex;align-items:flex-end;gap:12px;padding:22px 16px 34px}.dashboard-bars div{height:var(--h);flex:1;min-width:42px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#2e90fa,#155eef);position:relative}.dashboard-bars b{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:12px;color:#344054;white-space:nowrap}.dashboard-bars span{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:12px;color:var(--muted);white-space:nowrap}.stock-watch{display:grid}.stock-watch div{display:grid;grid-template-columns:88px 1fr auto;gap:10px;align-items:center;padding:14px 16px;border-top:1px solid var(--line)}.stock-watch div:first-child{border-top:0}.stock-watch strong{color:var(--primary)}.stock-watch b{font-variant-numeric:tabular-nums}@media (max-width: 1100px){.dashboard-hero,.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 760px){.dashboard-intro h2{font-size:25px}.today-card>strong{font-size:28px}.stock-watch div,.task-list button{grid-template-columns:1fr}.task-list small{grid-column:auto}.dashboard-bars{gap:8px;overflow:auto}.dashboard-bars div{min-width:48px}}.user-pill,.tenant-pill{background:#ecfdf3;border:1px solid #abefc6;color:#067647;border-radius:999px;padding:10px 14px;font-weight:800;white-space:nowrap}.tenant-pill{background:#eef4ff;border-color:#c7d7fe;color:#155eef}.tenant-switcher{display:flex;align-items:center;gap:8px;background:#eef4ff;border:1px solid #c7d7fe;color:#155eef;border-radius:999px;padding:6px 10px;font-weight:800;white-space:nowrap}.tenant-switcher span{font-size:12px;color:#155eef}.tenant-switcher select{width:auto;max-width:280px;margin:0;border:0;background:transparent;color:#155eef;font-weight:800;padding:4px 24px 4px 0}.tenant-switcher select:focus{outline:0}.role-list{display:grid;gap:10px;padding:16px}.role-card{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;background:#f8fafc;padding:14px}.role-card strong,.role-card span{display:block}.role-card span{color:var(--muted);font-size:13px;margin-top:4px;line-height:1.4}.role-card b{color:var(--primary);white-space:nowrap}.permission-panel{margin-top:18px}.permission-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.permission-checks label{border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:10px;display:flex;gap:8px;align-items:center;font-weight:400}.permission-checks input{width:auto;margin:0}@media (max-width: 760px){.permission-checks{grid-template-columns:1fr}.user-pill,.tenant-pill,.tenant-switcher{width:100%;text-align:center}.tenant-switcher select{flex:1;max-width:none}}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eef4ff,#f8fafc)}.login-card{width:min(460px,94vw);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:24px}.login-brand{color:#172033;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}.login-brand span{color:var(--muted)}.login-copy h1{margin:8px 0;font-size:28px}.login-copy p{color:var(--muted);line-height:1.5;margin:0 0 16px}.login-form{display:grid;gap:14px}.login-hint{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--muted);font-size:13px}.mobile-cards{display:none}@media (max-width: 760px){.desktop-only{display:none!important}.mobile-cards{display:grid;gap:12px}}.mobile-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 4px 12px #0f172a0a}.mobile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mobile-card-id{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:#344054}.mobile-card-body{display:grid;gap:6px;font-size:14px}.mobile-card-row{display:flex;justify-content:space-between;gap:8px}.mobile-card-label{color:var(--muted)}.mobile-card-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}@media (max-width: 1100px){.sidebar{width:246px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.two-col,.sales-layout{grid-template-columns:1fr}.summary-card{position:static}.form-grid.four{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.app-shell{display:block}.sidebar{position:sticky;top:0;z-index:100;width:auto;height:auto;border-radius:0;padding:0;overflow:visible;gap:0}.brand{padding:12px 16px;border-bottom:0;gap:12px}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:0;background:transparent;color:#fff;flex-shrink:0}.mobile-menu-btn:hover{background:rgba(255,255,255,.12)}.sidebar-body{display:none;position:absolute;left:0;right:0;top:100%;background:#0b1220;flex-direction:column;gap:0;padding:8px 12px 16px;border-top:1px solid rgba(255,255,255,.12);max-height:70vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.sidebar.mobile-open .sidebar-body{display:flex}.sidebar-account{margin-top:16px}.mobile-backdrop{position:fixed;inset:0;z-index:99;background:rgba(0,0,0,.35)}.mobile-tabs{display:flex;border-top:1px solid rgba(255,255,255,.1);background:#0b1220}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 10px;color:#9aadcc;text-decoration:none;font-size:10px;font-weight:600;text-align:center;transition:.15s}.mobile-tab.active{color:#2e90fa}.mobile-tab:hover{color:#fff}.mobile-tab-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.main{padding:16px}.topbar{position:relative;margin:-16px -16px 16px;padding:16px;display:block;height:auto}.top-actions{margin-top:12px}.form-grid.three,.form-grid.two,.form-grid.four{grid-template-columns:1fr}.module-header{display:block}.module-actions{margin-top:12px}.filter-bar,.add-line{display:grid}.add-line select,.add-line input,.filter-bar input,.filter-bar select{width:100%;max-width:none}.list-footer{display:grid;gap:12px}.desktop-only .list-footer{display:none}.mobile-list-footer{display:grid;margin-top:12px;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 12px #0f172a0a}.pager{justify-content:flex-start}.page-size-select{width:100%;max-width:180px}.row-menu-list.mobile-menu-list{right:auto;left:0}}.text-right{text-align:right}.text-danger{color:var(--danger)!important}.text-success{color:var(--success)!important}.text-muted{color:var(--muted)}.font-bold{font-weight:700}.font-mono{font-variant-numeric:tabular-nums}.loading-panel{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;color:var(--muted)}.spinner,.btn-spinner{display:inline-block;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;vertical-align:-2px}.spinner{width:22px;height:22px;color:var(--primary)}.btn-spinner{width:14px;height:14px;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{background:#fff;border-radius:16px;width:100%;max-width:420px;box-shadow:0 24px 60px #00000040;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.modal-header h3{margin:0;font-size:17px;font-weight:700;color:var(--text)}.modal-close{background:transparent;border:0;cursor:pointer;color:var(--muted);font-size:18px;line-height:1;padding:4px 6px;border-radius:6px}.modal-close:hover{background:var(--line);color:var(--text)}.modal-card form{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}.modal-card .form-group{display:flex;flex-direction:column;gap:6px}.modal-card .form-group label{font-size:13px;font-weight:600;color:var(--muted)}.modal-card .input-wrap{position:relative}.modal-card .input-wrap input{width:100%;box-sizing:border-box;padding:10px 40px 10px 12px;border:1.5px solid var(--line);border-radius:9px;font-size:14px;color:var(--text);outline:none;transition:.15s border-color}.modal-card .input-wrap input:focus{border-color:var(--primary)}.modal-card .eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:0;cursor:pointer;color:var(--muted);padding:2px;display:flex;align-items:center}.modal-card .eye-btn:hover{color:var(--text)}.modal-card .field-error{font-size:12px;color:var(--danger)}.modal-card .form-error{background:#fff0f0;border:1px solid var(--danger);border-radius:8px;padding:10px 12px;font-size:13px;color:var(--danger)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.btn-primary{padding:10px 20px;background:var(--primary);color:#fff;border:0;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer}.btn-primary:hover:not(:disabled){background:var(--primary-dark, #1d4ed8)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:10px 20px;background:transparent;border:1.5px solid var(--line);border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;color:var(--text)}.btn-secondary:hover{background:var(--line)}.modal-success{padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.success-icon{width:52px;height:52px;border-radius:50%;background:#d1fae5;color:#059669;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.modal-success p{margin:0;color:var(--text);font-size:15px}@media print{body>*:not(.modal){display:none!important}.modal,.modal.open{display:block!important;position:static}.modal-backdrop,.modal-head,.modal-actions{display:none!important}.modal-card{box-shadow:none;margin:0;max-height:none;width:auto}.print-area{padding:0;background:#fff}.paper{border:0;width:auto;min-height:auto}}@page{size:A5;margin:8mm}