:root{--bg:#09090b;--bg2:#0f0f11;--surface:#18181b;--surface2:#1f1f23;--surface3:#27272a;--border:#ffffff12;--border2:#ffffff1f;--text:#fafafa;--text2:#a1a1aa;--text3:#52525b;--accent:#6366f1;--accent2:#818cf8;--accent-glow:#6366f126;--green:#22c55e;--green-dim:#22c55e1f;--red:#ef4444;--red-dim:#ef44441f;--amber:#f59e0b;--amber-dim:#f59e0b1f;--blue:#3b82f6;--blue-dim:#3b82f61f;--r:12px;--r-sm:8px;--sidebar-w:248px;--font:"Geist","Segoe UI",system-ui,sans-serif;--mono:"Geist Mono","Fira Code",monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:14px}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}.layout{flex-direction:column;min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg2);border-right:1px solid var(--border);z-index:300;scrollbar-width:thin;flex-direction:column;padding:14px 10px 10px;transition:transform .26s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:99px}.sidebar.open{transform:translate(0);box-shadow:0 25px 60px -10px #0009}@media (width>=1024px){.sidebar{box-shadow:none;transform:translate(0)}.sb-backdrop,.menu-btn{display:none}}.sb-backdrop{-webkit-backdrop-filter:blur(3px);z-index:250;opacity:0;visibility:hidden;background:#0000008c;transition:opacity .2s,visibility .2s;position:fixed;inset:0}.sb-backdrop.show{opacity:1;visibility:visible}.sb-brand{border-bottom:1px solid var(--border);align-items:center;gap:9px;margin-bottom:8px;padding:4px 8px 14px;display:flex}.sb-brand .brand-logo{background:linear-gradient(135deg,var(--accent) 0%,#a855f7 100%);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex;box-shadow:0 0 0 1px #6366f166,0 4px 12px #6366f133}.sb-brand .brand-name{letter-spacing:-.3px;font-size:14px;font-weight:600}.sb-brand .brand-env{background:var(--surface3);border:1px solid var(--border2);color:var(--text2);letter-spacing:.04em;text-transform:uppercase;border-radius:4px;margin-left:auto;padding:2px 7px;font-size:9.5px;font-weight:600}.sb-section{text-transform:uppercase;letter-spacing:.09em;color:var(--text3);padding:14px 12px 6px;font-size:10px;font-weight:600}.nav-item{color:var(--text2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;width:100%;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:var(--surface3);color:var(--text);box-shadow:inset 0 0 0 1px var(--border2)}.nav-item.active .nav-icon{opacity:1}.nav-icon{text-align:center;opacity:.75;flex-shrink:0;width:18px;font-size:14px}.nav-label{flex:1}.nav-badge{background:var(--amber-dim);color:var(--amber);font-size:10px;font-weight:600;font-family:var(--mono);letter-spacing:.02em;border:1px solid #f59e0b33;border-radius:4px;padding:1px 6px}.sb-spacer{flex:1;min-height:20px}.sb-footer{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.user-card{cursor:pointer;border-radius:8px;align-items:center;gap:9px;margin-top:4px;padding:8px;transition:background .12s;display:flex}.user-card:hover{background:var(--surface2)}.user-card .avatar{width:28px;height:28px;box-shadow:none;font-size:10px}.user-card-info{flex:1;min-width:0}.user-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.user-card-role{color:var(--text3);font-size:10.5px}.user-chevron{color:var(--text3);font-size:14px;line-height:1}.topnav{z-index:200;-webkit-backdrop-filter:blur(24px)saturate(180%);border-bottom:1px solid var(--border);background:#09090bd9;align-items:center;gap:10px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.menu-btn{border-radius:var(--r-sm);border:1px solid var(--border);width:34px;height:34px;color:var(--text2);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:background .15s,color .15s,border-color .15s;display:flex}.menu-btn:hover{background:var(--surface2);color:var(--text);border-color:var(--border2)}.nav-brand{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.nav-brand .brand-logo{background:linear-gradient(135deg,var(--accent) 0%,#a855f7 100%);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex;box-shadow:0 0 0 1px #6366f166,0 4px 12px #6366f140}.nav-brand .page-title{letter-spacing:-.3px;font-size:14px;font-weight:600}.nav-brand .brand-env{background:var(--surface3);border:1px solid var(--border2);color:var(--text2);letter-spacing:.04em;text-transform:uppercase;border-radius:4px;align-items:center;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.nav-right{align-items:center;gap:8px;display:flex}.nav-icon-btn{border-radius:var(--r-sm);border:1px solid var(--border);width:34px;height:34px;color:var(--text2);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:14px;transition:background .15s,color .15s,border-color .15s;display:flex}.nav-icon-btn:hover{background:var(--surface2);color:var(--text);border-color:var(--border2)}.avatar{cursor:pointer;width:32px;height:32px;box-shadow:0 0 0 2px var(--bg),0 0 0 3px #6366f166;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.page-content{display:none}.page-content.active{animation:.2s both fade-in;display:block}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.page{flex:1;width:100%;max-width:880px;margin:0 auto;padding:20px 16px 48px}.page-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.page-h1{letter-spacing:-.6px;margin-bottom:2px;font-size:22px;font-weight:600}.page-sub{color:var(--text2);font-size:12.5px;font-family:var(--mono)}.btn-primary{font-family:var(--font);color:#fff;cursor:pointer;background:linear-gradient(#6366f1,#4f46e5);border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 0 0 1px #6366f166,0 4px 12px #6366f140}.btn-primary:hover{box-shadow:0 0 0 1px #6366f199,0 6px 16px #6366f159}.btn-primary:active{transform:translateY(1px)}.btn-primary .plus{font-size:16px;line-height:1}.btn-secondary{font-family:var(--font);background:var(--surface2);color:var(--text);border:1px solid var(--border2);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .12s;display:inline-flex}.section-head{justify-content:space-between;align-items:center;margin:24px 0 12px;display:flex}.section-head:first-child{margin-top:0}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text3);font-size:11px;font-weight:600}.section-action{color:var(--accent2);cursor:pointer;font-size:12px;font-weight:500}.section-action:hover{text-decoration:underline}.alert{border-radius:var(--r);background:var(--amber-dim);border:1px solid #f59e0b33;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;animation:.3s both slide-in;display:flex}.alert-dot{background:var(--amber);width:6px;height:6px;box-shadow:0 0 6px var(--amber);border-radius:50%;flex-shrink:0;margin-top:5px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.alert-body{flex:1}.alert-title{color:var(--amber);margin-bottom:2px;font-size:13px;font-weight:600}.alert-msg{color:var(--text2);font-size:12px;line-height:1.5}.alert-close{color:var(--text3);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1;transition:color .15s}.alert-close:hover{color:var(--text)}.stat-strip{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px;transition:border-color .2s,background .2s;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border2);background:var(--surface2)}.stat-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;position:absolute;top:0;left:0;right:0}.stat-icon{margin-bottom:6px;font-size:15px;display:block}.stat-val{font-family:var(--mono);letter-spacing:-.5px;margin-bottom:4px;font-size:20px;font-weight:500;line-height:1}.stat-lbl{color:var(--text2);font-size:11px;font-weight:500}.stat-delta{font-size:10.5px;font-family:var(--mono);margin-top:4px}.stat-delta.pos{color:var(--green)}.stat-delta.neg{color:var(--red)}.kpi-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.kpi-card:hover{border-color:var(--border2)}.kpi-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.kpi-card.span2{grid-column:1/-1}.kpi-card.accent-card{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border-color:#6366f140;box-shadow:0 0 0 1px #6366f11a,inset 0 1px #ffffff0d,0 8px 32px #0006}.kpi-label{color:var(--text2);letter-spacing:.01em;align-items:center;gap:6px;margin-bottom:8px;font-size:11.5px;font-weight:500;display:flex}.kpi-label .dot{opacity:.5;background:currentColor;border-radius:50%;width:5px;height:5px}.kpi-value{font-family:var(--mono);letter-spacing:-1px;margin-bottom:10px;font-size:26px;font-weight:500;line-height:1}.kpi-value.xl{font-size:30px}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{background:var(--green-dim);color:var(--green);border:1px solid #22c55e33}.badge-red{background:var(--red-dim);color:var(--red);border:1px solid #ef444433}.badge-amber{background:var(--amber-dim);color:var(--amber);border:1px solid #f59e0b33}.badge-blue{background:var(--blue-dim);color:var(--blue);border:1px solid #3b82f633}.badge-purple{color:#a855f7;background:#a855f71f;border:1px solid #a855f733}.badge-pink{color:#ec4899;background:#ec48991f;border:1px solid #ec489933}.badge-indigo{color:#6366f1;background:#6366f11f;border:1px solid #6366f133}.badge-accent{background:var(--accent-glow);color:var(--accent2);border:1px solid #6366f140}.badge-muted{background:var(--surface3);color:var(--text2);border:1px solid var(--border2)}.chan-badge{letter-spacing:.01em;white-space:nowrap;border:1px solid;border-radius:5px;align-items:center;gap:5px;padding:2.5px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.chan-dot{border-radius:50%;width:5px;height:5px}.progress-group{margin-top:12px}.progress-row{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.progress-label{color:var(--text2);font-size:11.5px;font-weight:500}.progress-pct{font-family:var(--mono);color:var(--text);font-size:12px;font-weight:500}.progress-track{background:#ffffff12;border-radius:99px;height:5px;overflow:hidden}.progress-fill{border-radius:99px;height:100%;transition:width 1.2s cubic-bezier(.16,1,.3,1);position:relative}.progress-fill:after{content:"";filter:blur(2px);background:#ffffff80;border-radius:99px;width:6px;height:100%;position:absolute;top:0;right:0}.fill-indigo{background:linear-gradient(90deg,#4f46e5,var(--accent2))}.fill-green{background:linear-gradient(90deg,#16a34a,var(--green))}.margin-layout{align-items:center;gap:16px;display:flex}.donut-wrap{flex-shrink:0;width:80px;height:80px;position:relative}.donut-svg{display:block;transform:rotate(-90deg)}.donut-center{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.donut-val{font-family:var(--mono);font-size:17px;font-weight:500}.donut-sub{text-transform:uppercase;letter-spacing:.05em;color:var(--text3);font-size:8px;font-weight:600}.margin-detail{flex:1}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.table-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.table-card-title{font-size:13px;font-weight:600}.filter-row{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.filter-chips{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border2);background:var(--surface);color:var(--text2);font-family:var(--font);cursor:pointer;letter-spacing:.01em;border-radius:99px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.chip:hover{background:var(--surface2);color:var(--text)}.chip.active{background:var(--surface3);color:var(--text);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow)}.chip-count{font-family:var(--mono);color:var(--text3);font-size:11px}.chip.active .chip-count{color:var(--accent2)}.search-input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>");background-position:12px;background-repeat:no-repeat;border-radius:8px;padding:9px 12px 9px 32px;font-size:13px;transition:border-color .15s,background-color .15s}.search-input:focus{border-color:var(--accent);background-color:var(--surface2);outline:none}.search-input::placeholder{color:var(--text3)}.list-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:11px 16px;transition:background .12s;display:grid}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--surface2)}.row-mono{font-family:var(--mono);color:var(--text2);font-size:12px}.row-name{font-size:13px;font-weight:500}.row-meta{color:var(--text2);margin-top:2px;font-size:11px}.row-money{font-family:var(--mono);text-align:right;font-size:13px;font-weight:500}.row-money.pos{color:var(--green)}.row-money.neg{color:var(--red)}.ord-row{grid-template-columns:60px 1fr auto auto}@media (width>=720px){.ord-row{grid-template-columns:80px 1fr 110px 100px 90px}}.ord-id{font-family:var(--mono);color:var(--text2);font-size:12px;font-weight:500}.prod-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;transition:background .12s;display:flex}.prod-row:last-child{border-bottom:none}.prod-icon{background:var(--surface3);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.prod-info{flex:1;min-width:0}.prod-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.prod-meta{color:var(--text2);font-size:11px;font-family:var(--mono);margin-top:2px}.prod-prices{text-align:right;flex-shrink:0}.prod-price{font-family:var(--mono);font-size:13px;font-weight:500}.prod-margin{color:var(--text2);font-size:11px;font-family:var(--mono);margin-top:2px}.prod-stock{font-family:var(--mono);text-align:right;min-width:50px;font-size:12px}.prod-stock.low{color:var(--amber)}.prod-stock.out{color:var(--red)}.prod-stock.infinite{color:var(--text3)}.exp-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:11px 16px;transition:background .12s;display:flex}.exp-row:last-child{border-bottom:none}.exp-row:hover{background:var(--surface2)}.exp-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.exp-info{flex:1;min-width:0}.exp-name{font-size:13px;font-weight:500}.exp-meta{color:var(--text2);align-items:center;gap:6px;margin-top:2px;font-size:11px;display:flex}.exp-amount{font-family:var(--mono);color:var(--red);text-align:right;flex-shrink:0;font-size:13px;font-weight:500}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);margin-bottom:12px;overflow:hidden}.settings-section-head{border-bottom:1px solid var(--border);padding:14px 16px 10px}.settings-section-title{font-size:13px;font-weight:600}.settings-section-sub{color:var(--text2);margin-top:2px;font-size:11.5px}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-label{color:var(--text2);font-size:13px}.settings-row-value{color:var(--text);font-size:13px;font-weight:500;font-family:var(--mono)}.settings-input{background:var(--surface2);border:1px solid var(--border2);color:var(--text);font-family:var(--mono);text-align:right;border-radius:6px;width:140px;padding:6px 10px;font-size:12px}.settings-input:focus{border-color:var(--accent);outline:none}.big-chart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);margin-bottom:12px;padding:18px}.big-chart-head{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.big-chart-title{font-size:13px;font-weight:600}.big-chart-sub{color:var(--text2);font-size:11px;font-family:var(--mono);margin-top:2px}.chart-canvas{width:100%;height:160px}.subnav{background:var(--bg2);border-bottom:1px solid var(--border);scrollbar-width:none;align-items:center;gap:4px;height:44px;padding:0 16px;display:flex;overflow-x:auto}.subnav::-webkit-scrollbar{display:none}.subnav-tabs{gap:2px;padding:6px 0;display:flex}.tab{font-family:var(--font);cursor:pointer;color:var(--text2);letter-spacing:.01em;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:5px 12px;font-size:12.5px;font-weight:500;transition:all .15s}.tab:hover{background:var(--surface2);color:var(--text)}.tab.active{background:var(--surface3);color:var(--text);box-shadow:inset 0 0 0 1px var(--border2)}.subnav-divider{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 8px}.subnav-date{color:var(--text3);font-size:12px;font-family:var(--mono);white-space:nowrap;flex-shrink:0}.service-row{border-bottom:1px solid var(--border);grid-template-columns:22px 1fr 90px 70px;align-items:center;gap:10px;padding:11px 16px;transition:background .12s;display:grid}.service-row:last-child{border-bottom:none}.service-row:hover{background:var(--surface2)}.service-rank{font-family:var(--mono);color:var(--text3);text-align:center;font-size:11px;font-weight:500}.service-info .s-name{font-size:13px;font-weight:500}.service-info .s-count{color:var(--text2);margin-top:2px;font-size:11px}.service-bar-track{background:var(--surface3);border-radius:99px;height:4px}.service-bar-fill{background:linear-gradient(90deg,#4f46e5,var(--accent2));border-radius:99px;height:4px}.service-revenue{font-family:var(--mono);text-align:right;font-size:13px;font-weight:500}.tx-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:11px 16px;transition:background .12s;display:flex}.tx-row:last-child{border-bottom:none}.tx-row:hover{background:var(--surface2)}.tx-icon{border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.tx-info{flex:1;min-width:0}.tx-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.tx-meta{color:var(--text2);margin-top:2px;font-size:11px}.tx-right{text-align:right;flex-shrink:0}.tx-amount{font-family:var(--mono);font-size:13px;font-weight:500}.tx-amount.pos{color:var(--green)}.tx-amount.neg{color:var(--red)}.tx-tag{color:var(--text3);font-size:10px;font-family:var(--mono);margin-top:2px}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@media (width>=1024px){.layout{padding-left:var(--sidebar-w)}.nav-brand .brand-logo,.nav-brand .brand-env{display:none}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:500;background:#0009;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r);scrollbar-width:thin;width:100%;max-width:480px;max-height:85vh;animation:.2s ease-out fade-up;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{letter-spacing:-.3px;font-size:15px;font-weight:600}.modal-close{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;transition:background .12s}.modal-close:hover{background:var(--surface3);color:var(--text)}.modal-body{padding:20px}.form-group{margin-bottom:14px}.form-label{color:var(--text2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11.5px;font-weight:600;display:block}.form-input,.form-select{background:var(--bg);border:1px solid var(--border2);border-radius:var(--r-sm);width:100%;color:var(--text);font-size:13px;font-family:var(--font);outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--text3)}.form-input.error{border-color:var(--red);box-shadow:0 0 0 3px var(--red-dim)}.form-error{color:var(--red);margin-top:4px;font-size:11px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex}.btn-secondary{background:var(--surface3);border:1px solid var(--border2);border-radius:var(--r-sm);color:var(--text);cursor:pointer;font-size:12.5px;font-weight:500;font-family:var(--font);padding:8px 16px;transition:background .12s}.btn-secondary:hover{background:var(--surface2)}.btn-danger{background:var(--red-dim);border-radius:var(--r-sm);color:var(--red);cursor:pointer;font-size:12.5px;font-weight:500;font-family:var(--font);border:1px solid #ef444440;padding:8px 16px;transition:background .12s}.btn-danger:hover{background:#ef444433}.confirm-text{color:var(--text2);margin-bottom:8px;font-size:13px;line-height:1.5}.confirm-highlight{color:var(--text);font-weight:500}.toast{border-radius:var(--r-sm);z-index:600;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:500;animation:.2s ease-out fade-up;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0006}.toast-success{background:var(--green-dim);color:var(--green);border:1px solid #22c55e40}.toast-error{background:var(--red-dim);color:var(--red);border:1px solid #ef444440}.toast-icon{font-size:15px;font-weight:700}.toast-msg{white-space:nowrap}.prod-row{cursor:pointer;transition:background .12s;position:relative}.prod-row:hover{background:var(--surface2)}.prod-actions{opacity:0;gap:4px;transition:opacity .12s;display:flex}.prod-row:hover .prod-actions{opacity:1}.prod-action-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:14px;transition:background .12s,color .12s}.prod-action-btn:hover{background:var(--surface3);color:var(--text)}.btn-icon-sm{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px;line-height:1;transition:background .12s,color .12s}.btn-icon-sm:hover{background:var(--red-dim);color:var(--red)}.ss-wrapper{width:100%;position:relative}.ss-trigger{background:var(--bg);border:1px solid var(--border2);border-radius:var(--r-sm);width:100%;color:var(--text);font-size:13px;font-family:var(--font);cursor:pointer;text-align:left;outline:none;justify-content:space-between;align-items:center;padding:9px 12px;transition:border-color .15s;display:flex}.ss-trigger.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.ss-trigger.disabled{opacity:.5;cursor:not-allowed}.ss-error .ss-trigger{border-color:var(--red);box-shadow:0 0 0 3px var(--red-dim)}.ss-value.placeholder{color:var(--text3)}.ss-chevron{color:var(--text3);font-size:10px}.ss-dropdown{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r-sm);z-index:100;animation:.12s ease-out fade-up;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000004d}.ss-search{background:var(--bg);border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);font-size:12px;font-family:var(--font);outline:none;padding:8px 12px}.ss-search::placeholder{color:var(--text3)}.ss-options{scrollbar-width:thin;max-height:180px;overflow-y:auto}.ss-option{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;transition:background .1s;display:flex}.ss-option:hover{background:var(--surface2)}.ss-option.selected{background:var(--accent-dim);color:var(--accent)}.ss-option-icon{font-size:14px}.ss-recent-badge{background:var(--accent-dim);color:var(--accent);border-radius:4px;margin-left:auto;padding:1px 5px;font-size:9.5px}.ss-empty{text-align:center;color:var(--text3);padding:12px;font-size:12px}.dp-wrapper{width:100%;position:relative}.dp-trigger{background:var(--bg);border:1px solid var(--border2);border-radius:var(--r-sm);width:100%;color:var(--text);font-size:13px;font-family:var(--font);cursor:pointer;text-align:left;outline:none;justify-content:space-between;align-items:center;padding:9px 12px;transition:border-color .15s;display:flex}.dp-trigger.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.dp-error .dp-trigger{border-color:var(--red);box-shadow:0 0 0 3px var(--red-dim)}.dp-value.placeholder{color:var(--text3)}.dp-icon{font-size:13px}.dp-dropdown{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r-sm);z-index:100;width:280px;padding:12px;animation:.12s ease-out fade-up;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0000004d}.dp-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dp-nav-btn{color:var(--text2);cursor:pointer;font-size:16px;font-family:var(--font);background:0 0;border:none;border-radius:4px;padding:2px 8px;transition:background .12s}.dp-nav-btn:hover{background:var(--surface3)}.dp-month-label{color:var(--text);font-size:13px;font-weight:600}.dp-days-header{grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.dp-day-label{text-align:center;color:var(--text3);padding:4px 0;font-size:10px;font-weight:600}.dp-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.dp-cell{aspect-ratio:1;width:100%;color:var(--text);cursor:pointer;font-size:12px;font-family:var(--font);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .1s;display:flex}.dp-cell:hover:not(.empty){background:var(--surface3)}.dp-cell.selected{background:var(--accent);color:#fff;font-weight:600}.dp-cell.today:not(.selected){border:1px solid var(--accent);color:var(--accent)}.dp-cell.empty{cursor:default}.dp-footer{justify-content:center;margin-top:8px;display:flex}.dp-today-btn{border-radius:var(--r-sm);background:var(--accent-dim);color:var(--accent);cursor:pointer;font-size:11px;font-family:var(--font);border:1px solid #6366f133;padding:4px 12px;font-weight:500}.dp-today-btn:hover{background:var(--accent);color:#fff}.phone-wrapper{width:100%;position:relative}.phone-input-row{border:1px solid var(--border2);border-radius:var(--r-sm);transition:border-color .15s;display:flex;overflow:hidden}.phone-input-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.phone-error .phone-input-row{border-color:var(--red);box-shadow:0 0 0 3px var(--red-dim)}.phone-country-btn{background:var(--surface2);border:none;border-right:1px solid var(--border);cursor:pointer;color:var(--text);font-size:13px;font-family:var(--font);white-space:nowrap;align-items:center;gap:4px;padding:8px 10px;display:flex}.phone-country-btn:hover{background:var(--surface3)}.phone-flag{font-size:16px}.phone-prefix{color:var(--text2);font-size:12px}.phone-chevron{color:var(--text3);font-size:9px}.phone-number-input{background:var(--bg);color:var(--text);font-size:13px;font-family:var(--font);border:none;outline:none;flex:1;padding:9px 12px}.phone-number-input::placeholder{color:var(--text3)}.phone-dropdown{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r-sm);z-index:100;animation:.12s ease-out fade-up;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000004d}.phone-search{background:var(--bg);border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);font-size:12px;font-family:var(--font);outline:none;padding:8px 12px}.phone-search::placeholder{color:var(--text3)}.phone-options{scrollbar-width:thin;max-height:180px;overflow-y:auto}.phone-option{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;transition:background .1s;display:flex}.phone-option:hover{background:var(--surface2)}.phone-option.selected{background:var(--accent-dim)}.phone-option-flag{font-size:16px}.phone-option-name{color:var(--text);flex:1}.phone-option-prefix{color:var(--text3);font-size:11px;font-family:var(--mono)}.form-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-bottom:12px;padding:10px 0;display:flex}.form-toggle-switch{background:var(--surface3);border:1px solid var(--border2);border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .15s,border-color .15s;position:relative}.form-toggle-switch.active{background:var(--accent);border-color:var(--accent)}.form-toggle-switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.form-toggle-switch.active:after{transform:translate(16px)}.form-toggle-label{color:var(--text2);font-size:12.5px;font-weight:500}.form-toggle-sub{color:var(--text3);margin-top:1px;font-size:11px}.form-section{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:14px;padding:14px;animation:.15s ease-out fade-up}.form-section-title{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:11px;font-weight:600}.comm-page{padding:0!important}.comm-layout{grid-template-columns:320px 1fr;height:calc(100vh - 56px);display:grid;overflow:hidden}.comm-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.comm-sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.comm-sidebar-title{margin:0;font-size:16px;font-weight:600}.btn-sm{padding:4px 10px;font-size:14px;line-height:1}.comm-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;padding:10px 12px;display:flex}.comm-chip{border:1px solid var(--border2);background:var(--bg);color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:10px;padding:3px 8px;font-size:10.5px;transition:all .12s}.comm-chip.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.comm-chip-count{opacity:.7;margin-left:2px;font-size:9.5px}.comm-search{background:var(--bg);border:1px solid var(--border2);border-radius:var(--r-sm);color:var(--text);outline:none;margin:10px 12px;padding:7px 12px;font-size:12px}.comm-search:focus{border-color:var(--accent)}.comm-contact-list{scrollbar-width:thin;flex:1;overflow-y:auto}.comm-contact{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 14px;transition:background .1s;display:flex}.comm-contact:hover{background:var(--surface2)}.comm-contact.active{background:var(--accent-dim);border-left:3px solid var(--accent)}.comm-contact-avatar{background:var(--surface3);width:38px;height:38px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:relative}.comm-status-dot{border:2px solid var(--surface);border-radius:50%;width:9px;height:9px;position:absolute;bottom:1px;right:1px}.comm-contact-info{flex:1;min-width:0}.comm-contact-name{align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.comm-unread-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.comm-contact-preview{color:var(--text3);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;overflow:hidden}.comm-contact-time{color:var(--text3);flex-shrink:0;font-size:10px}.comm-empty-contacts{text-align:center;color:var(--text3);padding:24px;font-size:12px}.comm-chat{background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.comm-chat-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.comm-chat-header-info{flex-direction:column;gap:2px;display:flex}.comm-chat-name{font-size:14px;font-weight:600}.comm-chat-phone{color:var(--text2);font-size:11.5px}.comm-chat-header-actions{align-items:center;gap:10px;display:flex}.comm-status-select{border-radius:var(--r-sm);background:var(--bg);color:var(--text);font-size:11px;font-family:var(--font);cursor:pointer;border:1px solid;outline:none;padding:5px 10px}.comm-order-link{color:var(--accent);font-size:11px;font-weight:500}.comm-messages{scrollbar-width:thin;flex-direction:column;flex:1;gap:8px;padding:20px;display:flex;overflow-y:auto}.comm-bubble{border-radius:14px;max-width:75%;padding:10px 14px;font-size:13px;line-height:1.45;animation:.15s ease-out fade-up}.comm-bubble.in{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.comm-bubble.out{background:var(--accent-dim);color:var(--text);border:1px solid #6366f133;border-bottom-right-radius:4px;align-self:flex-end}.comm-bubble-text{word-wrap:break-word}.comm-bubble-meta{color:var(--text3);align-items:center;gap:6px;margin-top:4px;font-size:10px;display:flex}.comm-auto-badge{color:var(--accent);background:#6366f126;border-radius:4px;padding:1px 5px;font-size:9.5px;font-weight:500}.comm-input-area{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;padding:10px 16px 14px}.comm-template-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.comm-tpl-btn{background:var(--bg);border:1px solid var(--border2);color:var(--text2);cursor:pointer;white-space:nowrap;font-size:10.5px;font-family:var(--font);border-radius:12px;padding:4px 9px;transition:all .12s}.comm-tpl-btn:hover{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.comm-input-row{gap:8px;display:flex}.comm-msg-input{background:var(--bg);border:1px solid var(--border2);color:var(--text);font-size:13px;font-family:var(--font);border-radius:20px;outline:none;flex:1;padding:10px 14px}.comm-msg-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.comm-msg-input::placeholder{color:var(--text3)}.comm-send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;transition:opacity .12s;display:flex}.comm-send-btn:disabled{opacity:.4;cursor:default}.comm-send-btn:hover:not(:disabled){opacity:.85}.comm-empty-chat{color:var(--text3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.comm-empty-icon{opacity:.4;font-size:48px}.comm-empty-title{color:var(--text2);font-size:15px;font-weight:500}.comm-empty-sub{font-size:12px}@media (width<=768px){.comm-layout{grid-template-columns:1fr;height:auto}.comm-sidebar{border-right:none;border-bottom:1px solid var(--border);max-height:40vh}.comm-chat{min-height:50vh}}