:root{--kw-green:#00a651;--kw-dark:#071b2c;--kw-muted:#64748b;--kw-bg:#f6f8fb}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--kw-bg);color:#0f172a}a{color:inherit;text-decoration:none}.login-wrap,.page{min-height:100vh}.login-wrap{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#12344f,#071b2c 55%)}.login-card{width:420px;background:#fff;border-radius:24px;padding:36px;box-shadow:0 25px 70px rgba(0,0,0,.3);text-align:center}.logo{max-height:80px;max-width:260px;object-fit:contain;margin-bottom:18px}.btn{border:0;border-radius:12px;padding:13px 18px;font-weight:700;cursor:pointer;background:var(--kw-green);color:#fff;width:100%}.btn.secondary{background:#0f172a;margin-top:10px}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#071b2c;color:#fff;padding:24px}.sidebar img{max-width:180px;max-height:70px;object-fit:contain;margin-bottom:24px}.nav a{display:block;padding:12px 14px;border-radius:12px;color:#dbeafe;margin-bottom:8px}.nav a:hover{background:hsla(0,0%,100%,.08)}.main{padding:30px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));grid-gap:18px;gap:18px}.card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 6px 20px rgba(15,23,42,.06);border:1px solid #e2e8f0}.card h3{margin:0 0 8px}.badge{display:inline-block;padding:5px 10px;border-radius:99px;background:#e2e8f0;font-size:12px;color:#334155}.section{margin-top:24px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}.table td,.table th{padding:14px;border-bottom:1px solid #e2e8f0;text-align:left}.input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:12px;margin:8px 0 14px}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:relative}.grid{grid-template-columns:1fr}.login-card{width:92%}}