*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f5f7fb;color:#1f2937;min-height:100vh;line-height:1.6}body.dark{background-color:#0f172a;color:#e5e7eb}.container{max-width:1200px;margin:auto;padding:24px 16px}.navbar{background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;box-shadow:0 2px 10px #00000014;position:sticky;top:0;z-index:100}body.dark .navbar{background-color:#020617}.nav-logo{font-size:20px;font-weight:700;color:#2563eb}.nav-links{display:flex;align-items:center}.nav-links button{background:transparent;border:none;font-size:14px;margin-left:12px;cursor:pointer;color:#374151;padding:8px 14px;border-radius:999px;transition:all .2s ease}.nav-links button:hover{background-color:#e5e7eb}.nav-links button.active{background-color:#2563eb;color:#fff}body.dark .nav-links button{color:#cbd5f5}body.dark .nav-links button:hover{background-color:#1e293b}body.dark .nav-links button.active{background-color:#60a5fa;color:#020617}.card{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 10px 25px #0000000f}body.dark .card{background-color:#020617}h1{font-size:28px;margin-bottom:16px}h2{font-size:20px;margin-bottom:12px}h3{font-size:16px;margin-bottom:8px}input,select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px;background-color:#fff;font-family:inherit}input:focus,select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}body.dark input,body.dark select{background-color:#020617;color:#e5e7eb;border-color:#334155}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:12px}button{padding:10px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}button:hover{background-color:#1e40af}button:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-danger{background-color:#dc2626}.btn-danger:hover{background-color:#991b1b}.btn-inline{margin-left:12px;width:auto;padding:8px 12px;font-size:13px}.btn-top{margin-top:12px}table{width:100%;border-collapse:collapse;margin-top:12px}table th,table td{padding:12px;text-align:left;border-bottom:1px solid #e5e7eb}table th{background-color:#f3f4f6;font-weight:600;color:#374151}body.dark table th{background-color:#1e293b;color:#e5e7eb}body.dark table td{border-bottom-color:#334155}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.stat-box{background-color:#f9fafb;border-radius:10px;padding:16px;text-align:center}body.dark .stat-box{background-color:#020617}.stat-box h3{font-size:14px;color:#6b7280}.stat-box p{font-size:22px;font-weight:700;margin-top:6px}@media(max-width:768px){.navbar{flex-direction:column;align-items:flex-start}.nav-links{margin-top:10px;flex-wrap:wrap}h1{font-size:24px}}