:root{font-family:Inter,Arial,sans-serif;color:#eaf3ff;background:#071327}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#153b63,#071327 55%)}header{display:flex;align-items:center;justify-content:space-between;padding:22px 5%;border-bottom:1px solid #24425e}.brand{font-size:25px;font-weight:900;letter-spacing:2px;color:#60d9ff}.brand span{color:#fff}button,select,input{font:inherit}button{background:#13b8f2;color:#00162a;border:0;border-radius:10px;padding:11px 16px;cursor:pointer;font-weight:700}button.secondary{background:#17324d;color:#eaf3ff}.wrap{max-width:1240px;margin:auto;padding:35px 24px}h1{font-size:clamp(30px,5vw,52px);margin:8px 0}p{color:#a9c2d8}.nav{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.nav button.active{background:#13b8f2;color:#00162a}.nav button{background:#14304c;color:white}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.card,.panel{background:#10253d;border:1px solid #25435c;border-radius:17px;padding:21px;margin-bottom:16px}.value{font-size:29px;font-weight:800;color:#68d9ff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px;margin:10px 0}input,select{padding:11px;background:#07192d;border:1px solid #31506c;border-radius:9px;color:white;width:100%}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:start;border-bottom:1px solid #2a455c;padding:12px 7px}th{color:#8bcff0}.tag{color:#75e8b7}.bar{height:15px;background:#25425a;border-radius:9px;overflow:hidden;margin:8px 0}.bar>div{height:100%;background:linear-gradient(90deg,#13b8f2,#5ce3b3)}.muted{color:#92aac0;font-size:13px}footer{text-align:center;color:#849db3;padding:30px}body[dir=rtl] .brand{direction:ltr} @media(max-width:600px){header{padding:15px}.wrap{padding:20px 13px}.panel{overflow:auto}}.logo-lockup{display:flex;align-items:center;gap:11px;direction:ltr}.logo-mark{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 0 10px #20a8f955)}.auth-logo{width:155px;height:155px;display:block;margin:0 auto 12px;filter:drop-shadow(0 0 16px #20a8f966)}.authbox .auth-brand{text-align:center;font-size:30px;letter-spacing:2px;font-weight:900;color:#63d9ff}.authbox .auth-brand span{color:white}@media(max-width:600px){.logo-mark{width:64px;height:64px}.brand{font-size:19px}}