*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:#030c10;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}img{display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.viewport{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;overflow:hidden;background:#030c10}.stage-frame{position:relative;width:calc(1920px * var(--scale, 1));height:calc(1080px * var(--scale, 1));flex-shrink:0}.stage{position:absolute;top:0;left:0;width:1920px;height:1080px;transform-origin:top left;transform:scale(var(--scale, 1))}.layer{position:absolute;pointer-events:none}.bg-main{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.bg-radial{top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 45% at 50% 55%,rgba(255,195,60,.18),transparent 70%),radial-gradient(ellipse 80% 60% at 50% 100%,rgba(0,0,0,.55),transparent 70%);z-index:1}.bg-center-glow{top:80px;left:50%;transform:translate(-50%);width:1280px;height:auto;opacity:.95;mix-blend-mode:screen;z-index:2}.bg-overlay{top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#030c1000 60%,#030c10d9);z-index:3}.bg-side-blur{top:0;width:480px;height:1080px;opacity:.7;mix-blend-mode:screen;z-index:2}.bg-side-blur.left{left:0}.bg-side-blur.right{right:0;transform:scaleX(-1)}.center-deco{top:460px;left:50%;transform:translate(-50%);width:1100px;opacity:.55;z-index:4}.logo-panel{position:absolute;top:36px;width:360px;height:140px;z-index:10}.logo-panel.left{left:60px}.logo-panel.right{right:60px}.logo-panel-bg{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;object-fit:contain;opacity:.85}.logo-panel-bg.bottom{transform:translateY(8px);opacity:.6}.logo-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:contain;opacity:.9;mix-blend-mode:screen}.logo-panel .logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:auto;z-index:2}.logo-panel .logo.okvip{width:78%}.model{position:absolute;top:180px;left:50%;transform:translate(-50%);width:640px;height:760px;z-index:5}.model-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:.85;mix-blend-mode:screen}.model-girl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:2}.promo-card{position:absolute;z-index:8;border-radius:28px;overflow:hidden}.promo-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.promo-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff3c0026,#00000059 70%);z-index:2}.promo-text{position:absolute;z-index:4;font-weight:800;text-transform:uppercase;text-shadow:0 2px 6px rgba(0,0,0,.6)}.promo-text .line1{font-size:26px;letter-spacing:.4px;margin:0 0 6px;opacity:.95}.promo-text .line2{font-size:20px;letter-spacing:.4px;margin:0;opacity:.85}.promo-text.right{text-align:right;right:30px}.promo-value{position:absolute;z-index:6;margin:0;font-weight:900;font-size:76px;line-height:1;background:linear-gradient(180deg,#fff5b8,#ffe100 35%,#f90);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(255,180,30,.45);letter-spacing:-2px}.promo-value.right{right:30px;text-align:right}.promo-1{top:230px;left:80px;width:520px;height:285px}.promo-1 .promo-text{top:32px;left:30px}.promo-1 .promo-value{bottom:22px;left:30px}.promo1-deco{position:absolute;bottom:-6px;right:-10px;width:280px;height:auto;z-index:3;opacity:.7}.promo1-girl{position:absolute;right:8px;top:6px;height:96%;width:auto;z-index:4;filter:drop-shadow(0 8px 20px rgba(0,0,0,.6))}.promo1-50{position:absolute;right:14px;bottom:14px;width:150px;height:auto;z-index:5;opacity:.85}.promo-2{top:535px;left:80px;width:520px;height:285px}.promo-2 .promo-text{top:32px;left:30px;right:auto;text-align:left}.promo-2 .promo-value{bottom:22px}.promo2-card{position:absolute;left:18px;bottom:22px;width:170px;height:auto;z-index:3;opacity:.9}.promo2-coins{position:absolute;left:-8px;top:50%;transform:translateY(-45%);width:210px;height:auto;z-index:4;filter:drop-shadow(0 8px 20px rgba(255,180,30,.45))}.promo2-girl{position:absolute;right:6px;top:4px;height:96%;width:auto;z-index:5;filter:drop-shadow(0 8px 20px rgba(0,0,0,.6))}.promo-3{top:230px;right:80px;width:480px;height:590px;border-radius:32px}.promo-3 .promo-bg-overlay{background:linear-gradient(180deg,#ff3c002e,#00000080)}.promo3-glow{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:110%;height:auto;z-index:3;mix-blend-mode:screen;opacity:.85}.promo3-card-l,.promo3-card-r{position:absolute;width:130px;height:auto;z-index:4;opacity:.85}.promo3-card-l{top:40px;left:-30px;transform:rotate(-18deg)}.promo3-card-r{top:40px;right:-30px;transform:rotate(18deg)}.promo3-header{position:absolute;top:36px;left:0;right:0;z-index:6;text-align:center}.promo3-header .title{margin:0 0 12px;font-size:28px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#fff5b8;text-shadow:0 2px 8px rgba(255,130,0,.6)}.promo3-header .amount{margin:0;font-size:44px;font-weight:900;background:linear-gradient(180deg,#fff5b8,#ffe100 30%,#f90);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-1px}.promo3-pot{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:95%;height:auto;z-index:5;filter:drop-shadow(0 12px 30px rgba(255,180,30,.55))}.cta-register{position:absolute;left:50%;bottom:200px;transform:translate(-50%);width:580px;height:140px;z-index:12;background:transparent;border:0;padding:0;cursor:pointer;filter:drop-shadow(0 12px 28px rgba(255,165,0,.55));transition:transform .15s ease,filter .15s ease}.cta-register:hover{transform:translate(-50%) translateY(-2px);filter:drop-shadow(0 16px 36px rgba(255,195,30,.75))}.cta-register:active{transform:translate(-50%) translateY(1px)}.cta-register .cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}.cta-register .cta-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:28px;font-weight:900;letter-spacing:1.4px;color:#fff5d8;text-shadow:0 2px 4px rgba(0,0,0,.6),0 0 14px rgba(255,200,60,.55);text-transform:uppercase;z-index:2}.cta-highlight{background:linear-gradient(180deg,#ffeb6b,#ff7a00);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(0,0,0,.2);margin-left:8px;white-space:nowrap}.banner{position:absolute;bottom:70px;width:420px;height:96px;z-index:9;border-radius:18px;overflow:hidden}.banner-checkin{left:80px}.banner-lixi{right:80px}.banner-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#ff640040,#00000059);z-index:2}.banner-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:64px;height:64px;z-index:3;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.banner-text{position:absolute;left:90px;right:16px;top:50%;transform:translateY(-50%);margin:0;z-index:3;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#fff5d8;text-shadow:0 2px 6px rgba(0,0,0,.7)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px}.modal[hidden]{display:none}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#02080cc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.modal-card{position:relative;width:100%;max-width:460px;background:linear-gradient(180deg,#16202c,#0d141d);border:1px solid rgba(255,195,60,.28);border-radius:20px;padding:36px 32px 28px;box-shadow:0 30px 80px -20px #000000d9,0 0 0 1px #ffc83c0f inset,0 0 60px -20px #ffa51e59 inset}.modal-close{position:absolute;top:12px;right:14px;width:36px;height:36px;display:grid;place-items:center;font-size:26px;font-weight:700;color:#cfd6e3;background:transparent;border:0;border-radius:50%;cursor:pointer;transition:background .15s ease,color .15s ease}.modal-close:hover{background:#ffffff14;color:#fff}.modal-header{text-align:center;margin-bottom:20px}.modal-header h1{margin:0 0 6px;font-size:24px;font-weight:900;letter-spacing:.6px;color:#fff5d8;text-transform:uppercase}.modal-sub{margin:0;font-size:14px;color:#9aa6b8}.field{display:block;margin-bottom:12px}.field>span{display:block;margin-bottom:6px;font-size:13px;color:#b8c1d1}.field>span em{font-style:normal;color:#6e7a8c;font-weight:400}.field input,.field select{width:100%;padding:12px 14px;font-size:15px;color:#fff;background:#0a121c;border:1px solid rgba(255,255,255,.08);border-radius:10px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder{color:#4f5a6b}.field input:focus,.field select:focus{border-color:#ffc83c;box-shadow:0 0 0 3px #ffc83c29}.error{margin:8px 0 12px;padding:10px 12px;background:#ff50501f;border:1px solid rgba(255,100,100,.4);border-radius:8px;color:#ff8a8a;font-size:13px}.btn{width:100%;padding:14px 18px;font-size:15px;font-weight:800;letter-spacing:.6px;border-radius:12px;border:0;cursor:pointer;text-transform:uppercase;transition:filter .15s ease,transform .05s ease}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#ffd968,#ff8a00);color:#3a1500;box-shadow:0 8px 18px -6px #ff8a0099}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:#ffffff0f;color:#ecf0f8;border:1px solid rgba(255,255,255,.14)}.btn-secondary:hover{background:#ffffff1f}.modal-card.success{text-align:center;padding-top:28px}.success-icon{width:72px;height:72px;margin:0 auto 18px;display:grid;place-items:center;font-size:36px;font-weight:900;color:#08361b;background:linear-gradient(180deg,#6ee48a,#2fbf5b);border-radius:50%;box-shadow:0 0 32px -4px #3cdc788c}.modal-card.success h1{margin:0 0 10px;font-size:24px;font-weight:900;text-transform:uppercase;color:#ecf0f8}.modal-card.success .modal-sub{margin-bottom:24px}.modal-card.success .modal-sub strong{color:#ffe100}.muted{color:#6e7a8c;font-size:13px}.actions{display:grid;gap:12px;margin-bottom:14px}.link{display:block;width:100%;background:transparent;border:0;color:#8a96a8;font-size:13px;cursor:pointer;padding:6px;text-align:center}.link:hover{color:#fff}@media (min-width: 769px) and (max-width: 1920px){:root{--scale: calc(100vw/1920px) }}@media (max-width: 768px){.viewport{overflow:visible;min-height:100vh;background:radial-gradient(ellipse 90% 50% at 50% 0%,rgba(255,165,30,.18),transparent 70%),radial-gradient(ellipse 120% 70% at 50% 100%,rgba(0,60,120,.45),transparent 70%),#030c10}.stage-frame{width:100%;height:auto}.stage{position:static;width:100%;height:auto;transform:none;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"logoL logoR" "model model" "promo3 promo3" "promo1 promo1" "promo2 promo2" "cta cta" "bnchk bnlx";column-gap:12px;row-gap:14px;padding:14px 14px 28px;align-items:stretch}.stage>.layer{display:none}.logo-panel{position:relative;width:100%;height:72px;border-radius:14px;background:linear-gradient(180deg,#14243ca6,#080e18b3);border:1px solid rgba(255,200,60,.22);box-shadow:0 0 18px -4px #ffa51e40 inset;overflow:hidden}.logo-panel.left,.logo-panel.right{top:auto;left:auto;right:auto}.logo-panel.left{grid-area:logoL}.logo-panel.right{grid-area:logoR}.logo-panel .logo-panel-bg,.logo-panel .logo-glow{display:none}.logo-panel .logo{width:56%}.logo-panel .logo.okvip{width:66%}.model{position:relative;grid-area:model;top:auto;left:auto;transform:none;width:100%;height:360px;margin:4px 0}.model-bg,.model-girl{object-fit:contain;object-position:center}.promo-card{position:relative;width:100%;border-radius:22px}.promo-1{grid-area:promo1;height:200px;top:auto;left:auto}.promo-2{grid-area:promo2;height:200px;top:auto;left:auto}.promo-3{grid-area:promo3;height:280px;top:auto;right:auto}.promo-text .line1{font-size:18px}.promo-text .line2{font-size:14px}.promo-1 .promo-text{top:20px;left:20px}.promo-2 .promo-text{top:20px;right:20px}.promo-1 .promo-value,.promo-2 .promo-value{font-size:52px;bottom:16px}.promo-1 .promo-value{left:20px}.promo-2 .promo-value{right:20px}.promo1-deco{width:180px;right:-8px;bottom:-4px}.promo1-girl{right:6px;top:6px;height:90%}.promo1-50{width:90px;right:12px;bottom:10px}.promo2-card{width:110px;left:14px;bottom:16px}.promo2-coins{width:130px;left:-4px}.promo2-girl{right:6px;top:4px;height:92%}.promo3-glow{display:none}.promo-3 .promo-bg-overlay{background:linear-gradient(180deg,#0000008c,#00000026 45%,#0000008c)}.promo3-card-l,.promo3-card-r{display:none}.promo3-header{top:22px}.promo3-header .title{font-size:20px;letter-spacing:1px;margin-bottom:6px;color:#fff5d8;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 12px rgba(255,130,0,.7)}.promo3-header .amount{font-size:30px;background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff5b8;text-shadow:0 2px 6px rgba(0,0,0,.95),0 0 18px rgba(255,100,0,.55)}.promo3-pot{width:auto;height:68%;max-width:70%;bottom:6px}.cta-register{position:relative;grid-area:cta;left:auto;bottom:auto;transform:none;width:100%;max-width:480px;height:86px;margin:8px auto 4px}.cta-register:hover{transform:translateY(-2px)}.cta-register:active{transform:translateY(1px)}.cta-register .cta-text{font-size:16px;letter-spacing:.6px}.cta-register .cta-highlight{margin-left:6px}.banner{position:relative;width:100%;height:72px;border-radius:14px}.banner-checkin,.banner-lixi{bottom:auto;left:auto;right:auto}.banner-checkin{grid-area:bnchk}.banner-lixi{grid-area:bnlx}.banner-icon{width:44px;height:44px;left:10px}.banner-text{left:60px;right:10px;font-size:12px;line-height:1.25;letter-spacing:.3px}}@media (max-width: 380px){.stage{padding:10px 10px 24px;row-gap:12px}.logo-panel{height:64px}.model{height:320px}.promo-1,.promo-2{height:180px}.promo-3{height:250px}.promo-1 .promo-value,.promo-2 .promo-value{font-size:44px}.promo3-header .amount{font-size:26px}.cta-register{height:78px}.cta-register .cta-text{font-size:13px;letter-spacing:.4px}.cta-register .cta-highlight{margin-left:5px}}@media (max-width: 480px){.modal-card{padding:28px 20px 20px}.modal-header h1{font-size:20px}}:root{--bg: #0a0b0d;--bg-2: #0f1115;--panel: #13151a;--panel-2: #181b22;--panel-3: #1f232c;--border: #20242c;--border-2: #2a2f39;--hairline: #15181e;--text: #e6e7eb;--text-2: #b8bcc4;--muted: #6b7280;--muted-2: #4b5260;--accent: #ff6b1a;--accent-2: #ff8743;--accent-soft: rgba(255, 107, 26, .12);--accent-edge: rgba(255, 107, 26, .35);--ok: #4ade80;--ok-soft: rgba(74, 222, 128, .12);--bad: #f87171;--bad-soft: rgba(248, 113, 113, .12);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .12);--info: #60a5fa;--info-soft: rgba(96, 165, 250, .12);--radius: 4px;--radius-lg: 10px;--font-display: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-body: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .02);--shadow-soft: 0 1px 0 rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .02)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:var(--font-body);background:radial-gradient(1200px 600px at 88% -10%,rgba(255,107,26,.06),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(96,165,250,.04),transparent 60%),var(--bg);color:var(--text);font-size:14px;line-height:1.5;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");opacity:.5;mix-blend-mode:overlay}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-2)}code,kbd,samp{font-family:var(--font-mono);font-size:.92em}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100dvh;position:relative;z-index:2}.sidebar{background:linear-gradient(180deg,rgba(255,255,255,.015) 0%,transparent 40%),var(--panel);border-right:1px solid var(--border);padding:22px 14px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.sidebar h1{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 4px;color:var(--text);padding:0 8px;display:flex;align-items:center;gap:8px}.sidebar h1:before{content:"▣";color:var(--accent);font-size:14px}.sidebar .brand-tag{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.12em;padding:0 8px 18px;border-bottom:1px dashed var(--border);margin-bottom:14px}.sidebar .brand-tag span{color:var(--accent)}.sidebar nav{display:flex;flex-direction:column;gap:1px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius);color:var(--text-2);font-size:13px;font-weight:500;position:relative;transition:all .15s ease}.sidebar nav a:before{content:"";width:3px;height:14px;border-radius:2px;background:transparent;transition:background .2s ease}.sidebar nav a:hover{background:var(--panel-2);color:var(--text)}.sidebar nav a.active{background:var(--panel-2);color:var(--text)}.sidebar nav a.active:before{background:var(--accent);box-shadow:0 0 12px var(--accent-edge)}.sidebar nav a .nav-key{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--muted-2);letter-spacing:.06em}.sidebar .user-info{margin-top:auto;padding-top:14px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:8px}.sidebar .user-info .who{display:flex;align-items:center;justify-content:space-between;padding:0 4px;gap:8px}.sidebar .user-info strong{color:var(--text);font-weight:600;font-size:12px;font-family:var(--font-body);letter-spacing:0}.sidebar .user-info button{margin:0;width:100%;background:transparent;border:1px solid var(--border-2);color:var(--text-2);padding:7px 10px;border-radius:var(--radius);cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;transition:all .15s ease}.sidebar .user-info button:hover{border-color:var(--accent-edge);color:var(--accent);background:var(--accent-soft)}.main{padding:0;min-width:0;animation:fadeIn .3s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.status-bar{display:flex;align-items:center;gap:22px;padding:11px 28px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--bg-2);font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.04em;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-bar .seg{display:flex;align-items:center;gap:8px}.status-bar .seg .key{color:var(--muted-2)}.status-bar .seg .val{color:var(--text-2);font-weight:500}.status-bar .seg .val.accent{color:var(--accent)}.status-bar .pulse{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 var(--ok);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #4ade8080}50%{box-shadow:0 0 0 6px #4ade8000}}.main .content{padding:28px;max-width:1400px}.main h2{margin:0 0 22px;font-family:var(--font-body);font-size:22px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:baseline;gap:14px}.main h2:before{content:"//";font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--accent);letter-spacing:0}.main h2 .h2-tag{font-family:var(--font-mono);font-size:11px;color:var(--muted);font-weight:400;letter-spacing:.08em;text-transform:uppercase}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:18px;box-shadow:var(--shadow-inset);position:relative}.card h3{margin:0 0 14px;font-family:var(--font-mono);font-size:11px;color:var(--muted);font-weight:500;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.card h3:before{content:"▸";color:var(--accent);font-size:9px}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-bottom:22px}.bento .stat{grid-column:span 3;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 18px 16px;position:relative;overflow:hidden;transition:border-color .2s ease}.bento .stat:hover{border-color:var(--border-2)}.bento .stat.wide{grid-column:span 6}.bento .stat .label{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:6px}.bento .stat .num{font-family:var(--font-display);font-size:32px;font-weight:600;color:var(--text);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.bento .stat .num.ok{color:var(--ok)}.bento .stat .num.bad{color:var(--bad)}.bento .stat .num.warn{color:var(--warn)}.bento .stat .num.accent{color:var(--accent)}.bento .stat .delta{margin-top:8px;font-family:var(--font-mono);font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.bento .stat .ribbon{position:absolute;top:0;right:0;bottom:0;width:3px}.bento .stat.s-ok .ribbon{background:linear-gradient(180deg,var(--ok),transparent)}.bento .stat.s-bad .ribbon{background:linear-gradient(180deg,var(--bad),transparent)}.bento .stat.s-warn .ribbon{background:linear-gradient(180deg,var(--warn),transparent)}.bento .stat.s-accent .ribbon{background:linear-gradient(180deg,var(--accent),transparent)}@media (max-width: 1100px){.bento .stat{grid-column:span 6}.bento .stat.wide{grid-column:span 12}}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}label{display:block;font-family:var(--font-mono);font-size:10px;color:var(--muted);margin-bottom:6px;letter-spacing:.12em;text-transform:uppercase;font-weight:500}input,select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:var(--radius);font-size:14px;min-width:180px;font-family:var(--font-body);transition:all .15s ease;font-feature-settings:"tnum"}input:hover,select:hover{border-color:var(--border-2)}input:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder{color:var(--muted-2)}input[type=url],input[type=number]{font-family:var(--font-mono);font-size:13px;letter-spacing:-.01em}button{background:var(--accent);color:#1a0a02;border:none;padding:9px 16px;border-radius:var(--radius);font-weight:600;font-family:var(--font-body);cursor:pointer;font-size:13px;letter-spacing:.01em;transition:all .15s ease;position:relative;overflow:hidden}button:hover:not(:disabled){background:var(--accent-2);transform:translateY(-1px);box-shadow:0 4px 14px -4px var(--accent-edge)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--text-2);border:1px solid var(--border-2)}button.secondary:hover:not(:disabled){background:var(--panel-2);color:var(--text);border-color:var(--accent-edge);box-shadow:none}button.danger{background:transparent;color:var(--bad);border:1px solid rgba(248,113,113,.25)}button.danger:hover:not(:disabled){background:var(--bad-soft);color:#fca5a5;border-color:var(--bad);box-shadow:none}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--hairline);vertical-align:middle}th{font-family:var(--font-mono);color:var(--muted);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.14em;background:var(--bg-2);border-bottom:1px solid var(--border);position:sticky;top:0}td{font-feature-settings:"tnum"}td:has(span.badge),td.tnum{font-family:var(--font-mono);font-size:12.5px}tbody tr{transition:background .12s ease}tbody tr:hover td{background:var(--panel-2)}tbody tr:nth-child(odd) td{background:#ffffff01}tbody tr:nth-child(odd):hover td{background:var(--panel-2)}.badge{display:inline-flex;align-items:center;gap:6px;padding:0;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:lowercase;background:transparent;border-radius:0}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px #0000004d,0 0 8px currentColor}.badge.healthy{color:var(--ok)}.badge.unhealthy{color:var(--bad)}.badge.unknown{color:var(--muted)}.badge.admin,.badge.user{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:3px;border:1px solid currentColor}.badge.admin{color:var(--accent);background:var(--accent-soft)}.badge.user{color:var(--info);background:var(--info-soft)}.badge.admin:before,.badge.user:before{display:none}.alert{padding:10px 14px;border-radius:var(--radius);margin-bottom:14px;font-size:13px;font-family:var(--font-mono);font-size:12.5px;display:flex;align-items:center;gap:10px;border-left:2px solid currentColor}.alert:before{font-size:14px;font-weight:700}.alert.error{background:var(--bad-soft);color:var(--bad)}.alert.error:before{content:"!"}.alert.success{background:var(--ok-soft);color:var(--ok)}.alert.success:before{content:"✓"}.muted{color:var(--muted);font-size:12px;font-family:var(--font-mono)}.actions{display:flex;gap:6px}.actions button{padding:5px 10px;font-size:11px;font-family:var(--font-mono);letter-spacing:.04em}.login-page{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);min-height:100dvh;background:var(--bg);position:relative;z-index:2}.login-page .hero{position:relative;padding:56px 64px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(800px 500px at 30% 20%,rgba(255,107,26,.18),transparent 60%),linear-gradient(180deg,var(--panel) 0%,var(--bg) 100%);border-right:1px solid var(--border);overflow:hidden}.login-page .hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--hairline) 1px,transparent 1px),linear-gradient(90deg,var(--hairline) 1px,transparent 1px);background-size:64px 64px;opacity:.5;-webkit-mask-image:radial-gradient(ellipse 60% 50% at 30% 40%,black,transparent 80%);mask-image:radial-gradient(ellipse 60% 50% at 30% 40%,black,transparent 80%);pointer-events:none}.login-page .hero .brand{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text);display:flex;align-items:center;gap:10px;position:relative;z-index:1}.login-page .hero .brand:before{content:"▣";color:var(--accent);font-size:16px}.login-page .hero .pitch{position:relative;z-index:1;max-width:460px}.login-page .hero .pitch h1{font-family:var(--font-body);font-size:44px;font-weight:600;letter-spacing:-.025em;line-height:1.05;margin:0 0 18px;color:var(--text)}.login-page .hero .pitch h1 em{font-style:normal;color:var(--accent)}.login-page .hero .pitch p{font-size:15px;color:var(--text-2);line-height:1.55;margin:0 0 20px}.login-page .hero .meta{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;font-family:var(--font-mono);font-size:11px}.login-page .hero .meta .item{border-top:1px solid var(--border);padding-top:12px}.login-page .hero .meta .k{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.login-page .hero .meta .v{color:var(--text);font-size:14px;font-weight:500;margin-top:4px;font-variant-numeric:tabular-nums}.login-page .hero .meta .v.accent{color:var(--accent)}.login-page .form-side{display:flex;align-items:center;justify-content:center;padding:48px 40px;background:var(--bg)}.login-box{width:100%;max-width:360px;padding:0;background:transparent;border:none}.login-box h1{margin:0 0 6px;font-family:var(--font-body);font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.login-box .subhead{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 28px}.login-box p{color:var(--text-2);margin:0 0 24px;font-size:13.5px}.login-box .field{margin-bottom:16px}.login-box input{width:100%;padding:11px 13px;font-size:14px}.login-box button{width:100%;padding:12px;font-size:13px;font-weight:600;letter-spacing:.04em;margin-top:8px}.login-box .footnote{margin-top:20px;font-family:var(--font-mono);font-size:10px;color:var(--muted-2);letter-spacing:.08em;text-align:center}@media (max-width: 880px){.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;padding:12px 16px;overflow-x:auto;gap:10px}.sidebar h1{padding:0;margin:0;flex:0 0 auto}.sidebar .brand-tag{display:none}.sidebar nav{flex-direction:row;flex:1;gap:4px;overflow-x:auto}.sidebar nav a{padding:7px 10px;white-space:nowrap}.sidebar nav a:before{display:none}.sidebar nav a.active{color:var(--accent)}.sidebar .user-info{margin-top:0;padding-top:0;border-top:none;flex-direction:row;align-items:center;flex:0 0 auto}.sidebar .user-info .who{display:none}.sidebar .user-info button{width:auto;padding:6px 10px}.status-bar{padding:10px 16px;flex-wrap:wrap;gap:14px;font-size:10.5px}.main .content{padding:18px}.login-page{grid-template-columns:1fr}.login-page .hero{padding:32px 24px;border-right:none;border-bottom:1px solid var(--border)}.login-page .hero .pitch h1{font-size:30px}.login-page .form-side{padding:28px 20px}table{font-size:12px}th,td{padding:8px 10px}input,select{font-size:16px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-2);border:2px solid var(--bg);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}::selection{background:var(--accent-edge);color:#fff}