:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#10233f;background:#f3f6fa;font-synthesis:none;--brand: #1768d5;--brand-dark: #0d4fae;--brand-soft: #eaf3ff;--ink: #10233f;--muted: #6e7f95;--line: #dce5ef;--danger: #d62f2f;--shadow: 0 12px 30px rgba(24, 47, 79, .08)}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;background:#f3f6fa;color:var(--ink)}button,input,select,textarea{font:inherit}button{color:inherit}input,select,textarea{width:100%;border:1px solid #ccd8e6;border-radius:11px;background:#fff;padding:10px 12px;outline:none;color:#13263f}input:focus,select:focus,textarea:focus{border-color:#5a98e8;box-shadow:0 0 0 3px #1768d517}label{display:grid;gap:6px;color:#40536b;font-size:12px;font-weight:750}h1,h2,h3,h4{color:#0d1f38}.center-screen{min-height:100vh;display:grid;place-items:center;font-weight:800}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 10%,#d9eaff,transparent 36%),linear-gradient(145deg,#eef4fb,#f9fbfd)}.login-card{width:min(100%,390px);background:#fff;border:1px solid #dde7f1;border-radius:25px;padding:32px;box-shadow:0 28px 75px #0d2b4f26;display:grid;gap:13px}.login-logo{width:70px;height:70px;margin:0 auto 8px}.login-card h1,.login-card p{text-align:center;margin:0}.login-card p{color:var(--muted);margin-bottom:8px}.primary,.small-primary{border:0;background:linear-gradient(135deg,var(--brand),#2b72dd);color:#fff;border-radius:11px;min-height:42px;padding:9px 14px;font-weight:850;cursor:pointer}.primary:disabled{opacity:.55;cursor:not-allowed}.small-primary{min-height:34px;padding:6px 11px}.wide{width:100%}.ghost{border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 14px;font-weight:800;cursor:pointer}.error-box,.warning-box{background:#fff0f0;border:1px solid #ffcaca;color:#a52c2c;border-radius:12px;padding:11px}.warning-box.compact{font-size:12px}.note-box{background:#f3f7fc;border:1px solid #dce6f1;color:#52677e;border-radius:11px;padding:10px 12px;font-size:12px}.global-message{width:min(760px,calc(100% - 30px));margin:8px auto 0;background:#fff0ef;color:#b13c34;border:1px solid #ffc8c4;border-radius:11px;padding:11px 14px;cursor:pointer}.app-shell{min-height:100vh;padding-bottom:90px}.app-header{height:82px;background:#fff;border-top:13px solid #3b3b3b;border-bottom:1px solid #e4ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1260px)/2));position:sticky;top:0;z-index:30}.brand-button{border:0;background:transparent;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left}.brand-button img{width:42px;height:42px}.brand-button span{display:grid;gap:1px}.brand-button b{font-size:17px}.brand-button small{font-size:11px;color:var(--muted)}.content{max-width:1260px;margin:0 auto;padding:18px 18px 45px}.hero{min-height:205px;border-radius:26px;padding:34px;background:linear-gradient(135deg,#0c48a7,#2674df);color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}.hero h1{color:#fff;font-size:40px;margin:8px 0}.hero small{font-weight:900;letter-spacing:2px}.hero p{margin:0;opacity:.85}.hero>span{background:#ffffff24;padding:10px 14px;border-radius:999px;font-weight:800}.home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.home-card{min-height:170px;background:#fff;border:1px solid #dde7f0;border-radius:20px;padding:20px;display:grid;align-content:start;gap:8px;text-align:left;cursor:pointer;box-shadow:0 5px 17px #1c34540a}.home-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.home-card i{font-style:normal;font-size:30px}.home-card b{font-size:18px}.home-card small{color:var(--muted)}.page-title{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:8px 0 16px}.page-title small{font-weight:900;letter-spacing:1.5px;color:#40536b}.page-title h2{font-size:34px;margin:4px 0 0}.page-title>span,.title-actions>span{color:var(--muted);font-weight:800}.title-actions{display:flex;align-items:center;gap:8px}.title-actions button,.order-actions button,.item-actions button,.copy-cart,.modal-toolbar button,.backup-list button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 10px;font-weight:800;cursor:pointer}.filters,.order-toolbar{display:flex;gap:10px;margin-bottom:14px}.filters input,.order-toolbar input{flex:1}.filters select{width:220px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{border:1px solid #dfe7f0;background:#fff;border-radius:17px;padding:11px;display:grid;grid-template-columns:86px 1fr;gap:12px;text-align:left;cursor:pointer;min-height:110px}.product-card img{width:86px;height:86px;object-fit:cover;border-radius:12px}.product-card div{display:grid;align-content:center;gap:5px}.product-card small,.product-card span{color:var(--muted);font-size:11px}.product-card b{font-size:15px}.modal-backdrop{position:fixed;inset:0;background:#0813227a;z-index:100;display:grid;place-items:center;padding:18px}.modal{width:min(520px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:20px;box-shadow:0 30px 90px #0000003d}.wide-modal{width:min(900px,100%)}.extra-wide-modal{width:min(1180px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;position:sticky;top:-20px;background:#fff;padding:4px 0 8px;z-index:3}.modal-head h3{margin:0;font-size:21px}.icon-button{width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:23px;cursor:pointer}.calc-product-head{display:grid;grid-template-columns:120px 1fr;gap:15px;align-items:center;margin-bottom:15px}.modal-image{width:120px;height:100px;object-fit:cover;border-radius:14px;background:#edf2f8}.calc-product-head h3{margin:4px 0}.calc-product-head small{color:var(--muted)}.calculator-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.field-wide{grid-column:1/-1}.price-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.price-panel>div{background:#f3f7fc;border-radius:14px;padding:13px;display:grid;gap:4px}.price-panel small{color:var(--muted)}.price-panel b{font-size:20px}.calc-mini-details,.detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.calc-mini-details span,.info-cell{background:#f5f8fc;border-radius:10px;padding:9px;display:grid;gap:4px;font-size:11px;color:var(--muted)}.calc-mini-details b,.info-cell b{font-size:13px;color:var(--ink)}.modal-stack{display:grid;gap:11px}.audit-table{border:1px solid #e1e8f0;border-radius:12px;overflow:hidden;margin-top:10px}.audit-table>div{display:flex;justify-content:space-between;gap:14px;padding:8px 10px;border-bottom:1px solid #edf1f5;font-size:12px}.audit-table>div:last-child{border-bottom:0}.audit-table span{color:var(--muted);text-transform:capitalize}.audit-table b{text-align:right;word-break:break-word}.alt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.alt-product{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px;text-align:left;display:grid;gap:4px;cursor:pointer}.alt-product small{color:var(--muted)}.cart-layout{display:grid;grid-template-columns:1fr 390px;align-items:start;gap:16px}.cart-list,.orders-list{display:grid;gap:12px}.cart-card{display:grid;grid-template-columns:78px 1fr auto;gap:13px;background:#fff;border:1px solid #e2e9f1;border-radius:17px;padding:12px;align-items:start}.cart-card.alternative{margin-left:28px;border-left:4px solid #8ab8f3;background:#fbfdff}.cart-card>img{width:78px;height:78px;object-fit:cover;border-radius:12px;background:#eef3f8}.cart-main{min-width:0;display:grid;gap:4px}.cart-main small,.cart-main>span{color:var(--muted);font-size:12px}.cart-main em{color:#56677a;font-style:normal;font-size:11px}.cart-price{min-width:115px;display:grid;justify-items:end;gap:4px}.cart-price small{color:var(--muted)}.cart-price b{font-size:17px}.cart-price-chips{display:flex;gap:6px;flex-wrap:wrap;margin:3px 0}.cart-price-chips span{background:#f2f6fb;border-radius:8px;padding:4px 7px;font-size:10px;color:var(--muted)}.cart-price-chips b{color:var(--ink)}.item-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.item-actions button{padding:5px 8px;font-size:11px}.danger-link{border:0!important;background:transparent!important;color:var(--danger)!important;cursor:pointer;font-weight:850}.summary-card{position:sticky;top:98px;background:#fff;border:1px solid #dfe7f0;border-radius:20px;padding:18px;box-shadow:var(--shadow);display:grid;gap:11px}.summary-card h3{margin:0}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden}.segmented.three{grid-template-columns:repeat(3,1fr)}.segmented button{min-height:42px;border:0;border-right:1px solid var(--line);background:#fff;font-weight:800;cursor:pointer}.segmented button:last-child{border-right:0}.segmented button.selected{background:var(--brand);color:#fff}.summary-lines{display:grid;gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.summary-lines span{display:flex;justify-content:space-between;gap:12px}.summary-lines .total{color:var(--brand-dark);font-size:15px}.code-info,.revision-banner{font-size:11px;color:#667a91;background:#f5f8fc;border-radius:10px;padding:9px}.revision-banner{margin-bottom:12px;border:1px solid #cfe0f5}.revision-banner button{border:0;background:transparent;color:var(--danger);font-weight:800;cursor:pointer}.empty-card{background:#fff;border:1px dashed #cfd9e6;border-radius:16px;padding:25px;text-align:center;color:var(--muted)}.order-toolbar{align-items:center}.filter-pills{display:flex;gap:7px}.filter-pills button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px;color:#4a5c72;cursor:pointer;font-weight:750;white-space:nowrap}.filter-pills button.selected{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-dark)}.order-card{background:#fff;border:1px solid #e1e8f1;border-radius:18px;padding:17px;box-shadow:0 5px 17px #1c34540a}.order-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.order-top small{color:var(--muted)}.order-top h3{margin:4px 0 3px;font-size:20px}.customer-link{border:0;background:transparent;padding:0;font-weight:850;cursor:pointer}.status{background:#fff2d8;color:#8a5600;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;white-space:nowrap}.order-money{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.order-money span{background:#f6f8fb;border-radius:11px;padding:10px;display:grid;gap:3px;color:var(--muted);font-size:11px}.order-money b{color:var(--ink);font-size:15px}.order-meta{display:flex;flex-wrap:wrap;gap:6px 12px;color:var(--muted);font-size:11px;margin:11px 0}.order-card details{border-top:1px solid var(--line);padding-top:10px}.order-card summary{cursor:pointer;color:#44576d;font-weight:750}.order-line{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed #e7ecf2;font-size:13px}.order-line span{display:grid}.order-line small{color:var(--muted);font-size:10px}.copy-cart{margin-top:9px}.order-actions{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.order-actions button{font-size:12px}.order-detail-item{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.payment-list{display:grid;gap:6px}.payment-list>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;background:#f7f9fc;border-radius:10px;padding:8px 10px}.payment-list span{display:grid}.payment-list small{color:var(--muted)}.status-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.status-options button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px;font-weight:800;cursor:pointer}.status-options button.selected{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark)}.settings-user-card{background:linear-gradient(135deg,#0e4cad,#2c73dc);color:#fff;border-radius:18px;padding:18px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}.settings-user-card>div:first-child{display:grid;gap:3px}.settings-user-card b{font-size:18px}.settings-user-card small,.settings-user-card span{opacity:.82}.settings-user-card .source-note{font-size:11px;opacity:.82;text-align:right}.settings-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-menu-card{background:#fff;border:1px solid #dfe7f0;border-radius:16px;padding:17px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;text-align:left;cursor:pointer}.settings-menu-card i{font-style:normal;font-size:24px}.settings-menu-card span{display:grid;gap:4px}.settings-menu-card small{color:var(--muted)}.settings-menu-card>strong{font-size:25px;color:#8796aa}.settings-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.brand-rules{display:grid}.modal-brand-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.brand-rule{display:grid;grid-template-columns:1fr 90px 22px;gap:8px;align-items:center;border-bottom:1px solid #eef2f6;padding:6px 0}.brand-rule label{display:flex;align-items:center;gap:7px}.brand-rule label input{width:auto}.modal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.modal-toolbar p{margin:0;color:var(--muted);font-size:12px}.user-table{display:grid;gap:8px}.user-row{display:grid;grid-template-columns:160px 150px 70px 125px 90px 145px 165px 75px;gap:7px;align-items:end;border:1px solid #e1e8f0;border-radius:13px;padding:10px}.user-name{display:grid;align-self:center}.user-name small{color:var(--muted)}.user-row label{font-size:10px}.user-row .check{display:flex;align-items:center;gap:5px;padding-bottom:9px}.user-row .check input,.modal-stack .check input{width:auto}.code-input{text-transform:uppercase;font-weight:900;text-align:center}.backup-list{display:grid;gap:7px}.backup-list>div{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #e1e8f0;border-radius:12px;padding:10px}.backup-list span{display:grid}.backup-list small{color:var(--muted)}.backup-list>div>div{display:flex;gap:6px}.bottom-nav{position:fixed;z-index:45;left:50%;bottom:14px;transform:translate(-50%);width:min(620px,calc(100% - 30px));height:64px;background:#fff;border:1px solid #dfe7f0;border-radius:20px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 10px 35px #1f3a5c24;overflow:hidden}.bottom-nav button{border:0;background:transparent;color:#78869a;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;font-size:20px;cursor:pointer}.bottom-nav button span{font-size:10px;font-weight:800}.bottom-nav button.active{color:var(--brand)}@media(max-width:1000px){.home-grid{grid-template-columns:repeat(2,1fr)}.cart-layout{grid-template-columns:1fr}.summary-card{position:static}.settings-fields{grid-template-columns:repeat(2,1fr)}.user-row{grid-template-columns:repeat(4,1fr)}.user-name{grid-column:1/-1}.modal-brand-rules{grid-template-columns:1fr}}@media(max-width:650px){.app-header{height:76px;padding:0 13px;border-top-width:8px}.brand-button img{width:38px;height:38px}.brand-button b{font-size:15px}.brand-button small{font-size:9px}.content{padding:13px 12px 80px}.hero{min-height:155px;padding:20px;border-radius:19px;align-items:flex-start;flex-direction:column}.hero h1{font-size:30px}.home-grid{grid-template-columns:1fr 1fr}.home-card{min-height:132px;border-radius:16px;padding:16px}.page-title{align-items:flex-start}.page-title h2{font-size:29px}.filters,.order-toolbar{flex-direction:column}.filters select{width:100%}.product-grid{grid-template-columns:1fr}.product-card{grid-template-columns:72px 1fr}.product-card img{width:72px;height:72px}.modal-backdrop{padding:0;align-items:end}.modal{width:100%;max-height:94vh;border-radius:22px 22px 0 0;padding:17px}.wide-modal,.extra-wide-modal{width:100%}.modal-head{top:-17px}.calc-product-head{grid-template-columns:85px 1fr}.modal-image{width:85px;height:80px}.calculator-fields,.calc-mini-details,.detail-summary{grid-template-columns:1fr 1fr}.cart-card{grid-template-columns:62px 1fr;align-items:start}.cart-card>img{width:62px;height:62px}.cart-card.alternative{margin-left:12px}.cart-price{grid-column:2;justify-items:start;grid-template-columns:auto auto;align-items:center;gap:8px}.order-money{grid-template-columns:repeat(3,1fr)}.order-money span{padding:8px}.order-money b{font-size:13px}.order-actions button{flex:1 1 28%}.settings-user-card{align-items:flex-start;flex-direction:column}.settings-user-card .source-note{text-align:left}.settings-menu-grid,.settings-fields{grid-template-columns:1fr}.user-row{grid-template-columns:1fr 1fr}.user-name{grid-column:1/-1}.modal-toolbar{align-items:stretch;flex-direction:column}.backup-list>div{align-items:flex-start;flex-direction:column}.payment-list>div{grid-template-columns:1fr auto}.payment-list .danger-link{grid-column:1/-1}.alt-grid{grid-template-columns:1fr}}@media print{.app-header,.bottom-nav,.filter-pills,.order-actions,.page-title,.global-message,.order-toolbar{display:none!important}.content{max-width:none;padding:0}.order-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc;margin-bottom:12px}}