:root{--mint-50: #effcf6;--mint-100: #d6f9e8;--mint-200: #aef2d2;--mint-300: #7ee8bb;--mint-400: #3fd396;--mint-500: #1fbf80;--mint-600: #109766;--mint-700: #0d7a53;--butter: #ffe08a;--lilac: #cbbcff;--coral: #ff8f7a;--ink: #0c1f19;--ink-2: #132b23;--muted: #5f756c;--line: #e0ece6;--paper: #f6faf8;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--hard: 3px 3px 0 var(--ink);--side: 228px;--top: 56px;--r: 12px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);line-height:1.5;font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--mint-700);text-decoration:none}a:hover{color:var(--mint-600)}h1,h2,h3{margin:0;line-height:1.25;letter-spacing:-.015em}h1{font-size:1.4rem;font-weight:800}h2{font-size:1rem;font-weight:750}h3{font-size:.94rem;font-weight:700}p{margin:0 0 .6em}svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--mint-500);outline-offset:2px}.mono{font-family:var(--mono);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:var(--mint-700)}.muted{color:var(--muted)}.small{font-size:.8rem}.row{display:flex;align-items:center;gap:8px}.row-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.grow{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nowrap{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 13px;border-radius:9px;font-weight:650;font-size:.84rem;border:1.5px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;transition:transform .12s,box-shadow .12s,background .15s;white-space:nowrap;text-decoration:none}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink);color:var(--ink)}.btn:active:not(:disabled){transform:none;box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--mint-400)}.btn-dark{background:var(--ink);color:var(--mint-300)}.btn-dark:hover:not(:disabled){color:var(--mint-300);box-shadow:2px 2px 0 var(--mint-400)}.btn-danger{color:#a3301b;border-color:#a3301b}.btn-danger:hover:not(:disabled){color:#a3301b;box-shadow:2px 2px #a3301b;background:#fff3f0}.btn-sm{height:28px;padding:0 10px;font-size:.78rem;border-radius:8px}.btn-lg{height:40px;padding:0 18px;font-size:.9rem}.btn-block{width:100%}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover:not(:disabled){background:var(--mint-100);box-shadow:none;transform:none}.btn-icon{width:34px;padding:0}.btn-icon.btn-sm{width:28px}.card{background:#fff;border:1.5px solid var(--ink);border-radius:var(--r)}.card.hard{box-shadow:var(--hard)}.card-body{padding:14px 16px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line)}.card-head .mono{color:var(--muted)}.card-foot{padding:10px 16px;border-top:1px solid var(--line);background:var(--mint-50);border-radius:0 0 var(--r) var(--r)}.grid{display:grid;gap:14px}.grid>*{min-width:0}.g-2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-main{grid-template-columns:minmax(0,1fr) 320px;align-items:start}@media (max-width: 1100px){.g-4{grid-template-columns:repeat(2,minmax(0,1fr))}.g-main{grid-template-columns:1fr}}@media (max-width: 640px){.g-2,.g-3{grid-template-columns:1fr}}.field{display:grid;gap:4px;margin-bottom:12px}.field label{font-weight:650;font-size:.82rem}.input,.select,.textarea{width:100%;height:36px;padding:0 11px;border:1.5px solid var(--ink);border-radius:9px;background:#fff;outline:none;transition:box-shadow .12s;font-size:.88rem}.textarea{height:auto;min-height:110px;padding:9px 11px;resize:vertical}.input:focus,.select:focus,.textarea:focus{box-shadow:2px 2px 0 var(--mint-400)}.input:disabled{background:var(--mint-50);color:var(--muted)}.input-icon{position:relative}.input-icon svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.input-icon .input{padding-left:32px}.hint{font-size:.76rem;color:var(--muted)}.alert{display:flex;gap:8px;align-items:flex-start;padding:9px 12px;border-radius:9px;border:1.5px solid var(--ink);font-size:.84rem;margin-bottom:12px}.alert-error{background:#ffe5df}.alert-ok{background:var(--mint-100)}.alert-info{background:#fff3c9}.badge{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 8px;border-radius:99px;font-size:.7rem;font-weight:700;border:1px solid var(--ink);white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.b-active,.b-paid,.b-answered{background:var(--mint-200)}.b-pending,.b-unpaid,.b-customer_reply,.b-open{background:var(--butter)}.b-suspended,.b-expired{background:#ffd0c6}.b-cancelled,.b-closed{background:#edf2ef;color:var(--muted);border-color:#b9c9c1}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.85rem}.table th{text-align:left;font-family:var(--mono);font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:8px 12px;background:var(--mint-50);border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background .12s}.table tbody tr.click{cursor:pointer}.table tbody tr:hover{background:#fafdfb}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .sub{display:block;font-size:.74rem;color:var(--muted)}.table b{font-weight:650}.shell{--side-w: 236px;display:grid;grid-template-columns:calc(var(--side-w) + 12px) minmax(0,1fr);min-height:100%;transition:grid-template-columns .22s ease}.shell.mini{--side-w: 72px}.side{position:sticky;top:10px;margin:10px 0 10px 10px;height:calc(100vh - 20px);width:var(--side-w);display:flex;flex-direction:column;gap:10px;padding:10px;overflow:hidden auto;z-index:40;scrollbar-width:none;background:radial-gradient(240px 160px at 0 0,var(--mint-100),transparent 70%),radial-gradient(rgba(12,31,25,.07) 1px,transparent 1px) 0 0 / 14px 14px,#fff;border:1.5px solid var(--ink);border-radius:18px;box-shadow:4px 4px 0 var(--ink);transition:width .22s ease}.side::-webkit-scrollbar{display:none}.side-brand{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 2px 0 4px}.mini .side-brand{flex-direction:column;justify-content:center;gap:8px}.side-toggle{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;border:1.5px solid var(--ink);background:#fff;cursor:pointer;transition:transform .15s,background .15s}.side-toggle:hover{background:var(--mint-200);transform:rotate(-8deg)}.health{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;border:1.5px solid var(--ink);color:var(--ink);transition:transform .15s,box-shadow .15s}.health:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink);color:var(--ink)}.health.ok{background:var(--mint-200)}.health.warn{background:var(--butter)}.health b{display:block;font-size:.8rem;line-height:1.2}.health small{display:block;font-size:.7rem;color:#3d5a4f}.health .pulse{position:relative;width:10px;height:10px;border-radius:50%;background:var(--mint-600);flex:none}.health.warn .pulse{background:#e3842a}.health .pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid currentColor;opacity:0;animation:ring 2s infinite;color:inherit}.health.ok .pulse:after{border-color:var(--mint-600)}.health.warn .pulse:after{border-color:#e3842a}.mini .health{justify-content:center;padding:10px 0}.nav-label{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:2px 6px 4px}.nav-label:after{content:"";flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--line) 0 4px,transparent 4px 7px)}.side-nav{display:grid;gap:3px}.side-nav a{position:relative;display:flex;align-items:center;gap:10px;height:38px;padding:0 8px 0 5px;border-radius:11px;border:1.5px solid transparent;color:var(--ink);font-weight:600;font-size:.85rem;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.side-nav a .lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav .tile{position:relative;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;border:1.5px solid var(--ink);background:var(--tone);flex:none;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.side-nav a:hover{background:#d6f9e899;color:var(--ink)}.side-nav a:hover .tile{transform:rotate(-8deg) scale(1.06)}.side-nav a.active{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:3px 3px 0 var(--mint-400)}.side-nav a.active .tile{box-shadow:0 0 0 2px var(--ink),0 0 0 3.5px var(--tone)}.tone-mint{--tone: var(--mint-300)}.tone-lilac{--tone: var(--lilac)}.tone-sky{--tone: #a9dcff}.tone-butter{--tone: var(--butter)}.tone-coral{--tone: #ffb4a6}.side-nav .count{min-width:20px;height:20px;padding:0 6px;border-radius:7px;display:grid;place-items:center;font-size:.68rem;font-weight:800;background:var(--butter);color:var(--ink);border:1.5px solid var(--ink)}.side-nav .count.hot{background:var(--coral);animation:nudge 2.4s ease-in-out infinite}.side-nav .dot{position:absolute;top:-4px;right:-4px;width:9px;height:9px;border-radius:50%;background:var(--coral);border:1.5px solid var(--ink)}.mini .side-nav a{justify-content:center;padding:0}.mini .side-nav a .lbl,.mini .side-nav a .count{display:none}.order-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.otile{display:grid;justify-items:center;gap:3px;padding:9px 4px 7px;border-radius:11px;border:1.5px dashed #9cb8ab;color:var(--ink);font-size:.7rem;font-weight:700;background:#ffffffb3;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s}.otile:hover{color:var(--ink);border-style:solid;border-color:var(--ink);background:var(--mint-100);transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink)}.otile.on{border-style:solid;border-color:var(--ink);background:var(--mint-400)}.mini .order-tiles{grid-template-columns:1fr}.mini .otile span{display:none}.cart-btn{position:relative;width:34px;padding:0}.cart-n{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;display:grid;place-items:center;font-size:.66rem;font-weight:800;background:var(--coral);border:1.5px solid var(--ink)}.side-foot{margin-top:auto}.side-help{position:relative;display:grid;gap:2px;padding:100px 12px 12px;border-radius:14px;background:var(--mint-400);border:1.5px solid var(--ink);font-size:.74rem;color:#10382a;overflow:hidden}.side-help b{color:var(--ink);font-size:.86rem}.side-help .btn{margin-top:8px}.side-help .help-art{position:absolute;top:-22px;left:50%;width:150px;transform:translate(-46%);pointer-events:none}.help-mini{border-style:solid;border-color:var(--ink);background:var(--mint-400)}@media (max-height: 960px){.side-help .help-art{display:none}.side-help{padding-top:12px}}.backdrop{display:none}@keyframes ring{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.6);opacity:0}}@keyframes nudge{0%,88%,to{transform:none}92%{transform:rotate(-10deg)}96%{transform:rotate(10deg)}}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;height:var(--top);padding:0 22px;background:#f6faf8eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1.5px solid var(--ink)}.topbar .burger{display:none}.crumbs{display:flex;align-items:center;gap:6px;min-width:0;font-size:.84rem;color:var(--muted)}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--ink)}.crumbs .sep{opacity:.4}.crumbs .cur{color:var(--ink);font-weight:650}.content{padding:20px 22px 40px;width:100%;max-width:1320px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.page-head p{margin:2px 0 0;color:var(--muted);font-size:.84rem}.dd{position:relative}.dd-btn{display:flex;align-items:center;gap:8px;height:38px;padding:0 8px 0 4px;border:1.5px solid var(--ink);border-radius:10px;background:#fff;cursor:pointer}.dd-btn:hover{box-shadow:2px 2px 0 var(--ink)}.dd-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:#fff;border:1.5px solid var(--ink);border-radius:12px;box-shadow:var(--hard);padding:6px;z-index:60;animation:ddIn .14s ease-out}.dd-menu .dd-head{padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}.dd-menu a,.dd-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border-radius:8px;border:0;background:none;color:var(--ink);font-size:.85rem;cursor:pointer;text-align:left}.dd-menu a:hover,.dd-menu button:hover{background:var(--mint-100);color:var(--ink)}.dd-menu hr{border:0;border-top:1px solid var(--line);margin:4px 0}.avatar{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:.74rem;background:var(--mint-300);border:1.5px solid var(--ink);flex:none}@media (max-width: 960px){.shell,.shell.mini{--side-w: 256px;grid-template-columns:1fr}.side{position:fixed;left:0;top:0;transform:translate(calc(-100% - 20px));transition:transform .22s ease;z-index:70}.side-toggle{display:none}.mini .side-nav a{justify-content:flex-start;padding:0 8px 0 5px}.mini .side-nav a .lbl,.mini .side-nav a .count{display:initial}.mini .order-tiles{grid-template-columns:repeat(3,1fr)}.mini .otile span{display:initial}.shell.open .side{transform:none}.shell.open .backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0c1f1973;z-index:65}.topbar .burger{display:inline-flex}.topbar{padding:0 12px}.content{padding:14px 12px 32px}.dd-btn .who,.topbar .hide-sm{display:none}.crumbs .crumb-mid,.crumbs .crumb-mid+.sep{display:none}}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:#fff;font-size:.78rem;font-weight:600;cursor:pointer;color:var(--muted)}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip.on{background:var(--ink);color:var(--mint-300);border-color:var(--ink)}.chip .n{font-size:.68rem;opacity:.75}.filters .input-icon{margin-left:auto;width:220px}.filters .input{height:30px}@media (max-width: 640px){.filters .input-icon{width:100%}}.auth{min-height:100%;display:grid;grid-template-columns:1.05fr 1fr}.auth-art{position:relative;display:flex;flex-direction:column;justify-content:center;padding:40px 48px;background:radial-gradient(600px 360px at 80% 0,var(--mint-200),transparent 60%),var(--mint-50);border-right:1.5px solid var(--ink);overflow:hidden}.auth-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(12,31,25,.08) 1.2px,transparent 1.2px);background-size:20px 20px;pointer-events:none}.auth-art>*{position:relative}.auth-art h2{font-size:1.7rem;font-weight:800;max-width:420px;margin:10px 0 6px}.auth-art [role=img]{max-width:400px;margin-top:8px}.auth-points{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none;font-size:.86rem}.auth-points li:before{content:"✓ ";color:var(--mint-600);font-weight:800}.auth-form{display:flex;align-items:center;justify-content:center;padding:32px 20px}.auth-box{width:100%;max-width:360px}.auth-box h1{margin:22px 0 4px}.pw-wrap{position:relative}.pw-wrap .btn{position:absolute;right:4px;top:4px;height:28px}@media (max-width: 900px){.auth{grid-template-columns:1fr}.auth-art{display:none}}.welcome{position:relative;display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:var(--r);background:var(--mint-400);border:1.5px solid var(--ink);box-shadow:var(--hard);overflow:hidden;margin-bottom:14px;min-height:128px}.welcome .txt{flex:1;min-width:0;position:relative;z-index:1}.welcome h1{font-size:1.3rem}.welcome p{color:#10382a;margin:4px 0 12px;max-width:520px;font-size:.88rem}.welcome [role=img]{width:230px;margin:-16px -10px -24px 0;flex:none}@media (max-width: 760px){.welcome [role=img]{display:none}}.stat{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r);border:1.5px solid var(--ink);background:#fff;color:var(--ink);transition:transform .15s,box-shadow .15s}.stat:hover{transform:translate(-2px,-2px);box-shadow:var(--hard);color:var(--ink)}.stat .ic{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--mint-200);border:1.5px solid var(--ink);flex:none}.stat strong{display:block;font-size:1.2rem;letter-spacing:-.02em;line-height:1.15;font-variant-numeric:tabular-nums}.stat .grow>span{color:var(--muted);font-size:.76rem}@media (max-width: 640px){.stat{padding:10px;gap:8px}.stat .ic{width:30px;height:30px}.stat>svg{display:none}.stat strong{font-size:1rem}.stat .grow>span{font-size:.7rem}.welcome{padding:14px;min-height:0}}.stat.ink,.stat.ink:hover{background:var(--ink);color:#fff}.stat.ink .grow>span{color:#9cbfb1}.stat.ink .ic{background:var(--mint-400);border-color:var(--mint-400);color:var(--ink)}.stat.warn{background:#fff3c9}.list-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);color:var(--ink);transition:background .12s}.list-row:last-child{border-bottom:0}a.list-row:hover{background:#fafdfb;color:var(--ink)}.list-ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--mint-100);border:1.5px solid var(--ink);flex:none}.list-row b{display:block;font-size:.88rem;font-weight:650}.list-row .sub{display:block;font-size:.76rem;color:var(--muted)}.life{height:5px;border-radius:99px;background:var(--mint-50);overflow:hidden;margin-top:6px;max-width:260px}.life i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--mint-400),var(--mint-600));animation:grow-w 1.1s cubic-bezier(.2,.8,.2,1) forwards}.life i.warn{background:linear-gradient(90deg,#ffcf5c,#ff9f5c)}.donut-box{display:flex;align-items:center;gap:16px}.donut{width:96px;height:96px;transform:rotate(-90deg);flex:none}.donut .bg{fill:none;stroke:var(--mint-50);stroke-width:13}.donut .fg{fill:none;stroke:var(--mint-500);stroke-width:13;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314;animation:donut 1.4s cubic-bezier(.2,.8,.2,1) forwards}.legend{display:grid;gap:4px;font-size:.8rem}.legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;border:1px solid var(--ink)}.quick{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:9px;border:1.5px solid var(--ink);color:var(--ink);font-weight:600;font-size:.8rem;transition:transform .12s,box-shadow .12s,background .12s}.quick a:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink);background:var(--mint-100)}.empty{display:grid;justify-items:center;text-align:center;gap:4px;padding:20px 12px 24px}.empty [role=img]{width:min(170px,100%)}.empty p{color:var(--muted);max-width:340px;font-size:.85rem}.seg{display:inline-flex;border:1.5px solid var(--ink);border-radius:10px;overflow:hidden;background:#fff}.seg button{height:32px;padding:0 12px;border:0;background:transparent;font-weight:650;font-size:.82rem;cursor:pointer}.seg button+button{border-left:1.5px solid var(--ink)}.seg button.on{background:var(--ink);color:var(--mint-300)}.plans{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(178px,1fr))}.plan{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:var(--r);border:1.5px solid var(--ink);background:#fff;cursor:pointer;text-align:left;transition:transform .15s,box-shadow .15s}.plan:hover{transform:translate(-2px,-2px);box-shadow:var(--hard)}.plan.sel{box-shadow:3px 3px 0 var(--mint-500);background:var(--mint-50)}.plan.sel:after{content:"✓";position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:900;background:var(--mint-400);border:1.5px solid var(--ink)}.plan .tag{align-self:flex-start;margin-bottom:4px;background:var(--butter);border:1px solid var(--ink);border-radius:99px;padding:0 8px;font-family:var(--mono);font-size:.6rem;text-transform:uppercase}.plan .price{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin-top:6px}.plan .price small{font-size:.74rem;font-weight:600;color:var(--muted)}.plan ul{list-style:none;padding:8px 0 0;margin:8px 0 0;border-top:1px dashed var(--line);display:grid;gap:3px;font-size:.78rem}.plan li:before{content:"✓ ";color:var(--mint-600);font-weight:800}.steps{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:.8rem;color:var(--muted)}.steps span{display:inline-flex;align-items:center;gap:6px}.steps i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.7rem;font-weight:800;border:1.5px solid var(--ink);background:#fff;color:var(--ink)}.steps .done i{background:var(--mint-400)}.steps .line{flex:0 0 24px;height:1.5px;background:var(--line)}.summary{position:sticky;top:calc(var(--top) + 16px)}.sum-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:.85rem}.sum-total{border-top:1.5px solid var(--ink);margin-top:6px;padding-top:10px;font-size:1.05rem;font-weight:800}.inv-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}.pay-box{display:grid;gap:6px}.pay-opt{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border:1.5px solid var(--line);border-radius:9px;cursor:pointer;background:#fff;font-weight:600;font-size:.84rem;text-align:left}.pay-opt:hover{border-color:var(--ink)}.pay-opt.on{border-color:var(--ink);background:var(--mint-100);box-shadow:2px 2px 0 var(--ink)}.thread{display:grid;gap:10px;padding:16px}.msg{max-width:76%;padding:10px 12px;border-radius:12px;border:1.5px solid var(--ink);white-space:pre-wrap;font-size:.88rem}.msg.user{justify-self:end;background:var(--mint-100);border-bottom-right-radius:3px}.msg.staff{background:#fff;border-bottom-left-radius:3px}.msg small{display:block;margin-top:4px;font-size:.7rem;color:var(--muted)}.kv{display:grid;grid-template-columns:130px minmax(0,1fr);font-size:.85rem;margin:-6px 0}.kv dt,.kv dd{padding:8px 0;border-bottom:1px solid var(--line);margin:0}.kv dt{color:var(--muted)}.kv dd{font-weight:600;word-break:break-all;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.kv>:nth-last-child(-n+2){border-bottom:0}.copy{font-family:var(--mono);font-size:.8rem;background:var(--mint-50);border:1px solid var(--line);border-radius:6px;padding:1px 6px;cursor:pointer}.copy:hover{border-color:var(--ink)}.switch{position:relative;width:36px;height:21px;border-radius:99px;border:1.5px solid var(--ink);background:#e7eeea;cursor:pointer;transition:background .2s;flex:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;border:1.5px solid var(--ink);transition:transform .2s}.switch.on{background:var(--mint-400)}.switch.on:after{transform:translate(15px)}.tabs-line{display:flex;gap:2px;border-bottom:1px solid var(--line);padding:0 10px}.tabs-line button{height:38px;padding:0 12px;border:0;background:none;font-weight:650;font-size:.84rem;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs-line button.on{color:var(--ink);border-bottom-color:var(--mint-500)}.spec-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;font-size:.84rem}.spec-list li{display:flex;gap:6px;padding:7px 10px;border-radius:8px;background:var(--mint-50)}.spec-list li:before{content:"✓";color:var(--mint-600);font-weight:900}.toasts{position:fixed;right:16px;bottom:16px;display:grid;gap:8px;z-index:100}.toast{display:flex;align-items:center;gap:8px;min-width:240px;max-width:360px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--ink);background:#fff;box-shadow:var(--hard);font-size:.84rem;font-weight:600;animation:toastIn .2s ease-out}.toast.ok{background:var(--mint-100)}.toast.err{background:#ffe5df}.spinner{width:24px;height:24px;border-radius:50%;border:3px solid var(--mint-200);border-top-color:var(--ink);animation:spin .8s linear infinite;margin:32px auto}.skeleton{height:14px;border-radius:6px;background:linear-gradient(90deg,#edf4f0,#f7fbf9,#edf4f0);background-size:200% 100%;animation:shimmer 1.2s infinite}.fade-in{animation:fadeUp .3s cubic-bezier(.2,.8,.2,1) both}.scene .float-slow{animation:float 6s ease-in-out infinite}.scene .chip{animation:float 4.5s ease-in-out infinite}.scene .chip.f2{animation-delay:-1.5s}.scene .chip.f3{animation-delay:-3s}.scene .blink{animation:blink 4.5s infinite;transform-box:fill-box;transform-origin:center}.scene .arm-wave{animation:wave 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:0% 100%}.scene .arm-point{animation:point 3s ease-in-out infinite;transform-box:fill-box;transform-origin:0% 100%}.scene .typing .hand-l{animation:type .5s ease-in-out infinite alternate}.scene .typing .hand-r{animation:type .5s .25s ease-in-out infinite alternate}.scene .grow{transform-box:fill-box;transform-origin:bottom;animation:grow-h 1.2s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d)}.scene .draw{stroke-dasharray:400;stroke-dashoffset:400;animation:draw 2s .6s ease forwards}.scene .led{animation:led 1.4s infinite;animation-delay:var(--d)}.scene .code{transform-box:fill-box;transform-origin:left;animation:code 3.5s ease-in-out infinite;animation-delay:var(--d)}.scene .pop{transform-box:fill-box;transform-origin:center;animation:pop .6s cubic-bezier(.3,1.6,.5,1) both;animation-delay:var(--d)}.scene .bubble{animation:bubble 5s ease-in-out infinite;animation-delay:var(--d);transform-box:fill-box;transform-origin:left bottom}.scene .dot1,.scene .dot2,.scene .dot3{animation:led 1.2s infinite}.scene .dot2{animation-delay:.2s}.scene .dot3{animation-delay:.4s}.scene .flow{animation:flow 1.4s linear infinite}.scene .spin-slow{animation:spin 14s linear infinite}.scene .dots{animation:float 7s ease-in-out infinite}.page-head{position:relative;padding:12px 14px;border:1.5px solid var(--ink);border-radius:14px;box-shadow:var(--hard);overflow:hidden;gap:12px;background:radial-gradient(320px 120px at 100% 0,color-mix(in srgb,var(--tone, var(--mint-300)) 55%,transparent),transparent 70%),radial-gradient(rgba(12,31,25,.07) 1px,transparent 1px) 0 0 / 14px 14px,#fff}.page-head .ph-tile{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--tone);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);transform:rotate(-6deg);flex:none;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.page-head:hover .ph-tile{transform:rotate(0) scale(1.05)}.page-head h1{font-size:1.25rem}.page-head>.row-wrap{position:relative}.card-head h2{display:flex;align-items:center;gap:9px}.card-head h2:before{content:"";width:9px;height:9px;border-radius:2px;background:var(--tone, var(--mint-400));border:1.5px solid var(--ink);transform:rotate(45deg);flex:none}.card-head{background:linear-gradient(180deg,#fff,#fbfdfc);border-radius:var(--r) var(--r) 0 0;border-bottom-style:dashed}.card-foot{border-top-style:dashed}.table th{background:repeating-linear-gradient(135deg,var(--mint-50) 0 6px,#f4fbf7 6px 12px);border-bottom:1.5px solid var(--ink)}.table td{border-bottom-style:dashed}.table tbody tr.click:hover,.table tbody tr:hover{background:var(--mint-50);box-shadow:inset 3px 0 0 var(--mint-500)}.filters{background:radial-gradient(rgba(12,31,25,.05) 1px,transparent 1px) 0 0 / 12px 12px;border-bottom-style:dashed}.chip{border-radius:99px;border-color:#c5d8cf}.chip.on{box-shadow:2px 2px 0 var(--mint-400)}.stat .ic{background:var(--tone, var(--mint-200));transform:rotate(-5deg);transition:transform .2s}.stat:hover .ic{transform:rotate(0) scale(1.06)}.stat.ink .ic{background:var(--mint-400)}.welcome:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(rgba(12,31,25,.1) 1px,transparent 1px) 0 0 / 14px 14px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 70%);mask-image:linear-gradient(90deg,#000,transparent 70%);pointer-events:none}.list-ic{background:var(--tone, var(--mint-100));transform:rotate(-4deg)}a.list-row:hover .list-ic{transform:rotate(0)}a.list-row:hover{box-shadow:inset 3px 0 0 var(--mint-500)}.kv dt{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;padding-top:10px}.kv dt,.kv dd{border-bottom-style:dashed}.spec-list li{border:1px dashed #c5d8cf;background:#fff}.spec-list li:before{content:"✓";width:16px;height:16px;border-radius:5px;display:grid;place-items:center;font-size:.62rem;background:var(--mint-300);border:1px solid var(--ink);color:var(--ink);flex:none}.empty{margin:12px;border:1.5px dashed #c5d8cf;border-radius:12px;background:radial-gradient(rgba(12,31,25,.05) 1px,transparent 1px) 0 0 / 12px 12px}.plan{overflow:hidden}.plan:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:repeating-linear-gradient(90deg,var(--ink) 0 8px,var(--mint-400) 8px 16px);opacity:.9}.plan h3{margin-top:4px}.osteps{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px;counter-reset:s}.osteps li{display:flex;align-items:center;gap:7px;height:32px;padding:0 12px 0 5px;border-radius:99px;border:1.5px dashed #b9cfc5;background:#fff;font-size:.78rem;font-weight:650;color:var(--muted)}.osteps li i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.7rem;font-weight:800;border:1.5px solid #b9cfc5;background:#fff}.osteps li.done{border-style:solid;border-color:var(--ink);color:var(--ink);background:var(--mint-100)}.osteps li.done i{background:var(--mint-400);border-color:var(--ink)}.osteps li.cur{border-style:solid;border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:2px 2px 0 var(--mint-400)}.osteps li.cur i{background:var(--mint-400);border-color:var(--mint-400);color:var(--ink)}@media (max-width: 640px){.osteps li:not(.cur) span{display:none}.osteps li:not(.cur){padding-right:5px}}.plans-wide{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.plan{cursor:default}.plan.hot{box-shadow:3px 3px 0 var(--mint-500);background:linear-gradient(180deg,var(--mint-50),#fff 40%)}.plan ul li b{font-weight:700}.pgrid{display:grid;gap:14px;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));align-items:stretch}@media (max-width: 1100px){.pgrid{grid-template-columns:repeat(min(var(--cols, 4),2),minmax(0,1fr))}}@media (max-width: 640px){.pgrid{grid-template-columns:1fr}}.pc{position:relative;display:flex;flex-direction:column;border:1.5px solid var(--ink);border-radius:14px;background:#fff;overflow:hidden;transition:transform .18s,box-shadow .18s}.pc:hover{transform:translate(-2px,-2px);box-shadow:var(--hard)}.pc-body{display:flex;flex-direction:column;gap:4px;padding:16px;flex:1}.pc h3{font-size:1.05rem}.pc-desc{font-size:.8rem;color:var(--muted);min-height:2.4em}.pc-price{font-size:1.7rem;font-weight:850;letter-spacing:-.03em;margin-top:8px;line-height:1.1}.pc-price small{font-size:.78rem;font-weight:600;color:var(--muted);letter-spacing:0}.pc-note{font-size:.74rem;color:var(--muted)}.pc ul{list-style:none;margin:12px 0 14px;padding:12px 0 0;border-top:1px dashed var(--line);display:grid;gap:5px;font-size:.8rem;flex:1;align-content:start}.pc li{display:flex;gap:7px}.pc li:before{content:"✓";color:var(--mint-600);font-weight:900}.pc-tag{position:absolute;top:10px;right:10px;z-index:3;color:var(--ink);padding:2px 9px;border-radius:99px;background:var(--butter);border:1px solid var(--ink);font-family:var(--mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pc-tag.inline{position:static;margin-left:6px;vertical-align:1px}.pc-web .pc-num{font-family:var(--mono);font-size:.7rem;font-weight:700;color:#7a69c7}.pc-web .pc-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.pc-web .pc-chips span{padding:3px 9px;border-radius:7px;background:var(--lilac);border:1px solid var(--ink);font-size:.74rem;font-weight:700}.pc-web.hot{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--lilac)}.pc-web.hot .pc-desc,.pc-web.hot .pc-note,.pc-web.hot .pc-price small{color:#9cbfb1}.pc-web.hot .pc-num{color:var(--lilac)}.pc-web.hot ul{border-color:#ffffff26}.pc-web.hot li:before{color:var(--mint-400)}.pc-cloud header{position:relative;padding:14px 16px;background:radial-gradient(200px 90px at 100% 0,#fff8,transparent 70%),#a9dcff;border-bottom:1.5px solid var(--ink)}.pc-cloud .pc-ic{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#fff;border:1.5px solid var(--ink);margin-bottom:8px;transform:rotate(-6deg)}.pc-cloud .meters{display:grid;gap:7px;margin-top:10px}.pc-cloud .meters div{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;font-size:.74rem}.pc-cloud .meters div:after{content:"";grid-column:2;grid-row:1;height:7px;border-radius:99px;background:#ffffffb3;border:1px solid var(--ink)}.pc-cloud .meters span{font-family:var(--mono);font-size:.64rem;text-transform:uppercase}.pc-cloud .meters b{grid-column:3;grid-row:1;font-size:.78rem}.pc-cloud .meters i{grid-column:2;grid-row:1;z-index:1;height:7px;width:0;border-radius:99px;background:var(--ink);animation:grow-w 1s cubic-bezier(.2,.8,.2,1) forwards}.pc-cloud.hot{box-shadow:4px 4px #6cbcf0}.pc-cloud.hot header{background:radial-gradient(200px 90px at 100% 0,#fff8,transparent 70%),#7cc8f8}.pc-dev{background:var(--ink);color:#d7ece2}.pc-dev .pc-tag{top:6px}.pc-dev .term-bar{display:flex;align-items:center;gap:5px;padding:9px 12px;background:#08150f;border-bottom:1px solid rgba(255,255,255,.1);font-family:var(--mono);font-size:.7rem;color:#7fa594}.pc-dev .term-bar i{width:9px;height:9px;border-radius:50%;background:#ff8f7a}.pc-dev .term-bar i:nth-child(2){background:var(--butter)}.pc-dev .term-bar i:nth-child(3){background:var(--mint-400)}.pc-dev .term-bar span{margin-left:8px}.pc-dev h3{color:#fff;font-family:var(--mono);font-size:.98rem}.pc-dev h3:before{content:"$ ";color:var(--mint-400)}.pc-dev .pc-desc,.pc-dev .pc-note,.pc-dev .pc-price small{color:#8fb3a5}.pc-dev .pc-price{color:var(--butter)}.pc-dev .runtimes{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.pc-dev .runtimes span{padding:2px 8px;border-radius:6px;border:1px solid rgba(255,224,138,.5);color:var(--butter);font-family:var(--mono);font-size:.66rem}.pc-dev ul{border-color:#ffffff1f}.pc-dev li:before{content:"›";color:var(--mint-400)}.pc-dev .btn:not(.btn-primary){background:transparent;color:#fff;border-color:#ffffff80}.pc-dev .btn:not(.btn-primary):hover{color:#fff;box-shadow:2px 2px 0 var(--mint-400)}.pc-dev:hover{box-shadow:3px 3px 0 var(--butter)}.pc-dev.hot{box-shadow:4px 4px 0 var(--butter);border-color:var(--butter)}.vlist{border:1.5px solid var(--ink);border-radius:14px;background:#fff;overflow:hidden}.vrow{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(70px,.8fr)) minmax(110px,1fr) 90px;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px dashed var(--line);transition:background .12s,box-shadow .12s}.vrow:not(.vhead):hover{background:#fff6f3;box-shadow:inset 3px 0 0 var(--coral)}.vhead{background:repeating-linear-gradient(135deg,#fff1ed 0,#fff1ed 6px,#fff8f5 6px,#fff8f5 12px);border-bottom:1.5px solid var(--ink);font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-top:8px;padding-bottom:8px}.vrow.hot{background:#fff1ed;box-shadow:inset 3px 0 0 var(--coral)}.vname{display:flex;align-items:center;gap:12px}.vname b{font-size:.9rem}.vname small{display:block;font-size:.74rem;color:var(--muted)}.vbars{display:flex;align-items:flex-end;gap:2px;height:22px;flex:none}.vbars i{width:5px;border-radius:2px;background:#f1ddd7;border:1px solid #e7c5bc}.vbars i:nth-child(1){height:30%}.vbars i:nth-child(2){height:45%}.vbars i:nth-child(3){height:60%}.vbars i:nth-child(4){height:80%}.vbars i:nth-child(5){height:100%}.vbars i.on{background:var(--coral);border-color:var(--ink)}.vrow b{font-variant-numeric:tabular-nums}.vprice b{font-size:1rem}.vprice small{color:var(--muted);font-size:.72rem}.vrow>span:last-child{text-align:right}.vfoot{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--mint-50)}@media (max-width: 760px){.page-head .seg{max-width:100%;overflow-x:auto;scrollbar-width:none}.page-head .seg button{white-space:nowrap;flex:none}.vhead{display:none}.vrow{grid-template-columns:repeat(3,1fr);row-gap:6px}.vname{grid-column:1 / -1}.vrow [data-label]:before{content:attr(data-label);display:block;font-family:var(--mono);font-size:.6rem;color:var(--muted);text-transform:uppercase}.vprice{grid-column:1 / 3}}.choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.choice{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px;border-radius:12px;border:1.5px dashed #b9cfc5;background:#fff;text-align:left;cursor:pointer;transition:all .15s}.choice svg{grid-row:span 2;width:34px;height:34px;padding:7px;border-radius:9px;border:1.5px solid var(--ink);background:var(--mint-100)}.choice span{font-size:.76rem;color:var(--muted)}.choice:hover{border-color:var(--ink)}.choice.on{border-style:solid;border-color:var(--ink);background:var(--mint-50);box-shadow:3px 3px 0 var(--mint-500)}.choice.on svg{background:var(--mint-400)}@media (max-width: 640px){.choice-row{grid-template-columns:1fr}}.cycles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.cycle{position:relative;display:grid;gap:2px;padding:14px 12px 12px;border-radius:12px;border:1.5px dashed #b9cfc5;background:#fff;text-align:left;cursor:pointer;transition:all .15s}.cycle:hover{border-color:var(--ink)}.cycle.on{border-style:solid;border-color:var(--ink);background:var(--mint-50);box-shadow:3px 3px 0 var(--mint-500)}.cycle .cprice{font-size:1.1rem;font-weight:800;letter-spacing:-.02em}.cycle .save{position:absolute;top:-9px;right:8px;padding:0 7px;height:18px;display:grid;place-items:center;border-radius:99px;background:var(--butter);border:1px solid var(--ink);font-size:.64rem;font-weight:800}.cfg-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line)}.cfg-row:first-of-type{margin-top:10px}.dsearch-bar{display:flex;align-items:center;gap:6px;padding:6px;border:1.5px solid var(--ink);border-radius:14px;background:#fff;box-shadow:var(--hard);margin-bottom:12px}.dsearch-www{font-family:var(--mono);font-size:.8rem;color:var(--muted);padding-left:8px}.dsearch-bar input{flex:1;min-width:0;height:38px;border:0;outline:0;font-size:1rem;font-weight:600;background:transparent}.dsearch.compact .dsearch-bar{box-shadow:2px 2px 0 var(--ink)}.dsearch.compact .dsearch-bar input{height:32px;font-size:.92rem}.dres{border:1.5px solid var(--ink);border-radius:12px;overflow:hidden;background:#fff}.dres-hero{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1.5px solid var(--ink);flex-wrap:wrap}.dres-hero.ok{background:radial-gradient(260px 100px at 0 0,var(--mint-200),transparent 70%),var(--mint-50)}.dres-hero.no{background:#fff4f1}.dres-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900;border:1.5px solid var(--ink);background:var(--mint-400);transform:rotate(-6deg)}.dres-hero.no .dres-ic{background:var(--coral)}.dres-hero .dname{display:block;font-size:1.15rem}.dres-head{padding:8px 14px;background:repeating-linear-gradient(135deg,var(--mint-50) 0 6px,#f4fbf7 6px 12px);border-bottom:1px dashed var(--line)}.dres-row{display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px dashed var(--line);transition:background .12s}.dres-row:last-child{border-bottom:0}.dres-row:hover{background:var(--mint-50)}.dres-row.taken .dname{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}.dname{font-weight:650;word-break:break-all}.dname span{color:var(--mint-700)}.dprice{font-weight:800;white-space:nowrap}.dprice small{font-weight:600;color:var(--muted);font-size:.72rem}.dres-act{min-width:120px;text-align:right}@media (max-width: 640px){.dres-act{min-width:0;margin-left:auto}.dsearch-www{display:none}.dres-hero .grow{flex-basis:calc(100% - 50px)}.dres-row{flex-wrap:wrap;gap:6px 12px}.dres-row .dname{flex-basis:100%}.dsearch-bar .btn{padding:0 10px}}.dhero{display:flex;align-items:center;gap:16px;padding:18px 20px;margin-bottom:14px;border-radius:14px;border:1.5px solid var(--ink);box-shadow:var(--hard);overflow:hidden;background:radial-gradient(420px 160px at 100% 0,#a9dcff,transparent 70%),radial-gradient(rgba(12,31,25,.07) 1px,transparent 1px) 0 0 / 14px 14px,#fff}.dhero h1{font-size:1.45rem;margin:4px 0}.dhero p{margin:0;color:var(--muted);font-size:.88rem}.dhero-art{width:190px;margin:-26px -10px -30px 0;flex:none}@media (max-width: 760px){.dhero-art{display:none}}.cart-line{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px dashed var(--line)}.cart-line:last-of-type{border-bottom:0}.cart-line b{display:block;font-size:.88rem}.cart-line .sub{display:block;font-size:.76rem;color:var(--muted)}.cart-price{min-width:92px;text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 640px){.cart-line{flex-wrap:wrap}.cart-line .grow{flex-basis:calc(100% - 50px)}}.agree{display:flex;gap:8px;align-items:flex-start;margin:12px 0;font-size:.8rem;color:var(--muted);cursor:pointer}.agree input{margin-top:2px;accent-color:var(--mint-600);width:16px;height:16px;flex:none}.setting{display:flex;align-items:center;gap:12px;padding:12px;border:1px dashed #c5d8cf;border-radius:12px;background:#fff}.setting b{display:block;font-size:.88rem}.setting .muted{display:block}.form-sec{display:flex;align-items:center;gap:8px;font-size:.72rem;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:4px 0 10px}.form-sec:after{content:"";flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--line) 0 4px,transparent 4px 7px)}.form-sec+*{margin-top:0}.card-body .form-sec:not(:first-child){margin-top:14px}.receipt{position:relative}.receipt .card-foot{position:relative;border-top:2px dashed var(--ink)}.receipt .card-foot:before,.receipt .card-foot:after{content:"";position:absolute;top:-11px;width:20px;height:20px;border-radius:50%;background:var(--paper);border:1.5px solid var(--ink)}.receipt .card-foot:before{left:-11px;clip-path:inset(0 0 0 50%)}.receipt .card-foot:after{right:-11px;clip-path:inset(0 50% 0 0)}.stamp{position:absolute;left:42%;bottom:44px;z-index:1;padding:4px 14px;border:3px solid currentColor;border-radius:8px;font-family:var(--mono);font-weight:900;font-size:1.15rem;letter-spacing:.14em;transform:rotate(-12deg);opacity:.8;pointer-events:none;animation:stampIn .5s cubic-bezier(.3,1.6,.5,1) both}.stamp.paid{color:var(--mint-600)}.stamp.unpaid{color:#c2410c}.stamp.cancelled{color:#8a9b94}.msg-row{display:flex;align-items:flex-end;gap:8px}.msg-row.user{flex-direction:row-reverse}.msg-row .avatar{width:30px;height:30px;border-radius:9px;transform:rotate(-6deg)}.msg-row.staff .avatar{background:var(--ink);color:var(--mint-300)}.msg-row .msg{max-width:min(76%,640px)}.thread{background:radial-gradient(rgba(12,31,25,.05) 1px,transparent 1px) 0 0 / 14px 14px}.profile-hero{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px dashed var(--line);background:radial-gradient(260px 100px at 0 0,var(--mint-200),transparent 70%)}.profile-hero .avatar{width:48px;height:48px;border-radius:13px;font-size:1rem;transform:rotate(-6deg);box-shadow:2px 2px 0 var(--ink)}@keyframes stampIn{0%{transform:rotate(-12deg) scale(2);opacity:0}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes wave{0%,to{transform:rotate(0)}50%{transform:rotate(-14deg)}}@keyframes point{0%,to{transform:rotate(0)}50%{transform:rotate(-6deg)}}@keyframes type{to{transform:translateY(-3px)}}@keyframes grow-h{0%{transform:scaleY(0)}}@keyframes grow-w{to{width:var(--w)}}@keyframes donut{to{stroke-dashoffset:var(--off)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes led{50%{opacity:.25}}@keyframes code{0%{transform:scaleX(0)}30%,80%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes pop{0%{transform:scale(0);opacity:0}}@keyframes ddIn{0%{transform:translateY(-4px);opacity:0}}@keyframes bubble{0%{opacity:0;transform:scale(.6)}10%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes flow{to{stroke-dashoffset:-26}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}}@keyframes shimmer{to{background-position:-200% 0}}@media print{.side,.topbar,.no-print,.toasts{display:none!important}.shell{display:block}.content{padding:0}.card{border-color:#999;box-shadow:none!important}body{background:#fff}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn-google{background:#fff;border:1.5px solid var(--ink);gap:10px;justify-content:center}.btn-google:hover{background:var(--mint-50)}.auth-or{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:.78rem}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--line)}.payqr{display:grid;justify-items:center}.payqr-amt{font-size:1.6rem;font-weight:850;letter-spacing:-.02em}.payqr-box{padding:12px;background:#fff;border:1.5px solid var(--ink);border-radius:14px;box-shadow:var(--hard);margin-top:8px}.steps-mini{margin:6px 0 0;padding-left:18px;font-size:.8rem;color:var(--muted);display:grid;gap:4px;justify-self:stretch}.b-expired,.b-failed{background:#fde2dc}.b-running,.b-paid{background:var(--mint-200)}.b-stopped{background:#edf2ef}.b-provisioning,.b-reinstalling,.b-registering{background:var(--butter)}.quick .qbtn{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:9px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font-weight:600;font-size:.8rem;cursor:pointer;text-align:left;transition:transform .12s,box-shadow .12s,background .12s}.quick .qbtn:hover:not(:disabled),.quick .qbtn.on{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink);background:var(--mint-100)}.quick .qbtn:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 1360px){.pgrid[style*="--cols: 5"]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1100px){.pgrid[style*="--cols: 5"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.pgrid[style*="--cols: 5"]{grid-template-columns:1fr}}.pc-mail{background:#fffdf3}.pc-mail .mail-head{position:relative;display:flex;align-items:center;gap:10px;padding:14px 16px;background:repeating-linear-gradient(-45deg,var(--butter) 0 10px,#ffd56b 10px 20px);border-bottom:1.5px solid var(--ink)}.pc-mail .mail-env{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff;border:1.5px solid var(--ink);transform:rotate(-8deg);box-shadow:2px 2px 0 var(--ink)}.pc-mail .mail-to{font-size:.72rem;background:#fff;border:1px solid var(--ink);border-radius:99px;padding:3px 9px}.pc-mail .mail-to b{color:var(--mint-700)}.pc-mail .mail-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 2px}.pc-mail .mail-stats div{border:1px solid var(--ink);border-radius:10px;padding:6px 8px;background:#fff}.pc-mail .mail-stats b{display:block;font-size:1.05rem;line-height:1.1}.pc-mail .mail-stats span{font-size:.66rem;color:var(--muted);font-family:var(--mono);text-transform:uppercase}.pc-mail .runtimes{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.pc-mail .runtimes span{font-size:.66rem;font-family:var(--mono);padding:2px 7px;border-radius:6px;background:var(--mint-100);border:1px solid #b9e6cf}.pc-mail.hot{box-shadow:4px 4px #f0b43c}.pc-mail .pc-tag{z-index:2}.vlines{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;align-items:center}.vrow.vcustom{background:repeating-linear-gradient(-45deg,#fff 0 12px,var(--mint-50) 12px 24px)}.trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;padding:10px 14px;border:1.5px dashed #b9d9ca;border-radius:12px;background:#fff;font-size:.8rem;font-weight:600}.trust span{display:inline-flex;align-items:center;gap:6px}.trust svg{color:var(--mint-600)}.pwrules{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.pwrules span{font-size:.7rem;padding:2px 7px;border-radius:99px;background:#edf2ef;color:var(--muted)}.pwrules span.ok{background:var(--mint-200);color:var(--ink)}.pc-mail .mail-env svg{width:20px;height:20px;flex:none}.pc-mail .mail-to{font-family:var(--mono);text-transform:none;letter-spacing:0}.pc-mail .pc-tag{top:62px}