:root{--ink:#08110e;--panel:#10251e;--line:#294a3d;--ivory:#f4f1e8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);color:#edf4f0;min-height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}header{z-index:5;background:#08110ee8;border-bottom:1px solid #1d342c;justify-content:space-between;align-items:center;height:68px;padding:0 18px;display:flex;position:sticky;top:0}header b{letter-spacing:.14em}header span{color:#788e84;font-size:10px}.app{grid-template-columns:210px 1fr;max-width:1500px;margin:auto;display:grid}.app nav{border-right:1px solid #1d342c;flex-direction:column;gap:5px;height:calc(100vh - 68px);padding:18px 10px;display:flex;position:sticky;top:68px}.app nav button{color:#82978e;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;padding:11px}.app nav button.active{color:#fff;background:#102b22;border-color:#2b4b3f}main{padding:28px clamp(14px,4vw,48px) 80px}.notice{color:#5d4b17;background:#fff1c8;border-radius:12px;margin-bottom:12px;padding:11px}.hero,.panel,.card,.mail,.jobcard,.control{background:#10251e;border:1px solid #24443a;border-radius:18px}.hero,.panel{padding:24px}.hero h1,.panel h2{font:500 44px ui-serif,Georgia,serif}.hero p,.sub{color:#8ea198;line-height:1.65}.badge{border:1px solid #3a594d;border-radius:999px;padding:7px 9px;font-size:10px;display:inline-block}.stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0;display:grid}.card,.mail,.jobcard,.control{padding:16px}.card b{font-size:32px;display:block}.panel{margin-top:10px}.panel input,.panel textarea,.panel select,.loginCard input{border:1px solid var(--line);color:#eef4f1;background:#081914;border-radius:11px;width:100%;padding:12px}.rows,.editor{gap:8px;display:grid}.row{color:#aebdb6;background:#091b16;border:1px solid #203d33;border-radius:11px;grid-template-columns:100px 1fr 1fr 120px;gap:10px;padding:12px;display:grid}.studio,.mailgrid,.controlgrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.preview{color:#23312b;background:#fbfaf5;border-radius:15px;padding:24px}.preview p,pre{white-space:pre-wrap}.actions{flex-wrap:wrap;gap:8px;display:flex}.btn{color:#c4d4cd;background:#102b22;border:1px solid #315346;border-radius:10px;padding:10px 12px;font-weight:750}.btn.primary{background:var(--ivory);color:#13201b}.statusbox{border:1px solid #2d4c40;border-radius:10px;margin-top:10px;padding:11px}.footer{text-align:center;color:#62776e;padding:35px;font-size:11px}.loginShell{place-items:center;min-height:100svh;padding:30px 16px;display:grid}.loginCard{background:#10251e;border:1px solid #2a493e;border-radius:28px;width:min(440px,100%);padding:32px}.loginBrand{letter-spacing:.15em;font-weight:900}.loginEye{letter-spacing:.16em;color:#789087;margin-top:30px;font-size:9px}.loginCard h1{font:500 48px ui-serif,Georgia,serif}.loginCard p,.loginNote{color:#8fa399;line-height:1.6}.loginCard form{gap:10px;display:grid}.loginError{color:#f0b2aa;background:#3a1717;border-radius:10px;margin-top:15px;padding:11px}.loginNote{margin-top:20px;font-size:10px}.loginShell footer{color:#62776e;font-size:10px;position:fixed;bottom:18px}@media (max-width:850px){.app{grid-template-columns:1fr}.app nav{z-index:4;background:#08110ef5;flex-direction:row;height:auto;padding:8px;position:sticky;top:68px;overflow:auto}.app nav button{white-space:nowrap}main{padding:16px 12px 65px}.stats,.studio,.mailgrid,.controlgrid{grid-template-columns:1fr}.row{grid-template-columns:80px 1fr}header span{display:none}}