*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Arial,sans-serif}
body.ssa-page{min-height:100vh;background:radial-gradient(circle at top,#07142f 0%,#020612 58%,#02050d 100%);color:#e5e7eb;padding-top:74px}
.site-header{position:fixed;top:0;left:0;right:0;height:74px;display:flex;align-items:center;gap:16px;padding:0 18px;background:rgba(7,20,47,.96);border-bottom:1px solid rgba(255,255,255,.08);z-index:1200}
.menu-btn,.close-btn{border:0;background:#facc15;color:#06142e;border-radius:10px;font-weight:900;cursor:pointer}
.menu-btn{width:48px;height:48px;font-size:23px}.close-btn{width:38px;height:38px;font-size:18px}
.site-brand{font-weight:800;color:#facc15;flex:1}.header-actions{display:flex;gap:10px;align-items:center}.header-actions a{color:#e5e7eb;text-decoration:none;padding:9px 11px;border-radius:10px}.header-actions a:hover{background:rgba(250,204,21,.12);color:#facc15}
.layout{min-height:calc(100vh - 74px)}.sidebar{position:fixed;top:74px;left:-286px;width:286px;height:calc(100vh - 74px);background:rgba(5,17,37,.98);padding:18px;z-index:1100;transition:left .22s ease;overflow:auto;border-right:1px solid rgba(255,255,255,.08)}.sidebar.active{left:0}.sidebar-overlay{position:fixed;inset:74px 0 0;background:rgba(0,0,0,.55);z-index:1000;display:none}.sidebar-overlay.active{display:block}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.logo{color:#facc15;font-size:22px}.sidebar-nav{display:grid;gap:7px}.sidebar-nav a{display:flex;align-items:center;gap:10px;color:#dbeafe;text-decoration:none;padding:11px;border-radius:10px}.sidebar-nav a:hover,.sidebar-nav a.active{background:rgba(250,204,21,.13);color:#facc15}.sidebar-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px}.sidebar-icon svg{width:22px;height:22px}
.main{max-width:1120px;margin:0 auto;padding:28px 18px 44px}.hero,.panel,.card{background:#0b1f47;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 18px 42px rgba(0,0,0,.25)}.hero{padding:30px;margin-bottom:18px}.hero h1{color:#facc15;font-size:clamp(28px,4vw,44px);margin-bottom:8px}.hero p,.panel p,.card p{color:#cbd5e1;line-height:1.75}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.panel,.card{padding:18px}.card h2,.panel h2{color:#facc15;font-size:19px;margin-bottom:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;background:#facc15;color:#06142e;font-weight:800;padding:12px 16px;text-decoration:none;cursor:pointer}.btn.secondary{background:rgba(255,255,255,.08);color:#e5e7eb;border:1px solid rgba(255,255,255,.12)}input,select,textarea{width:100%;background:#07142f;color:#e5e7eb;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px;margin-top:7px}label{display:block;color:#cbd5e1;font-size:14px}.form-grid{display:grid;gap:14px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:620px}.table th,.table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.table th{color:#facc15}.status{display:inline-block;padding:5px 9px;border-radius:999px;background:rgba(250,204,21,.12);color:#facc15;font-weight:800;font-size:12px}
@media (min-width:980px){.sidebar{left:0}.sidebar-overlay{display:none!important}.main{margin-left:286px}.menu-btn,.close-btn{display:none}}
@media (max-width:560px){.header-actions a:not(:first-child){display:none}.main{padding:18px 14px 32px}.hero{padding:22px}}