@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand-900:#0b1d3a;--brand-800:#102a52;--brand-700:#133260;--brand-600:#17457f;--brand-500:#2563a8;--brand-200:#c5d5ec;--brand-100:#e2eaf6;--brand-50:#f2f6fc;--accent:#d9862b;--accent-50:#fdf4e8;--logo-gradient:linear-gradient(90deg, #c9573f, #e8913f, #f2c14e, #52a45d, #1ea186, #198da0, #1d5c9e);--ink:#111c2e;--ink-2:#2f3c52;--muted:#5f6b7f;--muted-2:#8792a5;--line:#dde3ed;--line-2:#edf1f7;--surface:#fff;--bg:#f4f6fa;--danger:#b42318;--danger-50:#fef3f2;--warning:#a15c07;--warning-50:#fffaeb;--info:#1d5fa8;--info-50:#eff6ff;--success:#067647;--success-50:#ecfdf3;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #0e1c340f;--shadow:0 1px 3px #0e1c3414, 0 4px 12px #0e1c340d;--shadow-lg:0 10px 30px #0e1c3429;--font:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px);--header-h:56px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:72px;scroll-padding-bottom:160px}html,body{min-height:100%;margin:0}body{background:var(--bg);font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";font-size:15px;line-height:1.45}a{color:var(--brand-600)}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;line-height:1.2}svg{flex:none}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.h1{font-size:24px;font-weight:700}.h2{font-size:19px;font-weight:650}.h3{font-size:16px;font-weight:650}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.muted{color:var(--muted)}.sm{font-size:13px}.xs{font-size:12px}.strong{font-weight:600}.tnum{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.right{text-align:right}.center-text{text-align:center}.row{gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.col{flex-direction:column;display:flex}.between{justify-content:space-between}.center{align-items:center}.start{align-items:flex-start}.end{justify-content:flex-end}.grow{flex:auto;min-width:0}.gap4{gap:4px}.gap6{gap:6px}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.gap20{gap:20px}.mt4{margin-top:4px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width<=720px){.grid3,.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.grid2.stack-xs,.modal .grid2,.modal .grid3{grid-template-columns:minmax(0,1fr)}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:16px}.card-head{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.card-body{padding:16px}.section-title{align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:650;display:flex}.section-title svg{color:var(--brand-600)}.field{flex-direction:column;gap:6px;min-width:0;margin-bottom:14px;display:flex}.field>label{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;font-size:13px;font-weight:550;display:flex}.field .hint{color:var(--muted-2);text-align:right;font-size:12px;font-weight:400}.field .err{color:var(--danger);font-size:12px}.control{background:var(--surface);border-radius:var(--radius-sm);border:1px solid #cdd5e2;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 12px;font-size:15px;transition:border-color .15s,box-shadow .15s;display:flex}.control:hover{border-color:#b1bdd0}.control:focus-within{border-color:var(--brand-500);box-shadow:0 0 0 3px #2563a82e}.control input,.control select,.control textarea{width:100%;min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:auto;padding:10px 0;font-size:16px}.control textarea{resize:vertical;min-height:70px}.control select{appearance:none;cursor:pointer;padding-right:4px}.control input::placeholder,.control textarea::placeholder{color:#a2acbd}.control .unit{color:var(--muted);white-space:nowrap;font-size:13px}.control .lead{color:var(--muted-2);display:inline-flex}.control .caret{color:var(--muted-2);pointer-events:none;display:inline-flex}.control.sm{min-height:36px;padding:0 10px}.control.sm input,.control.sm select{padding:6px 0;font-size:14px}.control.ro{background:var(--line-2)}.control.ro input{color:var(--ink-2)}.control.invalid{border-color:var(--danger)}.seg{flex-wrap:wrap;gap:6px;display:inline-flex}.seg .opt{min-height:36px;color:var(--ink-2);background:var(--surface);cursor:pointer;border:1px solid #cdd5e2;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .15s}.seg .opt:hover{border-color:var(--brand-500);color:var(--brand-700)}.seg .opt.on{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.seg.joined{background:var(--line-2);border-radius:10px;flex-wrap:nowrap;gap:0;padding:3px}.seg.joined .opt{background:0 0;border:none;border-radius:8px;min-height:34px}.seg.joined .opt.on{background:var(--surface);color:var(--brand-700);box-shadow:var(--shadow-sm)}.switch{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:4px 0;font-size:15px;display:inline-flex}.switch .track{background:#c8d0de;border-radius:999px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.switch .track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.switch.on .track{background:var(--brand-600)}.switch.on .track:after{left:21px}.switch.sm .track{width:36px;height:22px}.switch.sm .track:after{width:16px;height:16px}.switch.sm.on .track:after{left:17px}.btn{white-space:nowrap;cursor:pointer;border-radius:var(--radius-sm);background:var(--surface);min-height:44px;color:var(--ink-2);border:1px solid #cdd5e2;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{background:var(--line-2)}.btn.primary{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.btn.primary:hover{background:var(--brand-700);border-color:var(--brand-700)}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--line-2)}.btn.danger{color:var(--danger);border-color:#f1c6c2}.btn.danger:hover{background:var(--danger-50)}.btn.danger.solid{background:var(--danger);color:#fff;border-color:var(--danger)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn.block{white-space:normal;text-align:center;width:100%}.btn{max-width:100%}.btn.sm{min-height:36px;padding:0 12px;font-size:14px}.btn.lg{min-height:52px;padding:0 22px;font-size:16px}.btn.icon{width:44px;padding:0}.btn.sm.icon{width:36px}.iconbtn{cursor:pointer;width:34px;height:34px;color:var(--muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.iconbtn:hover{background:var(--line-2);color:var(--ink)}.iconbtn.danger:hover{background:var(--danger-50);color:var(--danger)}.linkbtn{cursor:pointer;color:var(--brand-600);font-weight:550;font-size:inherit;background:0 0;border:none;padding:0}.linkbtn:hover{text-decoration:underline}.callout{border-radius:var(--radius-sm);border:1px solid;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;display:flex}.callout svg{margin-top:1px}.callout.info{background:var(--info-50);color:#173f6d;border-color:#cfe0f5}.callout.info svg{color:var(--info)}.callout.warning{background:var(--warning-50);color:#6b3d05;border-color:#f5dfa8}.callout.warning svg{color:var(--warning)}.callout.danger{background:var(--danger-50);color:#7a1a12;border-color:#f6cfcb}.callout.danger svg{color:var(--danger)}.callout.success{background:var(--success-50);color:#05432a;border-color:#b9e6cc}.callout.success svg{color:var(--success)}.callout.neutral{background:var(--line-2);border-color:var(--line);color:var(--ink-2)}.callout .callout-body{overflow-wrap:anywhere;min-width:0}.badge{white-space:nowrap;background:var(--line-2);color:var(--ink-2);border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge.green{background:var(--success-50);color:var(--success)}.badge.amber{color:#8a5300;background:#fdf0d5}.badge.red{color:var(--danger);background:#fde4e1}.badge.blue{color:var(--info);background:#e0ecfb}.badge.dark{background:var(--ink);color:#fff}.dot{background:currentColor;border-radius:50%;width:8px;height:8px;display:inline-block}.chip{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--ink-2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:14px;display:inline-flex}.chip:hover{border-color:var(--brand-500);color:var(--brand-700)}.chip.on{background:var(--brand-50);border-color:var(--brand-500);color:var(--brand-700)}.tbl-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;background:#f7f9fc;padding:10px 12px;font-size:12px;font-weight:600}.tbl td{border-bottom:1px solid var(--line-2);vertical-align:middle;padding:10px 12px}.tbl tbody tr:hover td{background:#f9fafd}.tbl tr:last-child td{border-bottom:none}.tbl .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tbl .actions{white-space:nowrap;text-align:right;width:1%}.tbl tr.inactive td{color:var(--muted-2)}.tbl .sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:12px;display:block;overflow:hidden}.app{flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:20;background:var(--brand-700);color:#fff;border-bottom:3px solid;border-image:var(--logo-gradient) 1;position:sticky;top:0}.app-header-inner{max-width:760px;height:var(--header-h);align-items:center;gap:10px;margin:0 auto;padding:0 12px;display:flex}.app-header .title{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:17px;font-weight:650;overflow:hidden}.app-header .back{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-left:-6px;display:inline-flex}.app-header .back:hover{background:#ffffff1f}.app-header .topnav{gap:4px;display:none}.app-header .topnav a{color:#d8e3f3;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:550;text-decoration:none;display:inline-flex}.app-header .topnav a:hover{color:#fff;background:#ffffff1a}.app-header .topnav a.active{color:#fff;background:#ffffff29}.app-main{flex:auto;width:100%;max-width:760px;margin:0 auto;padding:16px 16px 24px}.app-bottom{z-index:20;position:sticky;bottom:0}.app-bottom-inner{max-width:760px;margin:0 auto}.tabbar{background:var(--surface);border-top:1px solid var(--line);padding-bottom:var(--safe-bottom);display:flex}.tabbar a{color:var(--muted);flex-direction:column;flex:1 1 0;align-items:center;gap:2px;padding:8px 4px 7px;font-size:11.5px;font-weight:550;text-decoration:none;display:flex}.tabbar a.active{color:var(--brand-600)}.tabbar a.active svg{stroke-width:2.4px}.actionbar{background:var(--surface);border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 16px;display:flex;box-shadow:0 -4px 16px #0e1c340f}.actionbar .price-label{color:var(--muted);font-size:12px}.actionbar .price{letter-spacing:-.02em;white-space:nowrap;color:var(--ink);font-size:22px;font-weight:750;line-height:1.1}.actionbar .price-sub{color:var(--muted);white-space:nowrap;font-size:12px}.actionbar .btn{flex:none}.actionbar .btn.grow{flex:auto}.no-tabbar .actionbar{padding-bottom:calc(10px + var(--safe-bottom))}@media (width>=900px){.app-header .topnav{display:flex}.tabbar{display:none}.actionbar{border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0}}.steps{align-items:center;gap:6px;margin-bottom:18px;display:flex}.step{cursor:pointer;color:var(--muted);background:0 0;border:none;align-items:center;gap:8px;min-width:0;padding:0;font-size:13px;font-weight:550;display:flex}.step:disabled{cursor:default}.step .n{background:var(--line-2);width:28px;height:28px;color:var(--muted);border:1px solid var(--line);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.step.on{color:var(--ink)}.step.on .n{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.step.done .n{background:var(--brand-100);border-color:var(--brand-200);color:var(--brand-700)}.step-line{background:var(--line);border-radius:2px;flex:12px;min-width:8px;height:2px}.step-line.done{background:var(--brand-200)}@media (width<=380px){.step .label{display:none}.step.on .label{display:inline}}.option{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.option:hover{border-color:var(--brand-500)}.option.on{border-color:var(--brand-600);background:var(--brand-50);box-shadow:inset 0 0 0 1px var(--brand-600)}.option .ico{background:var(--brand-50);width:40px;height:40px;color:var(--brand-600);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.option.on .ico{background:var(--brand-600);color:#fff}.option .check{color:#fff;border:1.5px solid #c3cbd9;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.option.on .check{background:var(--brand-600);border-color:var(--brand-600)}.option .grow{min-width:0}.option .strong,.machine-head .strong{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.machine{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.machine-head{align-items:center;gap:12px;padding:12px 14px;display:flex}.machine-head .ico{background:var(--brand-600);color:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.machine-body{border-top:1px solid var(--line-2);background:#fafbfd;padding:12px 14px 14px}.machine-body .field{margin-bottom:0}.hero{background:linear-gradient(135deg, var(--brand-700), var(--brand-600));color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.hero .eyebrow{color:#cddcf1}.hero .amount{letter-spacing:-.03em;word-break:break-word;margin-top:4px;font-size:38px;font-weight:800;line-height:1.05}.hero .unit-price{color:#e3ebf7;margin-top:2px;font-size:15px}.hero .variants{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.hero .variant{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:10px;padding:10px 12px}.hero .variant.on{color:var(--ink);background:#fff;border-color:#fff}.hero .variant .k{opacity:.85;font-size:12px}.hero .variant .v{white-space:nowrap;margin-top:2px;font-size:17px;font-weight:700}@media (width<=360px){.hero .amount{font-size:32px}}.costrow{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;padding:11px 0;display:flex}.costrow .sw{border-radius:3px;flex:none;width:12px;height:12px}.costrow .lbl{color:var(--ink-2);flex:auto;min-width:0;font-size:14px}.costrow .val{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:600}.totalrow{justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0 0;display:flex}.kv{justify-content:space-between;gap:12px;padding:7px 0;font-size:14px;display:flex}.kv .k{color:var(--muted)}.kv .v{text-align:right;font-weight:600}.list-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:left;cursor:pointer;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.list-item:hover{border-color:var(--brand-500)}a.list-item{color:inherit;text-decoration:none}.auth{background:var(--surface);grid-template-columns:1fr;min-height:100dvh;display:grid}.auth-aside{display:none}.auth-main{padding:32px 20px calc(24px + var(--safe-bottom));flex-direction:column;justify-content:center;width:100%;max-width:440px;margin:0 auto;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{flex:none;width:40px;height:40px}.brand-logo{width:100%;max-width:300px;height:auto;display:block}.brand-name{font-size:15px;font-weight:750;line-height:1.15}.brand-name small{color:var(--muted);font-size:12px;font-weight:500;display:block}@media (width>=960px){.auth{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.auth-aside{border-top:4px solid;border-image:var(--logo-gradient) 1;color:#fff;background:radial-gradient(circle at 20% 20%, #ffffff14, transparent 45%), linear-gradient(160deg, var(--brand-800), var(--brand-600));flex-direction:column;justify-content:space-between;padding:48px;display:flex}.auth-aside .brand-name small{color:#cddcf1}.auth-aside h2{letter-spacing:-.02em;max-width:480px;margin-top:24px;font-size:34px;font-weight:750}.auth-aside p{color:#d2def0;max-width:460px;font-size:16px}.auth-aside .feat{color:#e5edf8;align-items:flex-start;gap:10px;margin-top:14px;display:flex}.auth-main .brand.mobile-only{display:none}}.admin{min-height:100dvh;display:flex}.side{background:var(--brand-900);color:#d8e3f3;border-top:3px solid;border-image:var(--logo-gradient) 1;flex-direction:column;flex:none;width:248px;height:100dvh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.side .brand-name{color:#fff}.side .brand-name small{color:#9db3d3}.side nav{flex-direction:column;gap:2px;margin-top:22px;display:flex}.side .nav-label{letter-spacing:.08em;text-transform:uppercase;color:#7e97bd;margin:16px 10px 6px;font-size:11px;font-weight:650}.side nav a{color:#cddbef;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;font-weight:550;text-decoration:none;display:flex}.side nav a:hover{color:#fff;background:#ffffff12}.side nav a.active{color:#fff;background:#ffffff21}.side .me{background:#ffffff0f;border-radius:10px;align-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.avatar{background:var(--brand-500);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:inline-flex}.admin-main{flex-direction:column;flex:auto;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:18px 24px;display:flex}.topbar .t{font-size:22px;font-weight:700}.topbar .actions{flex-wrap:wrap;gap:8px;display:flex}.page{flex-direction:column;gap:16px;width:100%;max-width:1400px;padding:20px 24px 40px;display:flex}.mobilebar{display:none}.filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filters>.grow{min-width:min(220px,100%)}.filters>.fixed{width:200px}@media (width<=900px){.admin{flex-direction:column}.side{z-index:40;height:100dvh;box-shadow:var(--shadow-lg);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.side.open{transform:none}.side-backdrop{z-index:39;background:#08142866;position:fixed;inset:0}.mobilebar{z-index:30;height:var(--header-h);background:var(--brand-900);color:#fff;border-bottom:3px solid;border-image:var(--logo-gradient) 1;align-items:center;gap:10px;padding:0 12px;display:flex;position:sticky;top:0}.mobilebar .iconbtn{color:#fff}.mobilebar .iconbtn:hover{background:#ffffff1a}.topbar{padding:14px 16px}.topbar .t{font-size:19px}.page{padding:16px 12px 32px}.filters>.fixed{flex:140px;width:auto}}.stat{flex-direction:column;gap:4px;padding:16px;display:flex}.stat .k{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.stat .v{letter-spacing:-.02em;font-size:26px;font-weight:750;line-height:1.1}.stat .d{color:var(--muted-2);font-size:12px}.stat .d.up{color:var(--success)}.stat .d.down{color:var(--danger)}.bar-h{background:var(--brand-200);border-radius:99px;height:8px}.bar-h.first{background:var(--brand-600)}.bar-track{background:var(--line-2);border-radius:99px;height:8px}.steps-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.steps-list li{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:12px;display:grid}.steps-list .n{background:var(--brand-50);width:30px;height:30px;color:var(--brand-700);border:1px solid var(--brand-200);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.prompt{white-space:pre-wrap;background:var(--line-2);border:1px solid var(--line);border-radius:var(--radius-sm);max-height:180px;font-size:12.5px;line-height:1.5;font-family:var(--font);margin:8px 0 0;padding:12px;overflow:auto}.dropzone{border-radius:var(--radius);text-align:center;color:var(--muted);cursor:pointer;background:#f9fafd;border:2px dashed #c3cbd9;flex-direction:column;align-items:center;gap:6px;padding:22px;display:flex}.dropzone:hover,.dropzone.over{border-color:var(--brand-500);background:var(--brand-50);color:var(--brand-700)}.overlay{z-index:50;background:#08142873;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:640px;max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.modal.wide{max-width:920px}.modal-head{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.modal-head h2{font-size:18px;font-weight:700}.modal-body{-webkit-overflow-scrolling:touch;flex:auto;padding:18px 20px;overflow-y:auto}.modal-foot{border-top:1px solid var(--line-2);background:#f9fafd;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.sheet-grip{display:none}@media (width<=640px){.overlay{align-items:flex-end;padding:0}.modal,.modal.wide{max-width:none;max-height:calc(var(--vue,100dvh) * .92);border-radius:18px 18px 0 0}.sheet-grip{background:#d0d7e3;border-radius:4px;width:40px;height:4px;margin:8px auto 0;display:block}.modal-head{padding:10px 16px 12px}.modal-body{padding:14px 16px}.modal-foot{padding:12px 16px calc(12px + var(--safe-bottom))}.modal-foot .btn{flex:auto}}.toast{left:50%;bottom:calc(96px + var(--safe-bottom));background:var(--ink);color:#fff;z-index:60;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);border-radius:10px;align-items:center;gap:8px;padding:11px 16px;font-size:14px;display:flex;position:fixed;transform:translate(-50%)}.toast.error{background:var(--danger)}.loader{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:32px 16px;display:flex}.empty .ico{background:var(--brand-50);width:52px;height:52px;color:var(--brand-600);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.divider{background:var(--line-2);height:1px;margin:12px 0}.only-mobile{display:initial}.only-desktop{display:none}@media (width>=900px){.only-mobile{display:none}.only-desktop{display:initial}}