:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#172033;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#f4f7fb}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{color:#1d3148}.login-page{min-height:100vh;background:linear-gradient(135deg,#0b2339,#123d60 56%,#1677ff 160%);display:grid;grid-template-columns:1.1fr minmax(390px,520px);gap:60px;align-items:center;padding:7vw}.login-brand{display:flex;gap:22px;align-items:center;color:#fff}.logo{background:#1677ff;color:#fff;display:grid;place-items:center;font-weight:950}.logo.hero{width:92px;height:92px;border-radius:24px;font-size:54px;box-shadow:0 18px 50px #06162466}.login-brand h1{font-size:42px;margin:0 0 6px}.login-brand p{max-width:560px;margin:0;color:#b9ccdc;font-size:17px;line-height:1.55}.login-box{background:#fff;border-radius:22px;padding:34px;box-shadow:0 30px 80px #07182755}.login-title span{font-size:11px;font-weight:900;color:#1677ff;text-transform:uppercase;letter-spacing:.08em}.login-title h2{font-size:27px;margin:5px 0}.login-title p{margin:0 0 22px;color:#7b8798;font-size:13px}.login-box label,.field{display:grid;gap:6px;margin:13px 0;font-size:11px;font-weight:800;color:#52677d}.login-box input,.field input,.field select,.field textarea,.search-input,.filter-card input,.filter-row input{width:100%;border:1px solid #d7e0e9;background:#fff;border-radius:9px;padding:10px 11px;outline:none;transition:.15s}.login-box input,.field input,.field select{height:42px}.login-box input:focus,.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus,.filter-card input:focus,.filter-row input:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff13}.field>span{font-size:10px;text-transform:uppercase;letter-spacing:.03em}.field small{font-weight:500;color:#8897a7}.login-box>button{width:100%;border:0;border-radius:9px;background:#1677ff;color:#fff;height:45px;font-weight:850;margin-top:9px}.login-error{background:#fff0f0;border:1px solid #f0cccc;color:#a72020;padding:10px 11px;border-radius:8px;font-size:12px}.login-foot{display:block;text-align:center;color:#a0acb9;margin-top:17px}.boot-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px;background:#102a43;color:#dce7f3}.boot-screen .logo.mini{width:50px;height:50px;border-radius:14px;font-size:27px}.boot-screen small{color:#f7bcbc;max-width:600px;text-align:center}.admin-shell{min-height:100vh;display:grid;grid-template-columns:258px minmax(0,1fr)}.sidebar{background:#0f2c46;color:#d8e6f2;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:20;box-shadow:5px 0 22px #0b233812}.aside-brand{height:74px;display:flex;align-items:center;gap:11px;padding:13px 17px;border-bottom:1px solid #ffffff12}.logo.mini{width:42px;height:42px;border-radius:11px;font-size:23px}.aside-brand b{font-size:18px}.aside-brand small{display:block;color:#8fa8bd;font-size:10px;margin-top:2px}.admin-nav{padding:12px 10px;display:grid;gap:3px;overflow:auto}.admin-nav button{border:0;background:transparent;color:#b5c7d7;border-radius:9px;min-height:43px;padding:0 11px;text-align:left;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:650}.admin-nav button i{width:24px;height:24px;display:grid;place-items:center;font-style:normal;font-size:15px}.admin-nav button:hover{background:#ffffff0e;color:#fff}.admin-nav button.active{background:#1677ff;color:#fff;box-shadow:0 8px 20px #0b66d441}.aside-user{margin-top:auto;border-top:1px solid #ffffff12;padding:14px;display:grid;grid-template-columns:35px 1fr auto;gap:9px;align-items:center}.user-avatar{width:35px;height:35px;border-radius:50%;background:#1e4568;display:grid;place-items:center;font-weight:900}.aside-user strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aside-user small{display:block;color:#89a4ba;font-size:9px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aside-user>button{border:1px solid #ffffff1a;background:#ffffff0c;color:#cbd9e5;border-radius:7px;padding:6px 8px;font-size:9px}.content{min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid #e3eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:15}.topbar-left{display:flex;align-items:center;gap:11px}.topbar h2{font-size:19px;margin:0;color:#1b334b}.topbar-left span{display:block;color:#8392a3;font-size:10px;margin-top:2px}.menu-button{display:none;border:0;background:#edf3f9;border-radius:8px;width:38px;height:38px;color:#23445f}.head-actions{display:flex;align-items:center;gap:12px}.branch-select{display:flex;align-items:center;gap:7px;font-size:9px;text-transform:uppercase;color:#7c8d9f;font-weight:900}.branch-select select{height:36px;border:1px solid #d8e1ea;border-radius:8px;background:#fff;padding:0 28px 0 9px;color:#314a62;text-transform:none;font-weight:700}.api-badge{font-size:10px!important;color:#187347!important;background:#eaf8ef;border:1px solid #d1ebd9;padding:7px 9px;border-radius:999px;display:flex;align-items:center;gap:5px}.api-badge i{width:6px;height:6px;border-radius:50%;background:#22a45b}.head-user{display:grid;text-align:right}.head-user b{font-size:11px}.head-user small{font-size:9px;color:#8998a8}.content main{padding:20px 22px 30px}.page-stack{display:grid;gap:15px}.page-toolbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px}.page-toolbar>div:first-child{display:grid;gap:3px}.page-toolbar strong{font-size:15px}.page-toolbar span{font-size:10px;color:#8291a2}.toolbar-actions,.panel-actions,.table-actions,.filter-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.primary-button,.secondary-button,.ghost-button{border-radius:8px;padding:9px 12px;font-weight:800;font-size:11px;min-height:36px}.primary-button{border:1px solid #1677ff;background:#1677ff;color:#fff}.primary-button:hover{background:#0f68e6}.secondary-button{border:1px solid #d6e0e9;background:#fff;color:#3c536b}.secondary-button:hover{background:#f6f9fc}.secondary-button.small,.primary-button.small{min-height:29px;padding:6px 9px;font-size:9px}.search-input{min-width:270px;height:36px;padding:0 10px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card{background:#fff;border:1px solid #e2e8ef;border-radius:13px;padding:15px 16px;box-shadow:0 4px 16px #26384b0d;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#1677ff}.metric-card.tone-green:before{background:#20a35a}.metric-card.tone-red:before{background:#d84848}.metric-card.tone-amber:before{background:#e6a12a}.metric-card.tone-purple:before{background:#7d5bd6}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-top>span{font-size:10px;color:#728297;text-transform:uppercase;font-weight:850}.metric-card>strong{display:block;font-size:22px;margin-top:7px;color:#1d344b}.metric-card>small{display:block;color:#8a98a8;font-size:9px;margin-top:4px}.compact-cards{grid-template-columns:repeat(4,1fr)}.stat-inline{background:#fff;border:1px solid #e2e8ef;border-radius:11px;padding:11px 14px;display:flex;align-items:baseline;gap:8px}.stat-inline strong{font-size:20px}.stat-inline span{font-size:10px;color:#75869a}.stat-inline.danger strong{color:#c33333}.panel{background:#fff;border:1px solid #e2e8ef;border-radius:13px;box-shadow:0 4px 16px #26384b0d;overflow:hidden;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #edf1f5}.panel-head h3{font-size:13px;margin:0;color:#21394f}.panel-head p{font-size:9px;color:#8696a7;margin:3px 0 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.two.wide-left{grid-template-columns:1.35fr .65fr}.table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:11px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #eef2f6;white-space:nowrap;vertical-align:middle}th{background:#fafbfd;color:#65768a;font-size:9px;text-transform:uppercase;letter-spacing:.025em;font-weight:850;position:sticky;top:0}tbody tr:hover{background:#fbfdff}.clickable-row{cursor:pointer}.empty-state,.empty-panel{padding:24px;text-align:center;color:#8c9aa9;font-size:11px}.table-title{display:grid;gap:2px;min-width:0}.table-title b{font-size:11px;color:#233d55}.table-title small{font-size:9px;color:#8997a7;max-width:260px;overflow:hidden;text-overflow:ellipsis}.table-actions button,.table-link{border:0;background:#edf5ff;color:#1464c5;border-radius:6px;padding:5px 7px;font-size:9px;font-weight:800}.table-actions button:hover,.table-link:hover{background:#dcecff}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;background:#eef2f6;color:#5d6d7e;font-size:8px;font-weight:850;margin:1px 2px}.status-badge.green{background:#e8f7ee;color:#187347}.status-badge.red{background:#fff0f0;color:#b52b2b}.status-badge.amber{background:#fff6e6;color:#9a650d}.status-badge.blue{background:#edf5ff;color:#1766bf}.status-badge.purple{background:#f2edff;color:#6948bd}.tabs{display:flex;gap:3px;padding:9px 12px;border-bottom:1px solid #edf1f5;background:#fbfcfe;overflow:auto}.tabs button{border:0;background:transparent;border-radius:7px;padding:7px 10px;font-size:10px;color:#65778b;font-weight:750;white-space:nowrap}.tabs button.active{background:#1677ff;color:#fff}.tabs button b{margin-left:5px;background:#ffffff2c;padding:1px 5px;border-radius:999px}.notice{border-radius:9px;padding:10px 12px;font-size:11px;border:1px solid}.notice.info{background:#edf6ff;border-color:#cee3f8;color:#2c5e8c}.notice.success{background:#edf9f1;border-color:#cae9d3;color:#167044}.notice.error{background:#fff0f0;border-color:#efcdcd;color:#a72929}.notice.warning{background:#fff7e9;border-color:#efd9b5;color:#916011}.loading{padding:45px;display:flex;align-items:center;justify-content:center;gap:9px;color:#708397;font-size:12px}.spinner{width:17px;height:17px;border-radius:50%;border:2px solid #d7e2ec;border-top-color:#1677ff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#071a2aa8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}.modal-card{width:min(540px,96vw);max-height:92vh;background:#f8fafc;border-radius:15px;box-shadow:0 30px 90px #0615226b;display:flex;flex-direction:column;overflow:hidden}.modal-card.wide{width:min(900px,96vw)}.modal-head{background:#fff;border-bottom:1px solid #e2e8ef;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:0;font-size:15px}.modal-head p{margin:3px 0 0;color:#8795a5;font-size:10px}.icon-button{width:34px;height:34px;border:0;border-radius:8px;background:#edf2f7;color:#51667a;font-size:20px}.modal-body{padding:15px 17px;overflow:auto}.modal-footer{background:#fff;border-top:1px solid #e2e8ef;padding:11px 16px;display:flex;justify-content:flex-end;gap:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}.form-grid.one-column{grid-template-columns:1fr}.form-grid .field{margin:7px 0}.span-2{grid-column:1/-1}.check-row{display:flex;align-items:center;gap:7px;font-size:10px;color:#445d74;font-weight:700;margin:9px 0}.check-row input{width:16px;height:16px;accent-color:#1677ff}.multi-check-list{border:1px solid #dae3ec;background:#fff;border-radius:8px;padding:8px;max-height:180px;overflow:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.multi-check-list label{display:flex;align-items:center;gap:6px;font-size:10px;color:#425970}.multi-check-list input{accent-color:#1677ff}.page-toolbar .status-badge{font-size:10px;padding:6px 9px}.filter-card{background:#fff;border:1px solid #e1e8ef;border-radius:11px;padding:9px 12px;display:flex;align-items:center;gap:8px;width:max-content}.filter-card input{width:145px;height:34px}.filter-card span,.filter-row span{font-size:9px;color:#8090a1}.dashboard-alerts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mini-alert{background:#fff;border:1px solid #e2e8ef;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:9px}.mini-alert i{width:9px;height:9px;border-radius:50%}.red-dot{background:#d74646}.amber-dot{background:#e5a02c}.blue-dot{background:#1677ff}.green-dot{background:#1fa25a}.mini-alert strong{display:block;font-size:16px}.mini-alert span{font-size:9px;color:#7c8c9d}.trend-chart{height:245px;padding:20px 15px 12px;display:flex;align-items:flex-end;gap:7px;overflow:hidden}.trend-column{height:100%;min-width:20px;flex:1;display:grid;grid-template-rows:1fr 16px;gap:4px}.trend-column>div{height:100%;display:flex;align-items:flex-end;background:#f4f7fa;border-radius:5px 5px 2px 2px;overflow:hidden}.trend-column i{width:100%;background:linear-gradient(#4da0ff,#1677ff);border-radius:5px 5px 0 0}.trend-column span{text-align:center;font-size:8px;color:#8493a4}.inventory-layout{grid-template-columns:.7fr 1.3fr;align-items:start}.inventory-summary,.customer-head{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.inventory-summary>div,.customer-head>div{background:#f7f9fc;border:1px solid #e6ebf1;border-radius:8px;padding:9px;display:grid;gap:3px}.inventory-summary span,.customer-head span{font-size:8px;color:#7d8d9e;text-transform:uppercase;font-weight:850}.inventory-summary strong,.customer-head strong{font-size:14px}.detail-actions{display:flex;justify-content:flex-end;gap:7px;padding:0 12px 10px}.order-items{border:1px solid #dfe6ee;border-radius:9px;background:#fff;padding:9px;margin-top:8px}.subsection-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:10px}.order-item-row{display:grid;grid-template-columns:2fr .6fr .7fr .6fr 30px;gap:6px;margin:5px 0}.receive-item-row{display:grid;grid-template-columns:1.6fr .55fr .65fr .65fr .8fr;gap:6px;margin:6px 0;align-items:center}.order-item-row select,.order-item-row input,.receive-item-row input{height:34px;border:1px solid #d9e2ea;border-radius:7px;padding:0 8px;font-size:10px}.receive-item-row>div{display:grid}.receive-item-row b{font-size:10px}.receive-item-row small{font-size:8px;color:#8796a6}.danger-icon{border:0;background:#fff0f0;color:#b52e2e;border-radius:7px;font-size:17px}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.permission-grid section{background:#fff;border:1px solid #e1e8ef;border-radius:9px;padding:9px}.permission-grid h4{margin:0 0 7px;font-size:10px;text-transform:uppercase;color:#415a72}.permission-grid label{display:flex;gap:7px;align-items:flex-start;padding:5px 0}.permission-grid label>span{display:grid}.permission-grid b{font-size:9px}.permission-grid small{font-size:8px;color:#8998a8}.permission-grid input{accent-color:#1677ff}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.report-card{background:#fff;border:1px solid #e2e8ef;border-radius:13px;padding:16px;box-shadow:0 4px 16px #26384b0d}.report-card.featured{border-color:#cddff4;background:linear-gradient(135deg,#fff,#f4f9ff)}.report-icon{width:37px;height:37px;border-radius:9px;background:#edf5ff;color:#1677ff;display:grid;place-items:center;font-size:18px}.report-card h3{margin:10px 0 4px;font-size:13px}.report-card p{margin:0 0 13px;min-height:32px;color:#7c8c9d;font-size:10px;line-height:1.5}.report-card button{border:1px solid #d6e0ea;background:#f8fafc;border-radius:7px;padding:6px 9px;margin-right:5px;font-size:9px;font-weight:800;color:#3b536a}.accounting-reports{grid-template-columns:repeat(2,1fr)}.accounting-overview{padding:12px}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:start}.settings-nav{background:#fff;border:1px solid #e2e8ef;border-radius:12px;padding:7px;display:grid;gap:3px;position:sticky;top:94px}.settings-nav button{border:0;background:transparent;border-radius:7px;text-align:left;padding:8px 9px;color:#405970;font-size:10px;font-weight:800;display:grid;gap:2px}.settings-nav button small{font-size:8px;color:#91a0ae;font-weight:500}.settings-nav button.active{background:#1677ff;color:#fff}.settings-nav button.active small{color:#cfe5ff}.setting-value{display:inline-block;max-width:390px;overflow:hidden;text-overflow:ellipsis;font-size:9px;color:#36536c;background:#f3f6f9;padding:4px 6px;border-radius:5px}.menu-backdrop{display:none}@media(max-width:1250px){.cards,.dashboard-alerts{grid-template-columns:repeat(2,1fr)}.two,.two.wide-left,.inventory-layout{grid-template-columns:1fr}.report-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr 1fr}.permission-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:190px 1fr}}@media(max-width:920px){.admin-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;width:258px;transition:.2s}.menu-open .sidebar{left:0}.menu-button{display:block}.menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:#07192876;border:0}.head-actions .api-badge,.head-user{display:none}.topbar{padding:0 14px}.content main{padding:14px}.page-toolbar{align-items:flex-start;flex-direction:column}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow:auto}.settings-nav button{min-width:130px}.order-item-row{grid-template-columns:1fr 1fr}.order-item-row select{grid-column:1/-1}.receive-item-row{grid-template-columns:1fr 1fr}.receive-item-row>div{grid-column:1/-1}.report-grid,.accounting-reports{grid-template-columns:1fr}}@media(max-width:620px){.login-page{grid-template-columns:1fr;padding:20px}.login-brand{display:none}.login-box{padding:25px}.cards,.compact-cards,.dashboard-alerts,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.multi-check-list{grid-template-columns:1fr}.branch-select>span{display:none}.branch-select select{max-width:155px}.search-input{min-width:200px}.report-grid{grid-template-columns:1fr}.customer-head,.inventory-summary{grid-template-columns:repeat(2,1fr)}}.quotation-items{border:1px solid #dfe6ee;border-radius:10px;background:#fff;padding:10px;margin-top:8px}.quotation-item-row{display:grid;grid-template-columns:minmax(220px,2fr) 90px 100px 70px 110px 32px;gap:7px;align-items:center;padding:6px 0;border-bottom:1px solid #eef2f6}.quotation-item-row:last-child{border-bottom:0}.quotation-item-row input{height:34px;border:1px solid #d9e2ea;border-radius:7px;padding:0 8px;font-size:10px}.quotation-item-row>span{font-size:10px;text-align:right;color:#52697e}.quotation-item-row>b{text-align:right;font-size:10px}.quotation-total-preview{display:flex;justify-content:flex-end;align-items:center;gap:18px;background:#f6f9fc;border:1px solid #e1e8ef;border-radius:9px;padding:11px 13px}.quotation-total-preview span{font-size:10px;color:#627589}.quotation-total-preview strong{font-size:15px;color:#173d61}.quotation-product-search{margin-bottom:10px}.quotation-notes{padding:12px 14px}.quotation-notes b{font-size:10px}.quotation-notes p{margin:4px 0 0;color:#64778b;font-size:10px;white-space:pre-wrap}@media(max-width:920px){.quotation-item-row{grid-template-columns:1fr 1fr}.quotation-item-row .table-title{grid-column:1/-1}.quotation-total-preview{align-items:flex-end;flex-direction:column;gap:5px}}