@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#e8ecf4;background:#0d1119;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#0d1119;--panel:#141a25;--line:#283142;--muted:#8994a8;--accent:#8de1c2}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit;cursor:pointer}.layout{min-height:100vh;display:flex;background:var(--bg)}.sidebar{width:245px;flex-shrink:0;border-right:1px solid #202838;background:#10151f;display:flex;flex-direction:column;padding:25px 15px 18px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#e8ecf4;font:800 23px Manrope,sans-serif;letter-spacing:-1px;padding:0 10px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--accent);color:#10221e;border-radius:12px;font-size:26px}.brand small{display:block;font:600 9px DM Sans,sans-serif;letter-spacing:1.7px;color:#77849a;margin-top:1px}.dot{color:var(--accent)}.branch{margin:34px 2px 29px;padding:12px;display:flex;align-items:center;gap:10px;background:#181f2c;border:1px solid #2b3547;border-radius:12px}.branch-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#263b3a;color:var(--accent);font-size:21px}.branch small{display:block;color:#7f8ba0;font-size:9px;letter-spacing:1px;margin-bottom:3px}.branch b{font-size:13px}.muted{margin-left:auto;color:#9ba5b5}.nav-label{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#68758a;padding:0 12px;margin:0 0 12px}nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;text-align:left;padding:12px 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:#9aa5b8;font-size:13px}.nav-item:hover{background:#171f2b;color:#e5eaf2}.nav-item.selected{background:#1b2e2c;border-color:#29443e;color:var(--accent);font-weight:700}.nav-icon{width:19px;text-align:center;font-size:18px}.sidebar-foot{margin-top:auto;padding:17px 8px 0;border-top:1px solid #252d3b;display:flex;align-items:center;gap:8px;color:#8792a5;font-size:10px}.status-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#e2bd76}.avatar{display:grid;place-items:center;width:30px;height:30px;margin-left:auto;border-radius:10px;background:#243b38;color:var(--accent);font-size:10px;font-weight:700}.main{min-width:0;flex:1}.topbar{height:75px;border-bottom:1px solid #202838;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:16px;font-size:12px;font-weight:600}.topbar i{font-style:normal;color:#59667a;margin:0 9px}.top-actions{display:flex;align-items:center;gap:20px}.env{display:flex;align-items:center;gap:7px;border:1px solid #3d3427;background:#251f18;border-radius:100px;padding:7px 11px;color:#d6b77c;font-size:10px}.env b{width:6px;height:6px;background:#e3b65f;border-radius:50%}.user{display:flex;align-items:center;gap:8px;color:#c4ccda;font-size:11px}.user .avatar{width:28px;height:28px;border-radius:50%;margin:0}.content{padding:34px 36px 48px;max-width:1600px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.eyebrow{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:1.7px;margin:0 0 9px}.heading h1{font:700 29px Manrope,sans-serif;letter-spacing:-1px;margin:0}.subtitle{color:var(--muted);font-size:12px;margin:8px 0 0}.primary{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--accent);color:#11221d;border:0;border-radius:10px;padding:12px 17px;font-size:12px;font-weight:700}.primary:hover{background:#a4edd3}.notice{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #4a3b25;background:#211d17;border-radius:11px;margin-bottom:22px;color:#d6c6a8}.notice>span{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1px solid #77613c;color:#e6c580;font-weight:700}.notice b{font-size:11px;color:#e9d4ad}.notice p{font-size:10px;color:#aa9b80;margin:3px 0 0}.notice>strong{margin-left:auto;border:1px solid #5b482c;color:#e5bf73;border-radius:5px;padding:5px 7px;font-size:9px;letter-spacing:1px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px}.metric,.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;min-width:0}.metric{padding:18px}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#95a0b3;font-size:9px;font-weight:700;letter-spacing:.8px}.metric-top b{display:grid;place-items:center;width:29px;height:29px;background:#1f2e31;color:var(--accent);border-radius:9px;font-size:17px}.metric>strong{display:block;font:700 clamp(20px,2vw,28px) Manrope,sans-serif;letter-spacing:-.9px;margin:14px 0 12px;white-space:nowrap}.metric-bottom{display:flex;gap:6px;flex-wrap:wrap;color:#7f8ba0;font-size:9px}.metric-bottom em{font-style:normal;color:var(--accent);font-weight:700}.columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:17px;margin-bottom:18px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2{font:700 14px Manrope,sans-serif;margin:0}.panel-head p{font-size:10px;color:var(--muted);margin:5px 0 0}.chip{background:#1b2331;border:1px solid #2e394c;border-radius:7px;color:#aab4c4;padding:8px 9px;font-size:9px;white-space:nowrap}.chart{display:flex;gap:13px;margin-top:25px;height:190px}.axis{display:flex;flex-direction:column;justify-content:space-between;color:#667389;font-size:9px;padding-bottom:20px}.bars{flex:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 45px,#283142 46px);min-width:0}.bar-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px;color:#77849a;font-size:9px}.bar-space{height:160px;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar-space span{width:min(28px,65%);border-radius:5px 5px 2px 2px;background:linear-gradient(to top,#315a51,#8de1c2);min-height:9px}.bar-col:nth-child(6) .bar-space span{background:linear-gradient(to top,#6d6751,#e7ca88)}.quick{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:14px 0;border:0;border-bottom:1px solid #252e3e;background:transparent;color:#e8ecf4}.quick:last-child{border-bottom:0}.quick-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;background:#202b36;color:var(--accent);font-size:19px}.quick-copy{display:flex;flex-direction:column;gap:4px}.quick-copy b{font-size:11px}.quick-copy small{font-size:9px;color:#8793a7}.arrow{margin-left:auto;color:#78879a;font-size:16px}.quick:hover .arrow{color:var(--accent)}.table-panel{padding-bottom:7px}.link-button{background:transparent;border:0;color:var(--accent);font-size:10px;white-space:nowrap}.table-scroll{overflow-x:auto;margin-top:20px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:.6px;color:#718096;font-weight:700;padding:0 13px 12px}td{padding:14px 13px;border-top:1px solid #252e3d;color:#a5afbf;font-size:10px}td b{color:#dce2eb;font-size:10px}.amount{font-weight:700;color:#e6ebf3}.ok{color:var(--accent);font-size:9px}.module{min-height:330px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:38px}.module-icon{display:grid;place-items:center;width:52px;height:52px;background:#203430;color:var(--accent);border-radius:14px;font-size:25px}.module h2{font:700 22px Manrope,sans-serif;margin:20px 0 8px}.module>p{max-width:570px;font-size:12px;line-height:1.7;color:var(--muted);margin:0}.checklist{display:flex;flex-direction:column;gap:10px;margin-top:24px;color:#9ba8ba;font-size:11px}.checklist span:first-child{color:var(--accent)}.backdrop{position:fixed;inset:0;z-index:10;background:#05080dc9;display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(100%,460px);background:#171e2a;border:1px solid #303b4d;border-radius:16px;padding:29px;box-shadow:0 25px 80px #0008}.close{position:absolute;top:13px;right:16px;border:0;background:transparent;color:#9aa6b8;font-size:25px}.modal h2{font:700 23px Manrope,sans-serif;margin:0 0 10px}.modal>p:not(.eyebrow){font-size:12px;line-height:1.65;color:#9ca8bb}.modal-note{background:#202a37;border:1px solid #303c4e;border-radius:9px;padding:13px;color:#b2bdce;font-size:11px;line-height:1.5;margin:20px 0}.full{width:100%}@media(max-width:1150px){.sidebar{width:215px}.content{padding:28px 24px}.topbar{padding:0 24px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.columns{grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr)}}@media(max-width:850px){.sidebar{width:76px;padding:22px 10px 16px}.brand{padding:0;justify-content:center}.brand>span:last-child,.branch>span:not(.branch-icon),.nav-label,.nav-item{font-size:0}.branch{justify-content:center;padding:10px 0;margin:27px 0 22px}.branch-icon{font-size:21px}.nav-item{justify-content:center;padding:13px 0}.nav-icon{font-size:19px}.sidebar-foot{justify-content:center;padding:15px 0 0}.sidebar-foot>span:not(.status-dot),.status-dot{display:none}.sidebar-foot .avatar{margin:0}.top-actions .user{font-size:0}.top-actions .user .avatar{font-size:10px}.columns{grid-template-columns:1fr}.heading h1{font-size:25px}}@media(max-width:540px){.topbar{height:61px;padding:0 13px}.top-actions{gap:8px}.env{font-size:0;padding:8px}.env b{width:7px;height:7px}.content{padding:23px 13px}.heading{align-items:flex-start;flex-direction:column}.heading h1{font-size:24px}.subtitle{line-height:1.5}.metrics{gap:9px}.metric{padding:13px 11px}.metric-top{font-size:8px}.metric>strong{font-size:20px}.metric-bottom{font-size:8px}.panel{padding:15px 12px}.bars{gap:6px}.chart{gap:8px}.notice{align-items:flex-start;padding:12px}.notice>strong{display:none}.module{padding:24px 17px}}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#1c2d35,#0c1018 55%);color:#eef3f8}.auth-card{width:min(100%,420px);display:flex;flex-direction:column;gap:12px;padding:32px;background:#171e2a;border:1px solid #303b4d;border-radius:18px;box-shadow:0 25px 80px #0006}.auth-card .brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#8de1c2;color:#10211d;font-size:25px;font-weight:800}.auth-card h1{font:700 27px Manrope,sans-serif;margin:0}.auth-description,.auth-card>p:not(.eyebrow){font-size:12px;line-height:1.65;color:#9ca8bb;margin:0 0 6px}.auth-card label{font-size:11px;color:#c7d0dd;font-weight:700;margin-top:5px}.auth-card input{width:100%;box-sizing:border-box;background:#0f1520;border:1px solid #354154;border-radius:8px;padding:12px;color:#eef3f8;font:inherit;outline:none}.auth-card input:focus{border-color:#8de1c2;box-shadow:0 0 0 3px #8de1c222}.auth-card button:disabled{opacity:.65;cursor:wait}.auth-card>small{font-size:10px;color:#78869a;text-align:center;line-height:1.5;margin-top:5px}.auth-error{font-size:11px;color:#ffb1a8;background:#3b2429;border:1px solid #66343a;border-radius:8px;padding:10px;line-height:1.5}.auth-banner{position:fixed;z-index:20;top:12px;right:16px;display:flex;align-items:center;gap:15px;max-width:calc(100vw - 32px);padding:9px 12px;background:#18252a;border:1px solid #355148;border-radius:10px;color:#b9c9c8;font-size:10px;box-shadow:0 8px 24px #0004}.auth-banner button{background:transparent;border:0;color:#8de1c2;font-size:10px;white-space:nowrap;cursor:pointer}.inventory-module{padding:22px;min-height:320px}.inventory-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.inventory-heading h2{font:700 16px Manrope,sans-serif;margin:0}.inventory-heading p{font-size:10px;color:var(--muted);margin:6px 0 0}.inventory-count{border:1px solid #2e394c;background:#1b2331;color:#aeb9c9;padding:7px 10px;border-radius:8px;font-size:10px;white-space:nowrap}.inventory-controls{display:flex;gap:10px;margin:20px 0 8px}.inventory-controls input,.inventory-controls select{min-width:0;flex:1;background:#0f1520;border:1px solid #354154;border-radius:9px;padding:11px 12px;color:#e8ecf4;font:inherit;font-size:11px;outline:none}.inventory-controls input:focus,.inventory-controls select:focus{border-color:var(--accent)}.inventory-controls select{max-width:280px}.inventory-state{padding:18px 8px;color:#94a1b5;font-size:11px;line-height:1.6}.inventory-error{margin:18px 0;padding:12px;border:1px solid #66343a;background:#3b2429;color:#ffb1a8;border-radius:9px;font-size:11px;line-height:1.6}.inventory-active,.inventory-inactive,.inventory-low{display:inline-block;border-radius:5px;padding:5px 7px;font-size:9px;white-space:nowrap}.inventory-active{background:#1d342d;color:#8de1c2}.inventory-inactive{background:#302c2b;color:#c3b9ac}.inventory-low{background:#3b2c1d;color:#f0c47a}.inventory-sub{display:block;color:#7f8ba0;font-size:9px;margin-top:4px}.inventory-footnote{border-top:1px solid #252e3d;margin:18px 0 0;padding-top:13px;color:#78869a;font-size:10px;line-height:1.6}@media(max-width:540px){.inventory-module{padding:15px 12px}.inventory-controls{flex-direction:column}.inventory-controls select{max-width:none}.inventory-heading{align-items:flex-start}.inventory-heading h2{font-size:14px}}.inventory-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.inventory-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #426457;background:#203b34;color:#a6edd2;border-radius:9px;padding:10px 12px;font:600 11px DM Sans,sans-serif;white-space:nowrap}.inventory-action:hover{background:#294a40}.inventory-action:disabled{opacity:.55;cursor:wait}.receipt-form{display:flex;flex-direction:column;gap:13px;margin:17px 0;padding:16px;border:1px solid #344b46;background:#111b1e;border-radius:11px}.receipt-form>div b{font:700 13px Manrope,sans-serif}.receipt-form>div p{font-size:10px;color:#93a9a5;margin:5px 0 0}.receipt-form label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:600;color:#bac8c6}.receipt-form input,.receipt-form select{width:100%;min-width:0;background:#0c1219;border:1px solid #354154;border-radius:8px;padding:11px 12px;color:#e8ecf4;font:inherit;font-size:11px;outline:none}.receipt-form input:focus,.receipt-form select:focus{border-color:#8de1c2}.receipt-success{margin:0;padding:10px;border:1px solid #355148;background:#182b26;border-radius:8px;color:#a6edd2;font-size:11px;line-height:1.5}@media(max-width:540px){.inventory-heading-actions{justify-content:flex-start}.inventory-heading{flex-wrap:wrap}.inventory-action{width:100%}}.cash-summary,.cash-result>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid #2d403e;background:#0e171a;border-radius:8px;color:#a9bbb7;font-size:11px}.cash-summary strong,.cash-result strong{color:#e6f4ef;font-size:13px;font-variant-numeric:tabular-nums}.cash-result{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding:16px;border:1px solid #344b46;background:#111b1e;border-radius:11px}.cash-result>b{font:700 13px Manrope,sans-serif;margin-bottom:3px}.sale-product-results{display:flex;flex-direction:column;gap:6px;margin:10px 0}.sale-product-option{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:11px 12px;border:1px solid #344b46;border-radius:8px;background:#111b1e;color:#e6f4ef;text-align:left;cursor:pointer}.sale-product-option:hover{border-color:#8de1c2;background:#172622}.sale-product-option>span{display:flex;flex-direction:column;gap:4px}.sale-product-option>span:last-child{text-align:right}.sale-product-option b{font-size:11px}.sale-product-option small{font-size:10px;color:#91a8a3}.sale-cart{margin-top:18px}.sale-cart h3{font:700 14px Manrope,sans-serif;margin:0}.sale-quantity{width:88px;min-width:64px;padding:7px;border:1px solid #354154;border-radius:7px;background:#0c1219;color:#e8ecf4}.sale-checkout{display:grid;grid-template-columns:minmax(160px,1fr) auto;align-items:end;gap:12px;margin-top:18px;padding:16px;border:1px solid #344b46;background:#111b1e;border-radius:11px}.sale-checkout label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#bac8c6}.sale-checkout select{background:#0c1219;border:1px solid #354154;border-radius:8px;padding:11px;color:#e8ecf4;font:inherit}.sale-total{display:flex;flex-direction:column;gap:5px;text-align:right;color:#a9bbb7;font-size:11px}.sale-total strong{font:700 21px Manrope,sans-serif;color:#a6edd2;white-space:nowrap}.sale-checkout>.inventory-action{grid-column:1/-1;width:100%}.sale-checkout>.inventory-footnote{grid-column:1/-1;margin:0}@media(max-width:600px){.sale-checkout{grid-template-columns:1fr}.sale-total{text-align:left}.sale-checkout>.inventory-action,.sale-checkout>.inventory-footnote{grid-column:auto}}.chart-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:24px;color:#91a8a3}.chart-empty>span{font-size:25px;color:#8de1c2}.chart-empty>b{font:700 13px Manrope,sans-serif;color:#dce9e5}.chart-empty p{max-width:320px;font-size:11px;line-height:1.6;margin:0}.empty-table{text-align:center!important;padding:24px!important;color:#91a8a3!important}