*{box-sizing:border-box}body{margin:0;background:#0f172a;color:#e5e7eb;font-family:Inter,Arial,sans-serif}.app{max-width:1100px;margin:auto;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border:1px solid #263248;border-radius:16px;background:#111c31;margin-bottom:18px}.topbar h1{margin:0;font-size:22px}.topbar small{color:#94a3b8}.gear{font-size:25px}.card{background:#111c31;border:1px solid #263248;border-radius:16px;padding:22px;margin-bottom:18px}.card h2{font-size:14px;letter-spacing:.08em;margin:0 0 18px;color:#cbd5e1}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid2 label{font-size:13px;color:#94a3b8}.grid2 input,.filters input,.filters select{width:100%;margin-top:8px;background:#0b1220;border:1px solid #334155;color:#fff;padding:13px;border-radius:10px;font-size:16px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.actions button,.export{border:0;border-radius:10px;padding:12px 16px;font-weight:700;cursor:pointer;text-decoration:none}.primary{background:#22c55e;color:#04130a}.danger{background:#ef4444;color:white}.secondary,.export{background:#334155;color:white}.compact{margin:0}.message{margin-top:14px;color:#94a3b8;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats div{background:#0b1220;border:1px solid #253149;border-radius:12px;padding:15px}.stats span{display:block;color:#94a3b8;font-size:12px}.stats strong{display:block;font-size:24px;margin-top:5px}.progress{height:16px;background:#020617;border-radius:99px;overflow:hidden;margin-top:22px}.progress div{height:100%;width:0;background:#22c55e;transition:width .25s}.percent{text-align:right;margin-top:7px;color:#94a3b8}.activity{line-height:1.8;color:#cbd5e1}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.filters{display:grid;grid-template-columns:1fr 190px;gap:10px;margin-bottom:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:11px;border-bottom:1px solid #253149;vertical-align:top}th{color:#94a3b8}td a{color:#60a5fa}.pager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:15px}.pager button{background:#334155;color:#fff;border:0;border-radius:8px;padding:8px 12px;cursor:pointer}footer{text-align:center;color:#64748b;font-size:12px;padding:10px}@media(max-width:700px){.app{padding:12px}.grid2,.stats,.filters{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}}