*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:radial-gradient(circle at top,#020617,#0f172a);font-family:Inter,system-ui,sans-serif}.page,.dashboard{max-width:1200px;margin:auto;padding:40px 20px;animation:.4s fadeIn}h1{letter-spacing:.3px;margin-bottom:30px;font-size:30px;font-weight:600}.navbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020617d9;border-bottom:1px solid #94a3b814;justify-content:space-between;align-items:center;padding:18px 32px;display:flex}.logo{align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.logo-icon{font-size:20px}.nav-links{gap:12px;display:flex}.nav-item{color:#94a3b8;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#33415580}.nav-item.active{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf840}.form-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1e293ba6;border:1px solid #94a3b814;border-radius:18px;margin-bottom:18px;padding:20px;transition:all .25s}.form-card:hover{transform:translateY(-4px);box-shadow:0 15px 50px #00000073}.form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px;display:grid}.input-group{background:#33415599;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:12px;transition:all .2s;display:flex}.input-group svg{color:#64748b}.input-group input{color:#fff;background:0 0;border:none;outline:none;width:100%}.input-group:focus-within{border:1px solid #38bdf8;box-shadow:0 0 0 2px #38bdf84d}textarea{color:#fff;background:#33415599;border:none;border-radius:12px;width:100%;padding:12px}textarea:focus{box-shadow:0 0 0 2px #38bdf8}button{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:11px 16px;font-weight:500;transition:all .2s;display:inline-flex}.primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}.secondary{color:#fff;background:#334155cc}.secondary:hover{background:#475569}.danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.danger:hover{box-shadow:0 8px 25px #ef444480}.actions{gap:12px;margin-top:20px;display:flex}.stats{gap:16px;margin-bottom:25px;display:flex}.stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid #94a3b814;border-radius:16px;flex:1;padding:20px;transition:all .2s}.stat:hover{transform:translateY(-4px)}.stat h2{font-size:26px}.success{border-left:4px solid #22c55e}.fail{border-left:4px solid #ef4444}.search-box{background:#1e293b99;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px;display:flex}.search-box input{color:#fff;background:0 0;border:none;outline:none;width:100%}.table-container{background:#1e293ba6;border:1px solid #94a3b814;border-radius:16px;overflow:hidden}table{border-collapse:collapse;width:100%}thead{background:#020617e6}th{color:#94a3b8;text-transform:uppercase;font-size:12px}th,td{padding:14px}tr{border-bottom:1px solid #94a3b814;transition:all .2s}tr:hover{background:#3b82f614}.badge{border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.badge.success{color:#22c55e;background:#22c55e26}.badge.fail{color:#ef4444;background:#ef444426}.comment{white-space:nowrap;text-overflow:ellipsis;color:#94a3b8;max-width:220px;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.form-grid{grid-template-columns:1fr}.stats{flex-direction:column}}.filters button{color:#94a3b8;cursor:pointer;background:#334155cc;border:none;border-radius:10px;margin-right:10px;padding:8px 14px;transition:all .2s}.filters button:hover{color:#fff;background:#475569}.filters button.active{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf866}