:root{--bg:#f4f6f3;--surface:#fff;--ink:#202622;--muted:#737c76;--line:#e3e8e2;--accent:#a8df56;--accent-deep:#5c8d23;--accent-soft:#edf7dc;--sidebar:#202622;--sidebar-muted:#939e95;--radius:19px;--shadow:0 10px 28px rgba(24,39,25,.035)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:-.2px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button{border:0}svg{display:block}button svg{pointer-events:none}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
body[data-theme=vmcr]{--bg:#f3f5f9;--ink:#1c2a45;--muted:#768197;--line:#e4e9f1;--accent:#426edf;--accent-deep:#365ec5;--accent-soft:#edf2ff;--sidebar:#14223b;--sidebar-muted:#93a0ba}
body[data-theme=mahjoy]{--bg:#f7f6f5;--ink:#242a30;--muted:#7e848a;--line:#ecebea;--accent:#e83235;--accent-deep:#d2272a;--accent-soft:#fff0f0;--sidebar:#23272c;--sidebar-muted:#a5a8af}
.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--sidebar);color:#fff;display:flex;flex-direction:column;padding:35px 22px 23px;z-index:10}.brand{display:flex;gap:12px;align-items:center;padding:0 14px 38px;font-size:26px;font-weight:770;letter-spacing:-1px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--accent);border-radius:10px;color:var(--sidebar);font-size:23px;line-height:1}.brand small{display:block;color:var(--sidebar-muted);font-size:10px;font-weight:600;letter-spacing:1.9px;margin-top:0}.workspace{margin:0 10px 30px;padding:14px 13px;border:1px solid #ffffff16;border-radius:12px;display:flex;align-items:center;gap:11px;font-size:14px}.workspace .circle{height:32px;width:32px;display:grid;place-items:center;background:#ffffff14;border-radius:9px;color:#f0f4ed;font-size:12px;font-weight:750}.workspace small{display:block;font-size:11px;color:var(--sidebar-muted);margin-top:2px}.nav-label{font-size:10px;letter-spacing:1.5px;color:var(--sidebar-muted);padding:0 16px 13px;font-weight:750}.nav{display:flex;flex-direction:column;gap:6px}.nav button{display:flex;align-items:center;gap:13px;text-align:left;padding:15px 16px;background:transparent;border-radius:11px;color:#aeb7ae;font-size:16px;transition:background .2s,color .2s}.nav button.active{background:var(--accent);color:var(--sidebar);font-weight:650}.nav button:hover:not(.active){background:#ffffff0c;color:#fff}.nav svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;fill:none}.nav .count{margin-left:auto;font-size:11px;padding:2px 7px;background:#ffffff16;border-radius:6px}.nav button.active .count{background:#00000012}.sidebar-bottom{margin-top:auto}.demo-note{border:1px solid #ffffff1d;border-radius:12px;background:#ffffff04;padding:15px 14px;margin:28px 9px 24px}.demo-note strong{display:block;font-size:13px;font-weight:650;color:#f0f2ed}.demo-note p{color:var(--sidebar-muted);font-size:11px;line-height:1.6;margin:6px 0 0}.demo-note .status-dot{background:var(--accent);margin-right:6px}.profile{display:flex;align-items:center;gap:12px;padding:0 14px}.avatar{display:grid;place-items:center;background:#ffffff16;color:#eaf0e6;width:35px;height:35px;border-radius:50%;font-size:12px;font-weight:700}.profile strong{display:block;font-size:13px;font-weight:600}.profile span{display:block;font-size:11px;color:var(--sidebar-muted)}
.shell{margin-left:260px}.demo-banner{height:38px;background:var(--accent-soft);border-bottom:1px solid var(--line);padding:0 48px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.15px;color:var(--accent-deep);font-weight:650}.banner-label{display:flex;align-items:center;gap:8px}.banner-label svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}.banner-right{font-size:10px;color:var(--muted);font-weight:500}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:#ffffffa8}.breadcrumb{color:var(--muted);font-size:14px;display:flex;gap:12px;align-items:center}.breadcrumb strong{color:var(--ink);font-weight:550}.top-tools{display:flex;gap:20px;align-items:center;font-size:13px}.environment{display:flex;align-items:center;gap:6px;color:var(--muted)}.status-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#74aa51}.notification{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted)}.notification svg{height:18px;width:18px;stroke:currentColor;fill:none;stroke-width:1.5}.top-avatar{width:33px;height:33px;background:var(--accent-soft);color:var(--accent-deep);border:1px solid var(--line)}
.content{max-width:1600px;margin:auto;padding:36px 48px 40px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;text-transform:uppercase;color:var(--accent-deep);margin-bottom:7px}h1{font-size:40px;line-height:1.18;letter-spacing:-1.65px;margin:0 0 10px;font-weight:680}.subtitle{font-size:15px;color:var(--muted);margin:0}.header-actions{display:flex;gap:10px;padding-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:11px 17px;border-radius:10px;font-weight:580;font-size:14px;background:var(--surface);border:1px solid var(--line);color:var(--ink);transition:transform .2s,background .2s}.btn:hover{background:var(--bg);transform:translateY(-1px)}.btn.primary{background:var(--accent);color:var(--sidebar);border-color:var(--accent)}body[data-theme=vmcr] .btn.primary,body[data-theme=mahjoy] .btn.primary{color:#fff}.btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}.period{font-size:13px}.period svg{height:15px;width:15px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.kpi{background:var(--surface);border:1px solid var(--line);padding:22px 22px 19px;border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-name{color:var(--muted);font-size:13px;font-weight:550}.kpi-icon{height:31px;width:31px;background:var(--accent-soft);color:var(--accent-deep);border-radius:9px;display:grid;place-items:center}.kpi-icon svg{height:16px;width:16px;stroke:currentColor;fill:none;stroke-width:1.8}.kpi-value{font-size:32px;line-height:1.15;letter-spacing:-1.1px;font-weight:670;margin-top:11px}.kpi-value small{font-size:18px;color:var(--muted);font-weight:500}.kpi-foot{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;margin-top:10px}.change{color:#4b924d;font-weight:650;font-size:11px}.change.neutral{color:var(--accent-deep)}.tiny-spark{position:absolute;right:20px;bottom:16px;height:24px;width:66px;color:var(--accent)}.tiny-spark polyline{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;margin-bottom:24px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 0}.panel h2{font-size:18px;letter-spacing:-.4px;font-weight:640;margin:0}.panel-head p{font-size:12px;color:var(--muted);margin:5px 0 0}.chart-tabs{display:flex;border:1px solid var(--line);border-radius:9px;padding:3px;gap:2px}.chart-tabs button{font-size:11px;border-radius:6px;padding:6px 9px;background:transparent;color:var(--muted)}.chart-tabs button.active{background:var(--accent-soft);color:var(--accent-deep);font-weight:650}.chart-legend{display:flex;gap:18px;margin:18px 25px 0;font-size:11px;color:var(--muted)}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:var(--accent)}.legend-dot.secondary{background:#b4bdb1}.chart-area{padding:8px 20px 16px;position:relative;min-height:260px}.chart{width:100%;height:230px;overflow:visible}.chart text{font-size:12px;fill:var(--muted);font-family:inherit}.chart .grid-line{stroke:var(--line);stroke-width:1;stroke-dasharray:4 5}.chart .area{fill:var(--accent);opacity:.12}.chart .data-line{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1600;animation:draw .6s ease-out}.chart .secondary-line{fill:none;stroke:#b4bdb1;stroke-width:2;stroke-dasharray:5 6}.chart .data-point{fill:var(--surface);stroke:var(--accent);stroke-width:3}.chart .bar{fill:var(--accent);animation:grow .4s ease-out;transform-box:fill-box;transform-origin:bottom}.chart .bar-soft{fill:var(--accent);opacity:.25}.chart-tooltip{display:inline-block;position:absolute;top:51px;left:65%;font-size:10px;padding:6px 9px;background:var(--ink);color:#fff;border-radius:6px;box-shadow:0 4px 8px #0001;pointer-events:none}.chart-footer{border-top:1px solid var(--line);padding:13px 24px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.chart-footer strong{color:var(--ink);font-size:12px;font-weight:550}.side-panel .panel-head{padding-bottom:19px}.side-panel{min-height:360px}.priority-card{margin:0 20px 15px;background:var(--accent-soft);border-radius:12px;padding:16px}.priority-label{display:flex;gap:6px;align-items:center;font-size:10px;font-weight:700;letter-spacing:.9px;color:var(--accent-deep)}.priority-label svg{height:13px;width:13px;stroke:currentColor;fill:none;stroke-width:2}.priority-card h3{font-size:16px;line-height:1.35;margin:11px 0 6px;font-weight:650}.priority-card p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.priority-card button{display:flex;align-items:center;gap:6px;background:transparent;color:var(--accent-deep);font-size:12px;font-weight:650;padding:13px 0 0}.activity{padding:0 22px 10px}.activity-item{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.activity-item:last-child{border-bottom:0}.activity-icon{display:grid;place-items:center;height:27px;width:27px;border-radius:50%;background:var(--bg);color:var(--muted);flex:none}.activity-icon svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8}.activity-text{font-size:11px;line-height:1.5;color:var(--muted)}.activity-text strong{color:var(--ink);font-weight:550}.activity-text small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.section-action{font-size:12px;font-weight:600;color:var(--accent-deep);background:transparent;padding:6px 0;display:flex;align-items:center;gap:7px}.section-action svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.table-panel .panel-head{padding:19px 24px 16px}.table-toolbar{display:flex;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:6px;align-items:center}.filter{border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:550;padding:8px 13px;border:1px solid transparent;transition:background .2s,color .2s}.filter.active{background:var(--accent-soft);color:var(--accent-deep);border-color:color-mix(in srgb,var(--accent) 15%,transparent)}.filter span{font-size:10px;margin-left:6px;color:inherit;opacity:.8}.search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);height:38px;padding:0 12px;width:250px;color:var(--muted)}.search svg{height:16px;width:16px;stroke:currentColor;fill:none;stroke-width:1.7}.search input{font-size:12px;min-width:0;width:100%;border:0;background:transparent;outline:0;color:var(--ink)}.search input::placeholder{color:var(--muted)}.table{width:100%;border-collapse:collapse;table-layout:fixed}.table th{font-size:10px;letter-spacing:.9px;text-transform:uppercase;font-weight:650;text-align:left;color:var(--muted);background:color-mix(in srgb,var(--bg) 65%,var(--surface));padding:14px 24px;border-bottom:1px solid var(--line)}.table td{font-size:16px;padding:17px 24px;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--ink)}.table tr:last-child td{border-bottom:0}.table tbody tr{cursor:pointer;transition:background .2s;outline-offset:-3px}.table tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 45%,white)}.table td.cell-primary{font-weight:580;font-size:18px}.cell-main{display:flex;align-items:center;gap:12px}.row-symbol{height:34px;width:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent-deep);display:grid;place-items:center;flex:none;font-weight:700;font-size:11px}.row-symbol svg{height:16px;width:16px;stroke:currentColor;fill:none;stroke-width:1.7}.cell-primary small{display:block;font-size:11px;font-weight:450;color:var(--muted);margin-top:3px;letter-spacing:0}.cell-muted{color:var(--muted)!important;font-size:14px!important}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;border-radius:6px;padding:5px 9px;background:#eef6ed;color:#4b804d;white-space:nowrap}.badge .status-dot{background:currentColor;height:4px;width:4px}.badge.pending{background:#fff5df;color:#a5802b}.badge.info{background:var(--accent-soft);color:var(--accent-deep)}.badge.low{background:#fff0ee;color:#bf6054}.row-end{display:flex;justify-content:flex-end}.row-open{display:grid;place-items:center;height:29px;width:29px;border-radius:7px;border:1px solid var(--line);color:var(--muted);background:transparent}.row-open svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.7}.table-footer{padding:16px 24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.pagination{display:flex;gap:5px}.pagination button{width:25px;height:25px;background:var(--accent-soft);color:var(--accent-deep);border-radius:6px;font-size:11px}.empty{padding:60px;text-align:center;color:var(--muted);font-size:16px}.subsection-summary{display:flex;justify-content:space-between;align-items:center;padding:0 2px 18px}.subsection-summary p{margin:0;font-size:13px;color:var(--muted)}.subsection-summary strong{color:var(--ink);font-weight:600}.tiny-note{font-size:11px;color:var(--muted);text-align:right;padding-top:18px}.tiny-note span{color:var(--accent-deep)}.view{animation:view-in .3s ease both}
.drawer-backdrop{position:fixed;inset:0;background:#111b2b55;backdrop-filter:blur(3px);z-index:30;opacity:0;transition:opacity .24s}.drawer-backdrop.open{opacity:1}.drawer{position:fixed;right:0;top:0;bottom:0;width:570px;background:var(--surface);z-index:31;box-shadow:-20px 0 65px #14273a1a;transform:translateX(100%);transition:transform .32s ease;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-top{display:flex;justify-content:space-between;align-items:center;padding:21px 32px;border-bottom:1px solid var(--line);background:var(--accent-soft);font-size:11px;font-weight:650;color:var(--accent-deep)}.close-btn{height:29px;width:29px;display:grid;place-items:center;border-radius:8px;background:#ffffff80;color:var(--ink)}.close-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}.drawer-content{overflow:auto;padding:28px 32px;flex:1}.drawer-eyebrow{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:9px}.drawer h2{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:0 0 14px;font-weight:670}.detail-meta{font-size:13px;color:var(--muted);margin:13px 0 23px;line-height:1.7}.detail-big{background:var(--bg);border:1px solid var(--line);border-radius:13px;padding:21px 22px;margin:0 0 24px}.detail-big-label{font-size:11px;color:var(--muted);font-weight:550}.detail-big-value{font-size:36px;letter-spacing:-1px;font-weight:650;margin:4px 0}.detail-big-foot{font-size:11px;color:var(--muted)}.detail-pairs{display:grid;grid-template-columns:1fr 1fr;gap:19px 20px;margin-bottom:27px}.detail-pair label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.detail-pair strong{font-size:14px;font-weight:570}.detail-section{padding-top:24px;border-top:1px solid var(--line);margin-top:24px}.detail-section h3{font-size:15px;margin:0 0 19px;font-weight:650}.checklist{display:flex;flex-direction:column;gap:14px}.check-item{display:flex;gap:11px;align-items:flex-start;font-size:12px;color:var(--muted)}.check-item strong{color:var(--ink);font-weight:550;display:block}.check-item small{display:block;font-size:10px;margin-top:3px}.check-icon{height:21px;width:21px;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;flex:none;color:#fff;background:var(--accent)}.check-icon.pending{background:var(--surface);color:var(--muted)}.check-icon svg{height:12px;width:12px;stroke:currentColor;fill:none;stroke-width:2}.detail-info{padding:14px;background:var(--accent-soft);border-radius:10px;font-size:11px;line-height:1.6;color:var(--accent-deep);margin-top:22px}.drawer-actions{border-top:1px solid var(--line);padding:22px 32px;background:var(--surface)}.drawer-actions .btn{width:100%;font-size:15px;min-height:47px}.drawer-actions p{text-align:center;color:var(--muted);font-size:10px;margin:10px 0 0}.mini-stock{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:15px}.stock-step{height:32px;width:32px;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:7px;font-size:19px}.mini-stock span{font-size:13px;color:var(--muted)}.progress-track{height:7px;background:var(--line);border-radius:20px;overflow:hidden;margin-top:13px}.progress-fill{height:100%;width:65%;border-radius:20px;background:var(--accent);transition:width .4s}.toast{position:fixed;bottom:28px;left:calc(50% + 130px);transform:translate(-50%,15px);display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;font-size:13px;padding:15px 20px;border-radius:11px;box-shadow:0 8px 20px #0002;z-index:50;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast svg{width:16px;height:16px;fill:none;stroke:var(--accent);stroke-width:2}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:23px}.metric-strip .panel{padding:21px 24px}.metric-strip strong{font-size:23px;font-weight:650;display:block;margin-top:7px}.metric-strip label{font-size:12px;color:var(--muted)}
@keyframes draw{from{stroke-dashoffset:1600}to{stroke-dashoffset:0}}@keyframes grow{from{transform:scaleY(.04)}to{transform:scaleY(1)}}@keyframes view-in{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){.content{padding-top:39px}.overview-grid{grid-template-columns:minmax(0,1fr) 365px}.kpi{padding:23px 26px}.kpi-value{font-size:37px}.chart-area{min-height:276px}.chart{height:246px}.table td{padding-top:18px;padding-bottom:18px}}
@media(max-width:1350px){.content,.topbar,.demo-banner{padding-left:30px;padding-right:30px}.overview-grid{grid-template-columns:minmax(0,1fr) 290px}.kpi-value{font-size:28px}.sidebar{width:230px}.shell{margin-left:230px}.table td,.table th{padding-left:18px;padding-right:18px}.table td.cell-primary{font-size:16px}.page-header h1{font-size:35px}.header-actions .btn{font-size:12px}.search{width:220px}}
body[data-theme=vmcr] .nav button.active,body[data-theme=mahjoy] .nav button.active{color:#fff}body[data-theme=vmcr] .brand-mark,body[data-theme=mahjoy] .brand-mark{color:#fff}.chart .bar-soft{fill:#b4bdb1;opacity:.45}
.overview .kpi{padding:18px 23px 17px}.overview .kpi-icon{height:26px;width:26px;border-radius:7px}.overview .kpi-value{font-size:33px;margin-top:9px}.overview .kpi-foot{margin-top:7px}.overview .kpis{margin-bottom:20px}.overview .overview-grid{margin-bottom:20px}.overview .chart-panel .panel-head{padding-top:19px}.overview .chart-legend{margin-top:13px}.overview .chart-area{min-height:204px;padding-top:8px;padding-bottom:16px}.overview .chart{height:180px}.overview .side-panel{min-height:330px}.overview .side-panel .panel-head{padding-top:19px;padding-bottom:16px}.overview .priority-card{padding:14px;margin-bottom:10px}.overview .activity-item{padding:8px 0}.overview .preview-panel .panel-head{padding:17px 24px 14px}.overview .preview-panel .panel-head p{display:none}.overview .preview-panel .table td{padding-top:11px;padding-bottom:11px}.list-page .page-header{margin-bottom:20px}.list-page .metric-strip{margin-bottom:18px}.list-page .metric-strip .panel{padding:14px 22px}.list-page .metric-strip strong{font-size:25px}.list-page .table td{padding-top:11px;padding-bottom:11px}.list-page .table-toolbar{padding-top:12px;padding-bottom:12px}.list-page .table-footer{padding-top:14px;padding-bottom:14px}
.store-hero{display:grid;grid-template-columns:minmax(0,1fr) 380px;background:var(--ink);border-radius:var(--radius);overflow:hidden;margin-bottom:25px;color:#fff;min-height:237px}.store-hero-copy{padding:27px 32px}.store-brand{font-size:16px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:15px}.store-brand span{font-size:9px;letter-spacing:1.2px;color:#b1b6bb;font-weight:500}.store-hero-copy h2{font-size:39px;line-height:1.05;letter-spacing:-1.1px;margin:16px 0 12px;font-weight:650}.store-hero-copy p{font-size:12px;color:#abb0b6;max-width:520px;margin:0}.store-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#c5c8cc;margin-top:15px}.store-label svg{height:14px;width:14px;stroke:currentColor;fill:none;stroke-width:1.5}.demo-cart{background:#30353b;margin:18px;border:1px solid #ffffff14;border-radius:13px;padding:17px 20px}.cart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.cart-head h3{font-size:13px;margin:0;font-weight:550;color:#cdd0d3}.cart-head svg{height:18px;width:18px;stroke:var(--accent);fill:none;stroke-width:1.7}.demo-cart>strong{font-size:17px;letter-spacing:-.4px;font-weight:600}.demo-cart p{font-size:10px;color:#a9b0b6;margin:5px 0 13px}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.cart-total span{font-size:10px;color:#aeb4bb}.cart-total b{font-size:18px;font-weight:600}.cart-total b small{font-size:10px;font-weight:450;color:#aeb4bb}.demo-cart .btn{width:100%;min-height:39px;font-size:13px;padding:9px 14px}.cart-note{display:block;font-size:9px;color:#a5abb1;line-height:1.5;margin-top:9px;text-align:center}.catalog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.catalog-head h2{font-size:18px;font-weight:650;margin:0}.catalog-head span{font-size:11px;color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:20px 22px;transition:border-color .2s,box-shadow .2s}.product-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.product-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.product-code{font-size:12px;letter-spacing:1.2px;font-weight:650;color:var(--muted)}.product-category{font-size:9px;background:var(--bg);padding:4px 8px;border-radius:5px;color:var(--muted)}.product-card h3{font-size:19px;font-weight:650;letter-spacing:-.5px;margin:0 0 5px}.product-card p{font-size:11px;color:var(--muted);margin:0}.product-stock{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);margin-top:15px}.product-card-bottom{margin-top:17px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.product-card-bottom>strong{font-size:21px;font-weight:650;letter-spacing:-.6px}.product-card-bottom>strong small{font-size:10px;color:var(--muted);font-weight:500;letter-spacing:0}.product-card-bottom .btn{font-size:11px;min-height:33px;padding:7px 11px;border-radius:7px}.store-page .page-header{margin-bottom:24px}.store-page .tiny-note{padding-top:16px}
.drawer-backdrop:not(.open),.drawer:not(.open){pointer-events:none}

.demo-return:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.demo-return:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1000px){
  .sidebar{position:static;width:100%;padding:18px 20px}
  .brand{padding:0 0 16px;font-size:25px}
  .workspace,.nav-label,.sidebar-bottom{display:none}
  .nav{flex-direction:row;overflow-x:auto;gap:7px;padding-bottom:3px}
  .nav button{flex:none;padding:11px 14px;font-size:15px;min-height:44px}
  .nav .count{display:none}
  .shell{margin-left:0}
  .content{padding:28px 20px}
  .topbar,.demo-banner{padding-left:20px;padding-right:20px}
  .overview-grid{grid-template-columns:1fr}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-header{align-items:flex-start;gap:20px;flex-wrap:wrap}
  .header-actions{flex-wrap:wrap}
  .store-hero{grid-template-columns:1fr}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .table-panel{overflow-x:auto}
  .table{min-width:700px}
  .table-toolbar{gap:18px;flex-wrap:wrap}
  .search{width:100%}
  .drawer{width:min(570px,100%)}
  .toast{left:50%;max-width:calc(100% - 32px);width:max-content}
}
@media(max-width:600px){
  .demo-banner{gap:12px;padding-top:12px;padding-bottom:12px;align-items:flex-start}
  .banner-label{font-size:11px}.banner-right{font-size:11px;flex:none}
  .topbar{min-height:64px}.environment,.top-avatar{display:none}
  .breadcrumb{font-size:12px}
  .page-header h1{font-size:32px;line-height:1.12}
  .page-header .subtitle{font-size:15px;line-height:1.6}
  .kpis{gap:12px}.kpi,.overview .kpi{padding:17px 15px}
  .kpi-name{font-size:12px}.kpi-icon,.tiny-spark{display:none}
  .kpi-value,.overview .kpi-value{font-size:29px}
  .kpi-foot,.overview .kpi-foot{flex-wrap:wrap;font-size:11px;line-height:1.5}
  .metric-strip{grid-template-columns:1fr;gap:10px}
  .metric-strip .panel,.list-page .metric-strip .panel{display:flex;justify-content:space-between;align-items:center;padding:14px 18px}
  .metric-strip strong,.list-page .metric-strip strong{margin:0;font-size:25px}
  .chart-panel .panel-head{align-items:flex-start;gap:16px;flex-wrap:wrap}
  .chart-legend{flex-wrap:wrap}.chart-tooltip{display:none}
  .chart-footer{gap:18px}.chart-footer strong{max-width:50%;text-align:right}
  .catalog-grid{grid-template-columns:1fr}
  .catalog-head{gap:18px;flex-wrap:wrap}
  .store-hero-copy{padding:25px 22px}.store-brand{gap:10px;flex-wrap:wrap}
  .demo-cart{margin:0 16px 18px}
  .product-card h3{font-size:22px}.product-card p,.product-stock{font-size:13px}
  .product-card-bottom .btn{min-height:44px;font-size:14px}
  .drawer-top,.drawer-content,.drawer-actions{padding-left:22px;padding-right:22px}
  .drawer h2{font-size:27px}.drawer-content{padding-top:22px}
  .detail-info,.detail-meta{font-size:13px}
  .detail-big-value{font-size:32px}
  .drawer-actions .btn{min-height:48px}
  .close-btn{height:40px;width:40px}
}