:root{--bg-0:#142019;--bg-1:#1c2a24;--bg-2:#24352d;--paper:#f4ebe0;--paper-2:#ebe0d2;--ink:#152018;--ink-soft:#4a5a52;--copper:#c47a3a;--copper-deep:#9a5a28;--leaf:#2f6b4f;--leaf-bright:#3f8a66;--danger:#a33b2d;--warn:#b7791f;--ok:#2f6b4f;--shadow:0 12px 40px #0a120e47;--radius:18px;--font:"Vazirmatn", Tahoma, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);background:radial-gradient(ellipse 80% 50% at 100% -10%, #c47a3a38, transparent 55%), radial-gradient(ellipse 60% 40% at 0% 100%, #3f8a662e, transparent 50%), linear-gradient(165deg, var(--bg-0), var(--bg-1) 45%, #203028);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.boot-screen{min-height:100dvh;color:var(--paper);place-items:center;font-weight:600;display:grid}.app-shell{max-width:430px;min-height:100dvh;box-shadow:var(--shadow);background:linear-gradient(#f4ebe0f7,#efe4d6 40%,#e8dccb);grid-template-rows:auto 1fr auto;margin:0 auto;display:grid}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#f4ebe0d9;border-bottom:1px solid #1c2a2414;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 10px;display:flex;position:sticky;top:0}.brand-block{align-items:center;gap:10px;display:flex}.brand-mark{background:linear-gradient(145deg, var(--leaf-bright), var(--bg-0));width:40px;height:40px;color:var(--paper);letter-spacing:.02em;border-radius:12px;place-items:center;font-weight:800;display:grid}.brand-name{color:var(--ink);font-size:1.05rem;font-weight:800}.brand-user{color:var(--ink-soft);font-size:.78rem}.topbar-actions{align-items:center;gap:8px;display:flex}.status-pill{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:600}.status-online{color:var(--ok);background:#2f6b4f24}.status-offline{color:var(--danger);background:#a33b2d24}.status-degraded{color:var(--warn);background:#b7791f29}.page-main{padding:12px 14px 96px;overflow:auto}.bottom-nav{padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#1c2a24f5;border-top:1px solid #f4ebe014;grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:sticky;bottom:0}.bottom-nav a{text-align:center;color:#f4ebe09e;border-radius:12px;padding:10px 4px;font-size:.82rem;font-weight:600}.bottom-nav a.active{color:var(--paper);background:#c47a3a47}.section-head h1{margin:0;font-size:1.45rem;font-weight:800}.section-head p{color:var(--ink-soft);margin:6px 0 14px;font-size:.9rem}.primary-btn,.secondary-btn,.ghost-btn{cursor:pointer;border:0;border-radius:14px;padding:12px 16px;font-weight:700;transition:transform .15s,opacity .15s}.primary-btn:active,.secondary-btn:active,.ghost-btn:active{transform:scale(.98)}.primary-btn{background:linear-gradient(135deg, var(--copper), var(--copper-deep));color:#fff8f0;box-shadow:0 8px 20px #9a5a2847}.primary-btn:disabled,.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{background:var(--bg-2);color:var(--paper)}.ghost-btn{color:var(--ink-soft);background:0 0;padding:8px 10px}.primary-btn.wide{width:100%}.login-screen{grid-template-rows:1.1fr auto;max-width:430px;min-height:100dvh;margin:0 auto;display:grid}.login-hero{color:var(--paper);align-content:end;padding:36px 24px 28px;display:grid;position:relative;overflow:hidden}.login-glow{filter:blur(8px);background:radial-gradient(circle at 30% 40%,#c47a3a73,#0000 55%),radial-gradient(circle at 70% 30%,#3f8a6659,#0000 50%);height:70%;animation:8s ease-in-out infinite alternate drift;position:absolute;inset:-20% 10% auto -10%}@keyframes drift{0%{transform:translateY(0)scale(1)}to{transform:translateY(12px)scale(1.05)}}.login-brand{letter-spacing:-.03em;font-size:clamp(2.8rem,12vw,3.6rem);font-weight:800;line-height:1;position:relative}.login-tagline{color:#f4ebe0c7;max-width:16rem;margin:12px 0 0;font-size:.98rem;position:relative}.login-card{background:var(--paper);border-radius:28px 28px 0 0;gap:14px;padding:24px 20px 32px;animation:.45s both rise;display:grid}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.login-card h1{margin:0 0 4px;font-size:1.35rem}.login-card label{color:var(--ink-soft);gap:6px;font-size:.88rem;font-weight:600;display:grid}.login-card input{color:var(--ink);background:#fffaf4;border:1px solid #1c2a2424;border-radius:12px;padding:12px 14px}.hint{color:var(--ink-soft);margin:0;font-size:.78rem;line-height:1.6}.sell-page{gap:14px;display:grid}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.product-tile{text-align:right;background:linear-gradient(180deg, #fffaf3, var(--paper-2));cursor:pointer;border:1px solid #1c2a2414;border-radius:16px;gap:6px;padding:14px 12px;transition:transform .15s,box-shadow .15s;display:grid}.product-tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1c2a2414}.product-name{font-size:.95rem;font-weight:700}.product-price{color:var(--copper-deep);font-size:.88rem;font-weight:700}.product-sku{color:var(--ink-soft);font-size:.72rem}.cart-panel{color:var(--paper);border-radius:var(--radius);background:#1c2a24f2;gap:10px;padding:14px;display:grid}.cart-title{font-weight:800}.cart-empty,.empty-state{color:var(--ink-soft);text-align:center;padding:18px 8px}.cart-panel .cart-empty{color:#f4ebe0a6}.cart-list{gap:10px;max-height:220px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.cart-list li{border-bottom:1px solid #f4ebe01a;justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;display:flex}.qty-controls{align-items:center;gap:8px;display:flex}.qty-controls button{width:30px;height:30px;color:var(--paper);cursor:pointer;background:#f4ebe01f;border:0;border-radius:10px}.check-row{color:#f4ebe0cc;align-items:center;gap:8px;font-size:.85rem;display:flex}.cart-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.cart-total{font-size:1.1rem;font-weight:800}.muted{color:var(--ink-soft);font-size:.82rem}.cart-panel .muted{color:#f4ebe09e}.list-page{gap:14px;display:grid}.list-section h2{margin:0 0 10px;font-size:1rem}.sale-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sale-card{background:#fffaf3;border:1px solid #1c2a2414;border-radius:16px;gap:6px;padding:12px 14px;display:grid}.sale-card.pending{background:#fff6e8;border-color:#b7791f59}.sale-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.badge{border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:700}.badge.ok{color:var(--ok);background:#2f6b4f24}.badge.warn{color:var(--warn);background:#b7791f29}.error-banner,.info-banner,.error-inline{border-radius:12px;padding:10px 12px;font-size:.86rem;line-height:1.5}.error-banner,.error-inline{color:var(--danger);background:#a33b2d1f}.info-banner{color:var(--leaf);background:#2f6b4f1f}.bridge-card{border-radius:16px;padding:14px;font-weight:700}.bridge-card.ok{color:var(--ok);background:#2f6b4f24}.bridge-card.bad{color:var(--danger);background:#a33b2d1f}.info-grid,.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.info-grid.compact{grid-template-columns:1fr}.info-grid>div,.stat-tile{background:#fffaf3;border:1px solid #1c2a2414;border-radius:14px;gap:4px;padding:12px;display:grid}.label{color:var(--ink-soft);font-size:.75rem}.action-row{gap:8px;display:grid}.flow-steps{color:var(--ink-soft);margin:0;padding:0 18px 0 0;font-size:.9rem;line-height:1.8}.cursor-value{word-break:break-all;font-size:.78rem}@media (width>=720px){body{padding:24px 0}.app-shell,.login-screen{border-radius:28px;min-height:calc(100dvh - 48px);overflow:hidden}}