:root{--bg:#f6f6f9;--surface:#fff;--text:#1c1b29;--muted:#8b8a9a;--border:#ededf2;--border-2:#e4e4ec;--accent:#6c4ef5;--accent-2:#8b73ff;--accent-press:#5a3ee0;--accent-soft:#efeaff;--green:#34c77b;--green-soft:#e3f7ec;--green-ink:#1f9d5b;--red:#f5535b;--purple:#6c4ef5;--radius:18px;--shadow-sm:0 1px 2px #1c1b290a;--shadow:0 1px 3px #1c1b290a, 0 12px 32px #1c1b290f;--shadow-lg:0 4px 12px #1c1b2912, 0 24px 56px #1c1b291a;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0;overflow-x:hidden}.boot{place-items:center;min-height:100vh;display:grid}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar .brand{letter-spacing:-.02em;align-items:center;gap:9px;margin-bottom:26px;padding:0 8px;font-size:18px;display:flex}.sidebar .logo{color:#fff;background:linear-gradient(135deg, var(--accent-2), var(--accent));border-radius:9px;place-items:center;width:30px;height:30px;font-size:14px;display:grid;box-shadow:0 5px 14px #6c4ef566}.btext{color:var(--text);font-weight:500}.btext strong{color:var(--accent);font-weight:700}.nav{flex-direction:column;gap:4px;display:flex}.navitem{text-align:left;width:100%;color:var(--muted);background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;padding:10px 12px;font-size:14.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.navitem:hover{color:var(--text);background:#f5f4fb}.navitem.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.navitem svg{flex-shrink:0}.sideuser{border:1px solid var(--border);background:#f7f6fc;border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.main{min-width:0;max-width:1180px;padding:30px 36px 64px}h1,h2,h3,h4,h5{letter-spacing:-.02em;margin:0}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--text)}a{color:inherit}::selection{background:#0071e32e}.app{max-width:1040px;margin:0 auto;padding:0 20px 72px}.avatar{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:grid;box-shadow:inset 0 0 0 1px #fff3}.avatar.sm{width:32px;height:32px;font-size:12px}.userinfo{flex-direction:column;min-width:0;line-height:1.2;display:flex}.uname{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.urole{color:var(--accent);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.main{animation:.3s cubic-bezier(.2,.7,.2,1) rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.empty{background:var(--surface);border-radius:var(--radius);text-align:center;color:var(--muted);box-shadow:var(--shadow);padding:64px 40px;font-size:15px}.muted{color:var(--muted)}.sm{font-size:12px}.ok{color:var(--green-ink);font-size:13px;font-weight:600}.btn{background:var(--accent);color:#fff;border:0;border-radius:11px;padding:9px 17px;font-size:14px;font-weight:600;transition:transform .12s,background .2s,box-shadow .2s;box-shadow:0 2px 8px #0071e340}.btn:hover{background:var(--accent-press)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;box-shadow:none}.btn.primary{background:linear-gradient(135deg, var(--accent-2), var(--accent))}.block{margin-bottom:32px}.block h2{margin-bottom:16px;font-size:22px;font-weight:700}.block-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.block-head h2{margin:0}.inline{flex-wrap:wrap;gap:8px;display:flex}.inline input,.inline select{border:1px solid var(--border-2);background:#fff;border-radius:11px;flex:1;min-width:140px;padding:10px 13px;transition:border .15s,box-shadow .15s}.inline input:focus,.inline select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #0071e31f}.people{flex-direction:column;gap:9px;margin:0 0 14px;padding:0;list-style:none;display:flex}.people li{align-items:center;gap:10px;font-size:14px;display:flex}.people .dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.people.card-list li{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;padding:13px 16px}.rm{color:var(--red);background:0 0;border:0;margin-left:auto;font-size:13px;font-weight:600}.rm:hover{text-decoration:underline}.chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{background:#7878801a;border:0;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;transition:background .15s;display:inline-flex}.chip button{color:var(--muted);background:0 0;border:0;padding:0;font-size:15px;line-height:1}.chip button:hover{color:var(--red)}.chip.add{background:0 0;padding:0}.chip.add input{background:#fff;border:1.5px dashed #cbcbd2;border-radius:999px;min-width:180px;padding:7px 14px;font-size:13px;transition:border .15s}.chip.add input:focus{border-color:var(--accent);border-style:solid;outline:none}.chip.toggle{cursor:pointer}.chip.toggle:hover{background:#7878802e}.chip.toggle.active{background:var(--green-soft);color:var(--green-ink)}.chip.toggle.inactive{color:var(--muted);background:#7878801a}.products{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px;display:grid}.product{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s}.product:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.objmeta{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.role-pill{letter-spacing:.01em;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.role-pill.creator{color:var(--purple);background:#eceaff}.role-pill.collaborator{color:var(--accent);background:#e6f1ff}.sales{color:var(--muted);font-size:12.5px}.sales b{color:var(--text);font-weight:600}.product-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.kicker{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:11px;font-weight:700}.statusrow{align-items:center;gap:9px;display:flex}.status-label{font-size:12px;font-weight:600}.status-label.active{color:var(--green-ink)}.status-label.inactive{color:var(--muted)}.toggle{background:#d6d6db;border:0;border-radius:999px;width:46px;height:28px;padding:0;transition:background .22s;position:relative}.toggle.active{background:var(--green)}.toggle .knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:left .22s cubic-bezier(.3,1.4,.5,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #00000040}.toggle.active .knob{left:21px}.media{cursor:pointer;background:linear-gradient(135deg,#f6f8fc,#eef1f8);border:1.5px dashed #cdd3e0;border-radius:14px;height:132px;margin-bottom:14px;transition:border .15s,background .15s;display:block;position:relative;overflow:hidden}.media:hover{border-color:var(--accent);background:linear-gradient(135deg,#eff4ff,#e7eefc)}.media img{object-fit:cover;width:100%;height:100%;display:block}.media-empty{color:#9aa0ad;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex}.media-empty b{font-size:22px;font-weight:300}.media-empty small{font-size:12px}.title{letter-spacing:-.02em;border:0;border-bottom:1.5px solid var(--border);background:0 0;width:100%;margin-bottom:14px;padding:4px 2px 8px;font-size:19px;font-weight:700;transition:border .15s}.title::placeholder{color:#c2c2c8}.title:focus{border-color:var(--accent);outline:none}.field{margin-bottom:13px}.field>label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.field input,.field select,.field textarea{border:1px solid var(--border-2);background:#fff;border-radius:11px;width:100%;padding:10px 12px;transition:border .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #0071e31f}.field textarea{resize:vertical;min-height:70px;line-height:1.45}.prices{gap:8px;display:flex}.price{flex:1}.price span{color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.price.cur{max-width:84px}.product-foot{align-items:center;gap:12px;margin-top:8px;display:flex}.editor-layout{grid-template-columns:1fr 330px;align-items:start;gap:26px;display:grid}.editor-main{min-width:0}.editor-preview{position:sticky;top:20px}.prev-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:700}.store-card{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:16px;overflow:hidden}.sc-cover{background:linear-gradient(135deg,#f1f0fb,#e9e6fb);height:118px}.sc-cover img{object-fit:cover;width:100%;height:100%;display:block}.sc-body{padding:16px}.sc-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.sc-icon{color:#fff;background:linear-gradient(135deg, var(--accent-2), var(--accent));border-radius:13px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:18px;font-weight:700;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3}.sc-icon img{object-fit:cover;width:100%;height:100%}.sc-head h4{letter-spacing:-.01em;font-size:16px;font-weight:700;line-height:1.2}.sc-desc{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.45}.sc-feats{flex-direction:column;gap:7px;margin:0 0 14px;padding:0;list-style:none;display:flex}.sc-feats li{color:var(--text);align-items:center;gap:8px;font-size:13px;display:flex}.sc-feats li svg{color:var(--accent);flex-shrink:0}.sc-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-top:13px;display:flex}.sc-price b{letter-spacing:-.02em;font-size:21px;font-weight:700}.sc-price span{color:var(--muted);font-size:12px}.sc-add{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:#fff;border:0;border-radius:10px;padding:9px 15px;font-size:13px;font-weight:600;box-shadow:0 4px 12px #6c4ef54d}@media (width<=900px){.editor-layout{grid-template-columns:1fr}.editor-preview{order:-1;max-width:360px;position:static}}.objcollab{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.objcollab-head{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:700}.objgrid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}.objcard{text-align:left;background:var(--surface);width:100%;box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:18px;align-items:center;gap:15px;padding:16px;transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s;display:flex}.objcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.objcard-body{flex:1;min-width:0}.objcard-top{align-items:center;gap:8px;display:flex}.objcard-top h3{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.objcard-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.mini-tag{border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.mini-tag.active{background:var(--green-soft);color:var(--green-ink)}.mini-tag.inactive{color:var(--muted);background:#7878801f}.objlogo{color:#fff;background:linear-gradient(135deg, var(--accent-2), var(--accent));border-radius:13px;flex-shrink:0;place-items:center;width:54px;height:54px;font-size:22px;font-weight:700;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff40,0 4px 10px #0071e338}.objlogo img{object-fit:cover;width:100%;height:100%}.objlogo.lg{border-radius:19px;width:84px;height:84px;font-size:34px}.objlogo.up{cursor:pointer;border-radius:17px;width:76px;height:76px;font-size:28px;transition:transform .15s}.objlogo.up:hover{transform:scale(1.04)}.logo-row{align-items:center;gap:14px;margin-bottom:18px;display:flex}.logo-hint{flex-direction:column;display:flex}.logo-hint b{font-size:13px}.logo-hint small{color:var(--muted);font-size:12px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-title{letter-spacing:-.03em;font-size:26px;font-weight:700}.page-sub{color:var(--muted);margin:4px 0 0;font-size:14px}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px;display:grid}.kpi{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:2px;padding:16px 18px;display:flex;position:relative}.kpi-ic{border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:14px;right:14px}.kpi-val{letter-spacing:-.03em;font-size:26px;font-weight:700}.kpi-lbl{color:var(--muted);font-size:12.5px}.tint-violet .kpi-ic{color:#6c4ef5;background:#efeaff}.tint-blue .kpi-ic{color:#2f7bf0;background:#e6f0ff}.tint-amber .kpi-ic{color:#e08a1e;background:#fff2e2}.tint-green .kpi-ic{color:#1f9d5b;background:#e3f7ec}.dash-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.panel-card{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;margin-bottom:16px;padding:18px}.panel-card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-card-head h4{font-size:15px;font-weight:600}.dtable{border-collapse:collapse;width:100%;font-size:13.5px}.dtable th{text-align:left;color:var(--muted);padding:0 12px 10px;font-size:12px;font-weight:600}.dtable td{border-top:1px solid var(--border);padding:12px}.dtable tbody tr{cursor:pointer;transition:background .12s}.dtable tbody tr:hover{background:#faf9fe}.dtable td:first-child{border-radius:10px 0 0 10px}.dtable td:last-child{border-radius:0 10px 10px 0}.detail{max-width:760px}.back{color:var(--accent);background:0 0;border:0;align-items:center;gap:6px;margin-bottom:16px;padding:0;font-size:14px;font-weight:600;display:inline-flex}.back svg{width:16px;height:16px}.back:hover{text-decoration:underline}.detail-hero{background:var(--surface);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px 18px;margin-bottom:20px;padding:20px 22px;display:grid}.detail-hero .objlogo{grid-row:span 1}.detail-hero-info h1{letter-spacing:-.03em;font-size:24px;font-weight:700}.detail-sub{color:var(--muted);font-size:13px}.detail-kpis{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:16px;display:grid}.detail-kpis>div{flex-direction:column;display:flex}.detail-kpis b{letter-spacing:-.02em;font-size:19px;font-weight:700}.detail-kpis span{color:var(--muted);font-size:12px}.tag.gray{color:var(--muted);background:#78788024}.subtabs{border-bottom:1px solid var(--border);margin-bottom:22px;display:flex}.subtabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;margin-right:22px;padding:11px 2px;font-size:14px;font-weight:500;transition:color .15s}.subtabs button:hover{color:var(--text)}.subtabs button.on{color:var(--text);border-bottom-color:var(--accent)}.stat{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;padding:18px 20px}.stat-val{letter-spacing:-.03em;font-size:30px;font-weight:700;display:block}.stat-lbl{color:var(--muted);font-size:12px}.sec{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:24px 0 10px;font-size:12px;font-weight:700}.ledger{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.ledger li{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:13px;display:flex}.ledger li b{margin-left:auto}.bad{color:var(--red);font-size:13px;font-weight:600}.rangebar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.presets{background:#7878801f;border-radius:11px;gap:2px;padding:3px;display:inline-flex}.presets button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s}.presets button.on{color:var(--text);box-shadow:var(--shadow-sm);background:#fff}.daterange{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.daterange input{border:1px solid var(--border-2);background:#fff;border-radius:10px;padding:8px 10px;font-size:13px;transition:border .15s,box-shadow .15s}.daterange input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #0071e31f}.chart{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;margin-bottom:8px;padding:16px 16px 10px;position:relative}.chart-empty{color:var(--muted);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.bars{align-items:flex-end;gap:2px;height:130px;display:flex}.bar-col{flex:1;align-items:flex-end;min-width:2px;height:100%;display:flex}.bar{opacity:.85;border-radius:3px 3px 0 0;width:100%;min-height:2px;transition:height .25s cubic-bezier(.2,.7,.2,1),opacity .15s}.bar-col:hover .bar{opacity:1}.axis{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.title{border:1px solid var(--border-2);background:#fff;border-radius:11px;width:100%;padding:11px 12px;font-size:16px;font-weight:600;transition:border .15s,box-shadow .15s}.title::placeholder{color:#c2c2c8;font-weight:500}.title:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #0071e31f}.group{border:1px solid #0000;border-radius:16px;margin-bottom:16px;padding:16px 16px 4px}.group .field.last{margin-bottom:12px}.group-title{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.group-title:before{content:"";border-radius:3px;width:9px;height:9px}.g-brand{background:#f1f6ff;border-color:#e0ebff}.g-brand .group-title{color:var(--accent)}.g-brand .group-title:before{background:var(--accent)}.g-info{background:#f6f3fe;border-color:#ebe5fb}.g-info .group-title{color:var(--purple)}.g-info .group-title:before{background:var(--purple)}.g-price{background:#eefaf1;border-color:#d9f2e0}.g-price .group-title{color:var(--green-ink)}.g-price .group-title:before{background:var(--green)}.group .field input,.group .field select,.group .field textarea,.group .title,.group .price input{background:#fff}.detail-body .product{box-shadow:none;background:0 0;padding:0}.detail-body .product:hover{box-shadow:none;transform:none}.detail-body .product-head{margin-bottom:16px}.statgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:480px;display:grid}.stat{border:1px solid #0000;border-radius:16px;padding:18px 20px}.statgrid .stat:nth-child(4n+1){background:#eff5ff;border-color:#dde9ff}.statgrid .stat:nth-child(4n+1) .stat-val{color:#2563d9}.statgrid .stat:nth-child(4n+2){background:#eafaef;border-color:#d6f1de}.statgrid .stat:nth-child(4n+2) .stat-val{color:var(--green-ink)}.statgrid .stat:nth-child(4n+3){background:#f4f0fe;border-color:#e7ddfb}.statgrid .stat:nth-child(4n+3) .stat-val{color:var(--purple)}.statgrid .stat:nth-child(4n+4){background:#fff4ec;border-color:#ffe6d3}.statgrid .stat:nth-child(4n+4) .stat-val{color:#c2570f}.detail-body .people,.detail-body .ledger{margin-top:4px}.objcard{gap:16px;padding:17px}.objcard-top{gap:10px}.objcard-top h3{flex:1;min-width:0}.subtabs{gap:0;margin-bottom:24px}.block-head{align-items:flex-end}.block-head h2{line-height:1.1}.loading{justify-content:center;align-items:center;padding:60px;display:flex}.spinner{border:3px solid #00000014;border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.featbox{flex-direction:column;gap:11px;display:flex}.featadd{gap:8px;display:flex}.featadd input{border:1px solid var(--border-2);background:#fff;border-radius:11px;flex:1;padding:10px 12px;transition:border .15s,box-shadow .15s}.featadd input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #0071e31f}.addbtn{color:var(--accent);white-space:nowrap;background:#0071e31a;border:0;border-radius:11px;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s}.addbtn:hover{background:#0071e32b}.addbtn:disabled{opacity:.4}.money{border:1px solid var(--border-2);background:#fff;border-radius:11px;align-items:center;transition:border .15s,box-shadow .15s;display:flex;overflow:hidden}.money:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #0071e31f}.money i{color:var(--muted);padding:0 2px 0 12px;font-style:normal;font-weight:600}.money input{width:100%;font-weight:600;box-shadow:none!important;background:0 0!important;border:0!important;padding:10px 11px 10px 4px!important}.price.cur input{border:1px solid var(--border-2);text-align:center;text-transform:uppercase;background:#fff;border-radius:11px;width:100%;padding:10px 11px;font-weight:600;transition:border .15s,box-shadow .15s}.price.cur input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #0071e31f}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}@media (width<=900px){.dash-grid{grid-template-columns:1fr}.main{padding:24px 22px 56px}}@media (width<=720px){.shell{grid-template-columns:1fr}.sidebar{z-index:30;border-right:0;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;gap:10px;height:auto;padding:10px 14px;position:sticky;top:0}.sidebar .brand{margin:0;padding:0;font-size:16px}.sidebar .brand .btext{display:none}.nav{flex-direction:row;gap:4px;margin-left:auto;overflow-x:auto}.navitem{padding:9px 11px}.navitem span{display:none}.sideuser{background:0 0;border:0;margin:0;padding:4px}.sideuser .userinfo{display:none}.main{padding:18px 16px 48px}.page-title{font-size:22px}.dash-grid{grid-template-columns:1fr}.kpis,.statgrid,.statgrid.wide{grid-template-columns:repeat(2,1fr)}.products,.objgrid{grid-template-columns:1fr}.panel-card{overflow-x:auto}.dtable{min-width:520px}.subtabs{overflow-x:auto}.subtabs button{white-space:nowrap}.detail-hero{grid-template-columns:auto 1fr}.detail-hero .tag{grid-column:1/-1;justify-self:start}.detail-kpis{grid-template-columns:repeat(2,1fr)}.detail-hero-info h1{font-size:21px}.prices{flex-wrap:wrap}.rangebar{gap:8px}}@media (width<=420px){.kpis{grid-template-columns:1fr}}