:root{font-family:Inter,ui-sans-serif,system-ui;background:#090d0b;color:#eaf3ee}*{box-sizing:border-box}body{margin:0}main{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{border-right:1px solid #253129;padding:28px 18px;background:#0d1310}.brand{font-weight:900;font-size:24px;margin:0 10px 28px}.brand span{color:#00ff6b;margin-left:6px;font-size:12px;letter-spacing:2px}.menu-btn{display:none;background:transparent;border:1px solid #253129;color:#eaf3ee;padding:8px 12px;border-radius:8px;font-size:16px;cursor:pointer}nav{display:flex;flex-direction:column;gap:5px}nav a{padding:10px 12px;color:#9fafa5;text-decoration:none;border-radius:8px;font-size:14px;cursor:pointer}nav a.active,nav a:hover{background:#172019;color:#fff}.content{padding:34px;max-width:1500px}header{justify-content:space-between;gap:14px}.header-actions,header{display:flex;align-items:center;flex-wrap:wrap}.header-actions{gap:12px}.who{color:#9fafa5;font-size:13px}button.ghost{background:transparent;border:1px solid #253129;color:#eaf3ee;font-weight:600}h1{font-size:30px;margin:0}main.gate{display:flex;align-items:center;justify-content:center;min-height:100vh}.gate-card{background:#111813;border:1px solid #253129;border-radius:14px;padding:44px 40px;max-width:380px;text-align:center}.gate-card h1{font-size:22px;margin:20px 0 10px}.gate-card p{color:#8fa097;font-size:14px;margin:0 0 24px;line-height:1.5}.gate-card button{width:100%;padding:12px;font-size:14px}.content h1{display:flex;align-items:center;gap:10px}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.badge.live{background:#0d2417;color:#00ff6b;border:1px solid #164a2c}.badge.demo{background:#241c0d;color:#e0a530;border:1px solid #4a3a14}.badge.error{background:#26120f;color:#ff6b6b;border:1px solid #4a1f1a}.notice.error{border-color:#4a1f1a;background:#1c100e}.notice.error strong{color:#ff6b6b}header p{color:#899a90}button{background:#00ff6b;border:0;padding:11px 16px;border-radius:7px;font-weight:800}.notice{margin:24px 0;padding:15px 18px;border:1px solid #264d35;background:#102219;border-radius:10px;display:flex;gap:12px}.notice strong{color:#00ff6b}.notice span{color:#9fafa5}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}article{background:#111813;border:1px solid #253129;border-radius:12px;padding:18px}.row{display:flex;justify-content:space-between;gap:10px}.row h2,article h2{font-size:17px;margin:0 0 14px}.row b{font-size:11px;color:#00ff6b;text-transform:uppercase}.row+p,article p{color:#8fa097;font-size:13px;line-height:1.5}.metric{margin-top:25px;color:#d8e5dd;font-size:13px}.lower{display:grid;grid-template-columns:2fr 1fr;grid-gap:14px;gap:14px;margin-top:14px}table{width:100%;border-collapse:collapse;font-size:13px;color:#9fafa5}td{padding:11px 5px;border-top:1px solid #253129}.bar{height:8px;background:#202b24;border-radius:6px;overflow:hidden}.bar i{display:block;height:100%;background:#00ff6b}small{color:#819087}@media(max-width:900px){main{grid-template-columns:1fr}.menu-btn{display:inline-block}aside{display:none;position:fixed;inset:0 auto 0 0;width:260px;z-index:41;overflow-y:auto}aside.open{display:flex;flex-direction:column}.nav-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:40}.grid,.lower{grid-template-columns:1fr}.content{padding:20px}}@media(min-width:901px){.nav-overlay{display:none}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #00ff6b;outline-offset:2px}@media(min-width:701px) and (max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{background:#111813;border:1px solid #253129;border-radius:14px;padding:28px;max-width:440px;width:100%}.modal h2{margin:0 0 6px;font-size:19px}.modal p.hint{color:#8fa097;font-size:13px;margin:0 0 18px;line-height:1.5}.modal label{display:block;font-size:13px;color:#9fafa5;margin:14px 0 6px}.modal input,.modal textarea{width:100%;background:#0d1310;border:1px solid #253129;border-radius:8px;padding:10px 12px;color:#eaf3ee;font-family:inherit;font-size:14px}.modal textarea{min-height:110px;resize:vertical}.modal .modal-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.modal .result{margin-top:16px;padding:12px 14px;border-radius:8px;font-size:13px;line-height:1.5}.modal .result.success{background:#0d2417;border:1px solid #164a2c;color:#00ff6b}.modal .result.error{background:#26120f;border:1px solid #4a1f1a;color:#ff6b6b}