:root{--bg: #eef2f7;--surface: #ffffff;--ink: #0f172a;--muted: #64748b;--line: #e2e8f0;--primary: #0f766e;--primary-600: #0d9488;--primary-soft: #ccfbf1;--danger: #dc2626;--success: #16a34a;--radius: 20px;--shadow: 0 8px 24px rgba(15, 23, 42, .06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,Tahoma,system-ui,-apple-system,sans-serif;background:radial-gradient(120% 90% at 50% 0%,#dfe8f1,#cfd9e6);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}ul{list-style:none;margin:0;padding:0}button,input,select{font-family:inherit}.app{position:relative;max-width:560px;min-height:100vh;margin:0 auto;background:var(--bg);display:flex;flex-direction:column;overflow-x:hidden}@media (min-width: 640px){.app{box-shadow:0 0 60px #0f172a24}}.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 16px 14px;background:linear-gradient(135deg,#0f766e,#0d9488 60%,#14b8a6);color:#fff;box-shadow:0 6px 18px #0d948847;border-radius:0 0 22px 22px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-logo{width:40px;height:40px;min-width:40px;border-radius:13px;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);display:grid;place-items:center}.brand-logo svg{width:22px;height:22px}.brand-text{min-width:0}.brand-text h1{font-size:1.02rem;font-weight:700;line-height:1.2}.brand-text small{font-size:.68rem;opacity:.82}.appbar-lead{display:flex;align-items:center;gap:8px;min-width:0}.appbar-menu{width:38px;min-width:38px;height:38px;display:grid;place-items:center;border:none;border-radius:12px;background:#ffffff29;color:#fff;cursor:pointer;transition:background .15s,transform .15s}.appbar-menu:hover{background:#ffffff3d}.appbar-menu:active{transform:scale(.95)}.appbar-menu svg{width:21px;height:21px}.rate-chip{background:#ffffff29;border:1px solid rgba(255,255,255,.26);padding:7px 11px;border-radius:999px;font-size:.72rem;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rate-chip.muted{opacity:.85}.app-main{flex:1;padding:16px 14px calc(96px + env(safe-area-inset-bottom))}.page{display:flex;flex-direction:column;gap:14px}.card{background:var(--surface);border:1px solid rgba(226,232,240,.9);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.card-head h2{font-size:1.05rem;font-weight:700}.muted{color:var(--muted);font-size:.78rem;margin-top:2px}.count{font-size:.72rem;color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:3px 9px;font-weight:700}.form{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:.8rem;font-weight:600;color:var(--muted)}.field input,.field select{width:100%;border:1.5px solid var(--line);background:#f8fafc;border-radius:14px;padding:13px 14px;font-size:1rem;color:var(--ink);transition:border-color .15s,background .15s,box-shadow .15s}.field input:focus,.field select:focus{outline:none;border-color:var(--primary-600);background:#fff;box-shadow:0 0 0 4px #0d94881f}.field input::placeholder{color:#94a3b8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.span-2{grid-column:1 / -1}.input-with-action{display:flex;gap:8px}.input-with-action input{flex:1;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:none;border-radius:14px;padding:14px 18px;font-size:.98rem;font-weight:700;cursor:pointer;transition:transform .06s,opacity .15s}.btn:active{transform:scale(.985)}.btn svg{width:18px;height:18px}.btn.primary{background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff;box-shadow:0 6px 16px #0d948847}.btn.secondary{background:#eef2f7;color:#334155}.btn.danger{background:#fee2e2;color:var(--danger)}.btn.block{width:100%}.btn.sm{padding:10px 12px;font-size:.82rem;border-radius:11px}.btn:disabled{opacity:.45;box-shadow:none}.icon-btn{display:grid;place-items:center;width:50px;min-width:50px;height:50px;border:none;border-radius:14px;background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff;cursor:pointer}.icon-btn svg{width:23px;height:23px}.icon-btn.ghost{background:#eef2f7;color:var(--primary)}.icon-btn.danger-ghost{width:40px;min-width:40px;height:40px;border-radius:12px;background:#fee2e2;color:var(--danger)}.msg{padding:11px 14px;border-radius:12px;font-size:.85rem;margin-bottom:12px;font-weight:600}.msg.error{background:#fee2e2;color:#991b1b}.msg.success{background:#dcfce7;color:#166534}.empty-state{text-align:center;color:var(--muted);font-size:.85rem;padding:26px 12px;background:#f8fafc;border:1.5px dashed var(--line);border-radius:14px}.barcode-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:118px;padding:14px;background:#fff;border:1.5px dashed #cbd5e1;border-radius:16px;text-align:center}.barcode-preview.empty{background:#f8fafc}.barcode-svg{max-width:100%;height:auto}.barcode-caption{direction:ltr;font-family:ui-monospace,Courier New,monospace;letter-spacing:.08em;color:var(--muted);font-size:.72rem}.barcode-placeholder{color:#94a3b8;font-size:.82rem;font-weight:600}.barcode-placeholder.error{color:var(--danger)}.barcode-preview small{color:#94a3b8;font-size:.68rem}.hint{color:var(--muted);font-size:.72rem;line-height:1.5}.hint.warn{color:#b45309;font-weight:600}.generated-card{display:flex;flex-direction:column;gap:10px;padding:14px;margin-bottom:14px;background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border:1.5px solid #99f6e4;border-radius:16px}.generated-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.generated-head b{display:flex;align-items:center;gap:6px;font-size:.88rem;color:#115e59}.generated-head b svg{width:18px;height:18px}.generated-head .icon-btn{width:34px;min-width:34px;height:34px}.search-bar{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:6px 6px 6px 12px;box-shadow:var(--shadow);margin-bottom:12px}.search-bar .search-ico{width:20px;height:20px;color:var(--muted);min-width:20px}.search-bar input{flex:1;min-width:0;border:none;background:transparent;padding:10px 2px;font-size:1rem}.search-bar input:focus{outline:none}.list-section{display:flex;flex-direction:column}.section-head{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 10px}.section-head h2{font-size:1rem;font-weight:700;display:flex;align-items:center;gap:8px}.product-list{display:flex;flex-direction:column;gap:12px}.product-card{background:var(--surface);border:1px solid rgba(226,232,240,.9);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.product-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.product-info{min-width:0}.product-info h3{font-size:.98rem;font-weight:700;margin-bottom:7px;word-break:break-word}.product-tags{display:flex;flex-wrap:wrap;gap:6px}.barcode-text{direction:ltr;font-family:ui-monospace,Courier New,monospace;font-size:.74rem;color:#475569;background:#f1f5f9;padding:3px 8px;border-radius:8px}.pill{font-size:.68rem;padding:3px 8px;border-radius:999px;background:#f1f5f9;color:#475569}.pill.warn{background:#fef3c7;color:#92400e}.qty-badge{min-width:56px;height:56px;border-radius:16px;background:var(--primary-soft);color:var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.qty-badge span{font-weight:800;font-size:1.1rem;line-height:1}.qty-badge small{font-size:.58rem;margin-top:3px;opacity:.8}.product-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;background:#f8fafc;border-radius:13px;padding:10px 12px}.product-prices .full{grid-column:1 / -1;border-top:1px dashed var(--line);padding-top:8px}.product-prices small{display:block;color:var(--muted);font-size:.68rem;margin-bottom:2px}.product-prices b{font-size:.85rem}.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-field{display:flex;gap:6px}.mini-field input{flex:1;min-width:0;border:1.5px solid var(--line);background:#f8fafc;border-radius:11px;padding:9px 10px;font-size:.9rem}.mini-field input:focus{outline:none;border-color:var(--primary-600);background:#fff}.mini-field .btn{white-space:nowrap}.unit-list{display:flex;flex-direction:column;gap:10px}.unit-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border:1px solid rgba(226,232,240,.9);border-radius:14px;padding:11px 12px;box-shadow:var(--shadow)}.unit-row.editing{flex-direction:column;align-items:stretch;gap:8px}.unit-main{min-width:0}.unit-main b{display:block;font-size:.9rem}.unit-main small{display:block;font-size:.68rem;margin-top:2px}.unit-actions{display:flex;gap:6px;flex-shrink:0}.unit-actions .btn{padding:7px 10px}.cost-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#ecfdf5;border:1px dashed #6ee7b7;color:#065f46;border-radius:12px;padding:9px 12px;font-size:.78rem}.cost-preview b{font-size:.9rem}.scan-hero{width:100%;display:flex;align-items:center;gap:12px;text-align:right;border:none;border-radius:16px;padding:14px;margin-bottom:14px;background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;cursor:pointer;box-shadow:0 8px 20px #0d94884d}.scan-hero:active{transform:scale(.99)}.scan-hero-ico{width:46px;height:46px;min-width:46px;border-radius:13px;background:#fff3;display:grid;place-items:center}.scan-hero-ico svg{width:24px;height:24px}.scan-hero b{display:block;font-size:.95rem}.scan-hero small{display:block;font-size:.7rem;opacity:.85;margin-top:2px}.big-input{text-align:center;font-size:1.25rem!important;letter-spacing:.04em}.stepper{display:flex;align-items:stretch;gap:8px}.stepper input{text-align:center}.step-btn{width:52px;min-width:52px;border:1.5px solid var(--line);background:#eef2f7;color:var(--ink);border-radius:14px;font-size:1.4rem;cursor:pointer}.switch-row{display:flex;align-items:center;gap:10px;font-size:.85rem;color:#334155;background:#f8fafc;border-radius:12px;padding:10px 12px}.switch-row input{width:20px;height:20px;accent-color:var(--primary)}.suggest{display:flex;flex-direction:column;gap:6px;margin-top:-4px;padding:6px;background:#fff;border:1.5px solid var(--line);border-radius:14px;max-height:268px;overflow-y:auto;box-shadow:0 12px 26px #0f172a14}.suggest-empty{padding:10px 8px;font-size:.78rem;color:var(--muted);text-align:center}.suggest-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:transparent;text-align:right;cursor:pointer;font-family:inherit}.suggest-item.active{background:#f1f5f9}.suggest-main b{display:block;font-size:.86rem;color:var(--ink)}.suggest-main small{display:block;font-size:.68rem;color:var(--muted);margin-top:1px}.suggest-side{text-align:left}.suggest-side b{display:block;font-size:.8rem;color:var(--primary);white-space:nowrap}.suggest-side small{display:block;font-size:.68rem;color:var(--success);margin-top:1px;white-space:nowrap}.suggest-side small.out{color:var(--danger)}.sale-list{display:flex;flex-direction:column;gap:8px}.sale-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;background:#f8fafc;border-radius:13px}.sale-main b{display:block;font-size:.92rem}.sale-main small{color:var(--muted);font-size:.7rem}.profit-chip{background:#dcfce7;color:#166534;font-weight:700;font-size:.8rem;border-radius:999px;padding:5px 10px;white-space:nowrap}.record-list{display:flex;flex-direction:column;gap:8px}.record-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;background:#f8fafc;border-radius:13px}.record-main{min-width:0}.record-main b{display:block;font-size:.9rem;word-break:break-word}.record-main small{color:var(--muted);font-size:.7rem}.record-side{display:flex;align-items:center;gap:8px;flex-shrink:0}.amount{font-weight:700;font-size:.85rem;color:var(--primary);white-space:nowrap}.amount.owes{color:var(--danger)}.amount.clear{color:var(--success)}.profit-chip.credit{background:#fef3c7;color:#92400e}.debt-total{display:flex;flex-direction:column;gap:2px;padding:13px 14px;margin-bottom:12px;background:linear-gradient(135deg,#fff7ed,#fef2f2);border:1.5px solid #fed7aa;border-radius:14px}.debt-total small{font-size:.72rem;color:var(--muted)}.debt-total b{font-size:1.3rem;font-weight:800}.debt-total b em{font-style:normal;font-size:.75rem;font-weight:600;color:var(--muted)}.debt-total b.owes{color:var(--danger)}.debt-total b.clear{color:var(--success)}.debt-list{display:flex;flex-direction:column;gap:10px}.debt-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:13px 14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:right;font:inherit;cursor:pointer}.debt-item:active{transform:scale(.99)}.debt-main{min-width:0}.debt-main b{display:block;font-size:.92rem;word-break:break-word}.debt-main small{color:var(--muted);font-size:.7rem}.debt-balance{flex-shrink:0;font-weight:800;font-size:.85rem;padding:6px 10px;border-radius:999px}.debt-balance.owes{background:#fee2e2;color:#991b1b}.debt-balance.clear{background:#dcfce7;color:#166534}.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#f1f5f9;border-radius:12px;margin-bottom:12px}.seg button{padding:9px 10px;border:none;border-radius:9px;background:transparent;font:inherit;font-size:.82rem;font-weight:700;color:var(--muted);cursor:pointer}.seg button.active{background:#fff;color:var(--primary);box-shadow:0 1px 4px #0f172a1f}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f172a80;display:flex;align-items:flex-end;justify-content:center;padding:0}.sheet{width:100%;max-width:560px;max-height:92vh;overflow-y:auto;background:#fff;border-radius:22px 22px 0 0;padding:16px 16px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;animation:sheet-up .22s ease-out}@keyframes sheet-up{0%{transform:translateY(18px);opacity:.4}to{transform:translateY(0);opacity:1}}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sheet-head h3{font-size:1.05rem;font-weight:800}.sheet-sub{font-size:.85rem;font-weight:700;color:var(--muted);margin-top:4px}.sheet .debt-total{margin-bottom:0}.customer-pick{display:flex;flex-direction:column;gap:8px}.customer-pick select{width:100%}.customer-create{display:flex;flex-direction:column;gap:10px;padding:12px;background:#f8fafc;border-radius:14px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.row-2 .btn{width:100%}.initial-box{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f8fafc;border-radius:14px;margin-top:12px}.stock-list{display:flex;flex-direction:column;gap:8px}.stock-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#f8fafc;border-radius:13px}.stock-info{min-width:0}.stock-info b{display:block;font-size:.88rem}.stock-info small{color:var(--muted);font-size:.68rem}.stock-input{display:flex;align-items:center;gap:7px}.stock-input input{width:84px;border:1.5px solid var(--line);background:#fff;border-radius:11px;padding:9px 10px;font-size:1rem;text-align:center}.stock-input input:focus{outline:none;border-color:var(--primary-600)}.diff{font-size:.72rem;font-weight:700;color:var(--danger);min-width:30px;text-align:center}.diff.ok{color:var(--success)}.kpi-stack{display:flex;flex-direction:column;gap:12px}.kpi-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid rgba(226,232,240,.9);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.kpi-ico{width:46px;height:46px;min-width:46px;border-radius:14px;display:grid;place-items:center;font-size:1.2rem;font-weight:800}.kpi-ico.success{background:#dcfce7;color:var(--success)}.kpi-ico.danger{background:#fee2e2;color:var(--danger)}.kpi-card small{display:block;color:var(--muted);font-size:.74rem}.kpi-card b{display:block;font-size:1.2rem;margin-top:3px}.kpi-card b em{font-style:normal;font-size:.72rem;font-weight:600;color:var(--muted)}.kpi-foot{margin-top:3px}.kpi-card.net{display:block;background:linear-gradient(135deg,#0f766e,#0d9488);border:none;color:#fff;box-shadow:0 10px 24px #0d94884d}.kpi-card.net small{color:#fffc}.kpi-card.net b{font-size:1.55rem}.kpi-card.net b em{color:#ffffffbf}.kpi-card.net.negative{background:linear-gradient(135deg,#b91c1c,#ef4444);box-shadow:0 10px 24px #ef44444d}.select-list{display:flex;flex-direction:column;gap:8px}.select-item{display:flex;align-items:center;gap:11px;padding:11px 12px;background:#f8fafc;border:1.5px solid transparent;border-radius:13px;cursor:pointer;transition:background .15s,border-color .15s}.select-item.checked{background:#f0fdfa;border-color:var(--primary-600)}.select-item input{position:absolute;opacity:0;pointer-events:none}.checkmark{width:22px;height:22px;min-width:22px;border:2px solid #cbd5e1;border-radius:7px;display:grid;place-items:center;background:#fff;transition:all .15s}.select-item.checked .checkmark{background:var(--primary);border-color:var(--primary)}.select-item.checked .checkmark:after{content:"";width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}.select-text{min-width:0}.select-text b{display:block;font-size:.88rem;word-break:break-word}.select-text small{color:var(--muted);font-size:.7rem;direction:ltr;display:inline-block}.scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#020617d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px}.scanner-box{width:100%;max-width:460px;background:#fff;border-radius:22px;padding:16px;box-shadow:0 24px 60px #0006}.scanner-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.scanner-head h3{font-size:1rem;font-weight:700}.scanner-head .btn{width:auto;padding:8px 14px;font-size:.82rem}.scanner-video-wrap{position:relative;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:4 / 3}.scanner-video{width:100%;height:100%;object-fit:cover;display:block}.scanner-frame{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:3px solid #2dd4bf;border-radius:14px;box-shadow:0 0 0 9999px #00000047;pointer-events:none}.scanner-hint{text-align:center;font-size:.78rem;color:var(--muted);margin-top:10px}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;max-width:560px;margin:0 auto;display:flex;gap:1px;padding:7px 4px calc(7px + env(safe-area-inset-bottom));background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);border-radius:20px 20px 0 0;box-shadow:0 -8px 24px #0f172a14}.tab{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 0;border-radius:12px;text-decoration:none;color:var(--muted);transition:color .15s,background .15s}.tab-ico{width:34px;height:30px;display:grid;place-items:center;border-radius:10px;transition:background .15s,color .15s}.tab-ico svg{width:21px;height:21px}.tab-label{font-size:.55rem;font-weight:600}.tab.active{color:var(--primary)}.tab.active .tab-ico{background:var(--primary-soft)}.tab:active{background:#f1f5f9}.appbar-actions{display:flex;align-items:center;gap:8px}.account-btn{width:38px;height:38px;border-radius:12px;background:#fff;border:1.5px solid var(--line);color:var(--primary);display:grid;place-items:center;cursor:pointer;flex:none}.account-btn svg{width:20px;height:20px}.login-page{min-height:100dvh;display:grid;place-items:center;padding:20px;background:linear-gradient(160deg,#eef2ff,#f8fafc 55%,#ecfdf5)}.login-card{width:100%;max-width:400px;background:#fff;border-radius:22px;padding:24px 20px;box-shadow:0 18px 44px #0f172a1f;display:flex;flex-direction:column;gap:14px}.login-brand{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.login-brand h1{font-size:1.3rem;font-weight:800}.login-brand p{color:var(--muted);font-size:.82rem}.brand-logo.lg{width:54px;height:54px;border-radius:16px}.brand-logo.lg svg{width:30px;height:30px}.hint.center{text-align:center}.field-label{font-size:.8rem;font-weight:700;color:var(--muted)}.perm-block{display:flex;flex-direction:column;gap:10px}.perm-group{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:#f8fafc;border-radius:13px}.perm-group>b{font-size:.76rem;color:var(--primary);margin-bottom:2px}.perm-row{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:.82rem;cursor:pointer}.perm-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.perm-chips{display:flex;flex-wrap:wrap;gap:6px}.user-list{display:flex;flex-direction:column;gap:10px}.user-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px}.user-card.disabled{opacity:.6}.user-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.user-info{min-width:0}.user-info h3{font-size:.95rem;font-weight:800}.user-card .product-tags{margin-top:6px}.pill.ok{background:#dcfce7;color:#166534}.account-head{display:flex;align-items:center;gap:10px}.account-head b{display:block;font-size:.95rem}.account-head small{font-size:.72rem}.sheet-body{display:flex;flex-direction:column;gap:12px}.empty-state.card{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.empty-state.card svg{width:34px;height:34px;color:var(--muted)}.pw-box summary{font-size:.82rem;font-weight:700;color:var(--primary);cursor:pointer;padding:8px 0}.pw-box[open] summary{margin-bottom:8px}.pw-box .field{margin-bottom:8px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;justify-content:flex-start;background:#0f172a6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:drawerFade .18s ease}@keyframes drawerFade{0%{opacity:0}to{opacity:1}}.drawer{width:min(320px,86vw);height:100dvh;display:flex;flex-direction:column;padding:calc(16px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));background:var(--surface);border-radius:22px 0 0 22px;box-shadow:-18px 0 44px #0f172a3d;animation:drawerSlide .24s cubic-bezier(.2,.8,.2,1)}@keyframes drawerSlide{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-head{display:flex;align-items:center;gap:10px;padding:2px 2px 14px;border-bottom:1px solid var(--line)}.drawer-title{flex:1;min-width:0}.drawer-title b{display:block;font-size:.95rem;font-weight:800;color:var(--ink)}.drawer-title small{display:block;margin-top:2px;font-size:.72rem;color:var(--muted)}.drawer-close{width:36px;min-width:36px;height:36px;background:var(--bg);color:var(--primary)}.drawer-close svg{width:18px;height:18px}.drawer-nav{flex:1;display:flex;flex-direction:column;gap:3px;padding:10px 0;overflow-y:auto}.drawer-label{padding:10px 12px 4px;font-size:.68rem;font-weight:800;color:var(--muted)}.drawer-link{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:14px;color:var(--ink);text-decoration:none;font-size:.9rem;font-weight:600;transition:background .15s,color .15s}.drawer-link svg{width:20px;height:20px;color:var(--muted);flex:none}.drawer-link:hover{background:var(--bg)}.drawer-link.active{background:var(--primary-soft);color:var(--primary)}.drawer-link.active svg{color:var(--primary)}.drawer-foot{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.drawer-foot .btn{display:flex;align-items:center;justify-content:center;gap:8px}.drawer-foot .btn svg{width:18px;height:18px}