*{box-sizing:border-box}html,body{color:#0f172a;background:#f3f4f6;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}input,button{font-family:inherit}.page{min-height:100vh}.login-wrap{background:radial-gradient(circle at 0 0,#22c55e33,#0000 32%),linear-gradient(135deg,#020617 0%,#111827 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#0f172af5;border:1px solid #94a3b833;border-radius:24px;width:100%;max-width:430px;padding:32px;box-shadow:0 30px 90px #00000073}.login-card h1{color:#fff;margin:0 0 8px;font-size:30px}.login-card p{color:#cbd5e1;margin-bottom:26px}.field{gap:8px;margin-bottom:15px;display:grid}.field label{color:#e2e8f0;font-size:13px}.field input{color:#fff;background:#020617;border:1px solid #334155;border-radius:14px;outline:none;width:100%;padding:14px}.field input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e29}.btn{cursor:pointer;color:#052e16;background:linear-gradient(135deg,#22c55e,#16a34a);border:0;border-radius:14px;width:100%;padding:14px 16px;font-weight:800}.error{color:#fca5a5;margin-top:12px;font-size:13px}.shell{background:#f8fafc;grid-template-columns:270px 1fr;min-height:100vh;display:grid}.sidebar{color:#e5e7eb;background:#020617;border-right:1px solid #1e293b;height:100vh;padding:24px 18px;position:sticky;top:0}.logo{border-bottom:1px solid #1e293b;margin:0 0 28px;padding:0 10px 20px;font-size:20px;font-weight:900}.menu{gap:8px;display:grid}.menu a{color:#cbd5e1;border-radius:14px;padding:13px 14px;font-weight:600}.menu a:hover{color:#fff;background:#12213a}.content{padding:34px;overflow-x:hidden}.header{flex-direction:column;gap:6px;margin-bottom:24px;display:flex}.header h1{color:#0f172a;letter-spacing:-.03em;margin:0;font-size:32px}.header p{color:#64748b;margin:0;font-size:15px}.grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:18px;margin-top:24px;display:grid}.card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:22px;box-shadow:0 12px 35px #0f172a0f}.card span{color:#64748b;font-size:13px;font-weight:700}.card strong{color:#0f172a;margin-top:12px;font-size:34px;display:block}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:24px;margin-top:22px;padding:26px;box-shadow:0 12px 35px #0f172a0f}.panel h2{color:#0f172a;margin:18px 0 8px;font-size:24px}.panel p{color:#64748b;line-height:1.6}.status{color:#166534;background:#dcfce7;border-radius:999px;width:fit-content;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.grid{grid-template-columns:repeat(2,1fr)}}