*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#1f2937}.container{max-width:1050px;margin:auto;padding:0 20px}.nav{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.nav-inner{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;color:#2563eb;text-decoration:none;font-size:20px}.nav-links{display:flex;gap:18px}.nav-links a{color:#4b5563;text-decoration:none}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.04);margin:24px 0}.hero{padding:40px 0 10px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.stat strong{font-size:28px;display:block;margin-top:8px}.btn{display:inline-block;border:0;border-radius:9px;padding:11px 16px;background:#2563eb;color:#fff;text-decoration:none;cursor:pointer;font-weight:600}.btn.secondary{background:#111827}.btn.danger{background:#dc2626}.input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:9px;margin:7px 0 16px}.drop{border:2px dashed #cbd5e1;padding:38px;text-align:center;border-radius:12px;background:#f8fafc}.score{font-size:64px;font-weight:800;text-align:center;margin:15px}.bar{height:18px;background:#e5e7eb;border-radius:99px;overflow:hidden}.bar>span{display:block;height:100%;background:#2563eb}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;border-bottom:1px solid #e5e7eb;text-align:left}.alert{padding:12px;border-radius:9px;background:#eff6ff;color:#1e40af;margin-bottom:16px}.error{background:#fef2f2;color:#991b1b}.footer{margin-top:50px;padding:30px 0;background:#fff;border-top:1px solid #e5e7eb;color:#6b7280}.muted{color:#6b7280}.login{max-width:430px;margin:70px auto}.actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:700px){.grid{grid-template-columns:1fr}.nav-links{gap:8px;font-size:13px}.hero{padding-top:20px}}