:root{--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--r-sm:12px;--r-md:18px;--r-lg:28px;--r-full:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--nav-h:72px;--ease:.18s ease;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f6fb;--surface:#fff;--surface-2:#eaf0f9;--text:#0e1b33;--muted:#5d6b85;--border:#d9e2f0;--brand:#1a56db;--brand-strong:#0f3fa8;--brand-soft:#e3ecff;--on-brand:#fff;--hero-from:#0f3fa8;--hero-to:#1f6bff;--danger:#c0392b;--ok:#0d8a5f;--shadow:0 6px 20px #0e285a14}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a1426;--surface:#111f38;--surface-2:#172a4a;--text:#eef3fc;--muted:#8ea0c0;--border:#243a5f;--brand:#5b9bff;--brand-strong:#8bb8ff;--brand-soft:#172f5a;--on-brand:#06142b;--hero-from:#123470;--hero-to:#1d52b8;--danger:#ff7b6b;--ok:#3ddba0;--shadow:0 6px 20px #00000059}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;transition:background var(--ease),color var(--ease)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}svg{flex-shrink:0}.shell{min-height:100vh;padding-bottom:calc(var(--nav-h) + 24px + env(safe-area-inset-bottom))}.main{max-width:560px;padding:0 var(--s-4);margin:0 auto}.topbar{padding:var(--s-4) 0;justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.brand{align-items:center;gap:var(--s-3);letter-spacing:-.01em;font-size:1.05rem;font-weight:700;display:flex}.brand-mark{background:var(--brand);width:38px;height:38px;color:var(--on-brand);border-radius:12px;place-items:center;display:grid}.brand small{color:var(--muted);font-size:.72rem;font-weight:500;display:block}.icon-btn{width:44px;height:44px;color:var(--text);border:1px solid var(--border);background:var(--surface);transition:transform var(--ease);border-radius:50%;place-items:center;display:grid}.icon-btn:active{transform:scale(.94)}.top-actions{gap:var(--s-2);display:flex}.bottom-nav{z-index:10;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:6px var(--s-3) env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--muted);border-radius:var(--r-md);transition:color var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:flex}.nav-item[aria-current=page]{color:var(--brand)}.nav-item[aria-current=page] .nav-ico{background:var(--brand-soft)}.nav-ico{border-radius:var(--r-full);width:52px;height:30px;transition:background var(--ease);place-items:center;display:grid}@media (width>=900px){.shell{padding-bottom:var(--s-6);padding-left:200px}.main{max-width:720px}.bottom-nav{align-content:start;gap:var(--s-2);width:200px;height:auto;padding:96px var(--s-3) 0;border-top:0;border-right:1px solid var(--border);grid-template-columns:1fr;grid-auto-rows:56px;top:0;bottom:0;right:auto}.nav-item{justify-content:flex-start;gap:var(--s-3);padding:0 var(--s-3);flex-direction:row;font-size:.9rem}.nav-ico{width:36px;background:0 0!important}.toast{bottom:var(--s-5)}}.hero{border-radius:var(--r-lg);padding:var(--s-5);color:#fff;background:linear-gradient(135deg,var(--hero-from),var(--hero-to));box-shadow:var(--shadow);min-height:170px;position:relative;overflow:hidden}.hero:after{content:"";border:26px solid #ffffff12;border-radius:50%;width:230px;height:230px;position:absolute;top:-80px;right:-70px}.hero h2{opacity:.85;font-size:.9rem;font-weight:600}.hero-figure{letter-spacing:-.03em;margin-top:var(--s-3);font-size:2.6rem;font-weight:700;line-height:1.1}.hero-figure span{opacity:.8;margin-left:6px;font-size:1rem;font-weight:500}.hero-meta{z-index:1;gap:var(--s-5);margin-top:var(--s-4);font-size:.85rem;display:flex;position:relative}.hero-meta b{font-size:1.15rem;display:block}.actions{gap:var(--s-2);margin:var(--s-5) 0 var(--s-2);grid-template-columns:repeat(4,1fr);display:grid}.action{align-items:center;gap:var(--s-2);text-align:center;flex-direction:column;min-width:0;font-size:.78rem;font-weight:600;display:flex}.action-circle{aspect-ratio:1;border:2px solid var(--brand);width:clamp(64px,18vw,84px);color:var(--brand);background:var(--surface);transition:transform var(--ease),background var(--ease);border-radius:50%;place-items:center;display:grid}.action:hover .action-circle{background:var(--brand-soft)}.action:active .action-circle{transform:scale(.94)}.section-head{margin:var(--s-5) 0 var(--s-3);justify-content:space-between;align-items:center;display:flex}.section-head h2,.page-title{letter-spacing:-.02em;font-size:1.25rem;font-weight:750}.page-title{margin:var(--s-2) 0 var(--s-4)}.link-btn{color:var(--brand);font-size:.88rem;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow)}.list{flex-direction:column;display:flex}.row{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);text-align:left;border-bottom:1px solid var(--border);width:100%;display:flex}.row:last-child{border-bottom:0}.avatar{background:var(--brand-soft);width:42px;height:42px;color:var(--brand);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid}.row-main{flex:1;min-width:0}.row-title{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.row-sub{color:var(--muted);margin-top:2px;font-size:.8rem}.chip{border-radius:var(--r-full);background:var(--surface-2);color:var(--muted);padding:4px 10px;font-size:.72rem;font-weight:700}.chip.ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.chip.warn{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.empty{text-align:center;color:var(--muted);padding:var(--s-6) var(--s-4)}.empty svg{margin:0 auto var(--s-3);display:block}.stats{gap:var(--s-3);margin-top:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.stat{padding:var(--s-4)}.stat b{letter-spacing:-.02em;font-size:1.5rem;display:block}.stat span{color:var(--muted);font-size:.8rem}.field{margin-bottom:var(--s-4);flex-direction:column;gap:6px;display:flex}.field label{font-size:.85rem;font-weight:650}.input{min-height:48px;padding:0 var(--s-4);border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);width:100%}textarea.input{padding:var(--s-3) var(--s-4);resize:vertical;min-height:96px}.input[aria-invalid=true]{border-color:var(--danger)}.err{color:var(--danger);font-size:.8rem}.btn{border-radius:var(--r-full);background:var(--brand);width:100%;min-height:52px;color:var(--on-brand);justify-content:center;align-items:center;gap:var(--s-2);transition:transform var(--ease);font-weight:700;display:flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6}.btn.ghost{border:1.5px solid var(--border);color:var(--text);background:0 0}.search{margin-bottom:var(--s-3);position:relative}.search svg{color:var(--muted);position:absolute;top:14px;left:14px}.search .input{padding-left:44px}.back{color:var(--muted);align-items:center;gap:6px;min-height:44px;font-weight:600;display:inline-flex}details.more{margin-bottom:var(--s-4)}details.more summary{cursor:pointer;color:var(--brand);align-items:center;min-height:44px;font-weight:650;display:flex}.toast{z-index:30;left:50%;bottom:calc(var(--nav-h) + 24px);background:var(--text);color:var(--bg);border-radius:var(--r-sm);max-width:90vw;padding:12px 18px;font-size:.85rem;font-weight:600;position:fixed;transform:translate(-50%)}.notice{color:var(--muted);text-align:center;margin-top:var(--s-4);font-size:.78rem}.login{min-height:100vh;padding:var(--s-4);place-items:center;display:grid;position:relative}.login-card{width:100%;max-width:420px;padding:var(--s-5)}.login .brand{margin-bottom:var(--s-5);text-align:center;flex-direction:column;justify-content:center}.login .brand-mark{border-radius:18px;width:56px;height:56px}.login-theme{top:var(--s-4);right:var(--s-4);position:absolute}.demo-row{gap:var(--s-2);margin-top:var(--s-3);grid-template-columns:1fr 1fr;display:grid}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.pager{gap:var(--s-3);margin-top:var(--s-4);text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.pager .btn{min-height:44px}.modal-overlay{z-index:40;padding:var(--s-4);background:#050c1c8c;place-items:center;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:440px;padding:var(--s-5)}.chips{margin-bottom:var(--s-3);flex-wrap:wrap;gap:8px;display:flex}.chips .chip{min-height:36px;padding:0 14px}.chip.on{background:var(--brand);color:var(--on-brand)}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.logo-preview{border:1px solid var(--border);border-radius:var(--r-sm);background:#fff;max-width:200px;max-height:80px;margin-bottom:12px;padding:6px;display:block}.modal{max-height:90vh;overflow:auto}.stat-row{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.stat-row .stat{padding:12px}.stat-row b{font-size:1.05rem}.struck{color:var(--muted);text-decoration:line-through}.swatches{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.swatch{border:3px solid var(--surface);width:40px;height:40px;box-shadow:0 0 0 1px var(--border);border-radius:50%}.swatch.on{box-shadow:0 0 0 3px var(--text)}.brand-preview{border-radius:var(--r-md);color:#fff;justify-content:space-between;align-items:center;margin-bottom:8px;padding:16px 18px;font-weight:650;display:flex}.brand-preview-btn{border-radius:var(--r-full);padding:8px 18px;font-size:.85rem}.bar{background:var(--surface-2);border-radius:99px;height:8px;overflow:hidden}.bar span{background:var(--brand);border-radius:99px;min-width:2px;height:100%;display:block}.bar-alt span{background:var(--ok)}.brand-img{object-fit:cover;border:1px solid var(--border);background:#fff}.brand-fallback{background:var(--brand);color:var(--on-brand);place-items:center;font-weight:800;display:grid}.login .brand-img,.login .brand-fallback{box-shadow:var(--shadow)}.welcome{margin:var(--s-2) 0 var(--s-4)}.welcome h1{letter-spacing:-.02em;font-size:1.6rem;font-weight:750;line-height:1.2}.welcome p{color:var(--muted);margin-top:4px;font-size:.92rem}.slider-wrap{position:relative}.slider{scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;outline-offset:4px;gap:12px;padding:2px 2px 4px;display:flex;overflow-x:auto}.slider::-webkit-scrollbar{display:none}.slide{scroll-snap-align:center;border-radius:var(--r-lg);padding:var(--s-5);color:#fff;background:linear-gradient(135deg,var(--hero-from),var(--hero-to));box-shadow:var(--shadow);flex-direction:column;flex:0 0 88%;justify-content:space-between;min-height:176px;display:flex;position:relative;overflow:hidden}.slide:nth-child(2){background:linear-gradient(225deg,var(--hero-from),var(--hero-to))}.slide:after{content:"";pointer-events:none;border:24px solid #ffffff14;border-radius:50%;width:200px;height:200px;position:absolute;top:-70px;right:-60px}.slide-label{opacity:.92;z-index:1;align-items:center;gap:8px;font-size:.9rem;font-weight:650;display:flex;position:relative}.slide-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;z-index:1;font-size:2.7rem;font-weight:750;line-height:1.05;position:relative}.slide-value small{opacity:.8;letter-spacing:0;margin-right:6px;font-size:1rem;font-weight:600}.slide-caption{opacity:.85;z-index:1;margin-top:2px;font-size:.88rem;position:relative}.slide-foot{z-index:1;border-radius:var(--r-full);background:#ffffff24;align-self:flex-start;margin-top:12px;padding:6px 12px;font-size:.85rem;font-weight:600;position:relative}.slide-foot.warn{color:#8a1c12;background:#ffffffeb}.slide.skeleton{opacity:.55}.dots{justify-content:center;gap:8px;margin-top:10px;display:flex}.dot{background:var(--border);width:8px;height:8px;transition:width var(--ease),background var(--ease);border-radius:50%;padding:0}.dot[aria-current=true]{background:var(--brand);border-radius:99px;width:22px}.dots .dot:before{content:"";width:32px;height:32px;margin:-12px;position:absolute}.slide-arrow{display:none}@media (width>=900px){.slide{flex-basis:calc(50% - 6px)}.slide-arrow{z-index:2;background:var(--surface);width:40px;height:40px;color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.slide-arrow.prev{left:-18px}.slide-arrow.next{right:-18px}}@media (prefers-reduced-motion:reduce){.slider{scroll-behavior:auto}}.topbar .brand{flex:1;min-width:0}.topbar .brand>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topbar .brand small{text-overflow:ellipsis;overflow:hidden}