*{box-sizing:border-box}body{color:#0f172a;background:#f6f8fb;margin:0;font-family:Arial,Helvetica,sans-serif}.page{min-height:100vh;padding:28px}.container{max-width:1280px;margin:0 auto}.header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.brand{color:#2563eb;margin:0 0 8px;font-weight:700}h1{letter-spacing:-1px;margin:0 0 10px;font-size:40px}h2{align-items:center;gap:8px;margin:0 0 18px;font-size:21px;display:flex}h3{margin:4px 0;font-size:25px}.muted{color:#64748b}.small{font-size:14px}.tiny{font-size:12px}.card{background:#fff;border:1px solid #eef2f7;border-radius:22px;padding:22px;box-shadow:0 10px 30px #0f172a0f}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.stat-card{align-items:center;gap:16px;display:flex}.icon-box{background:#f1f5f9;border-radius:18px;place-items:center;width:54px;height:54px;display:grid}.primary-btn,.ghost-btn{cursor:pointer;border:0;border-radius:16px;align-items:center;gap:8px;padding:13px 18px;font-weight:700;display:inline-flex}.primary-btn{color:#fff;background:#2563eb}.primary-btn:hover{background:#1d4ed8}.ghost-btn{color:#334155;background:#f1f5f9}.form-card{margin-bottom:22px}.form-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}input,select{background:#fff;border:1px solid #dbe3ef;border-radius:14px;outline:none;width:100%;padding:13px 14px;font-size:14px}input:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.main-grid{grid-template-columns:2fr 1fr;gap:22px;margin-bottom:22px;display:grid}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.tools{flex-wrap:wrap;gap:10px;display:flex}.tools label{align-items:center;display:flex;position:relative}.tools svg{color:#94a3b8;position:absolute;left:12px}.tools input,.tools select{min-width:190px;padding-left:36px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:#64748b;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:12px 10px;font-weight:700}td{white-space:nowrap;border-bottom:1px solid #eef2f7;padding:15px 10px}tr:last-child td{border-bottom:0}.badge{border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700}.badge.green{color:#166534;background:#dcfce7}.badge.blue{color:#1d4ed8;background:#dbeafe}.badge.orange{color:#c2410c;background:#ffedd5}.badge.purple{color:#7e22ce;background:#f3e8ff}.badge.gray{color:#475569;background:#f1f5f9}.note-card{flex-direction:column;gap:14px;display:flex}.note{border-radius:18px;padding:16px}.note p{color:#475569;margin:6px 0 0;line-height:1.5}.note.orange{background:#fff7ed}.note.blue{background:#eff6ff}.note.green{background:#f0fdf4}footer{text-align:center;color:#94a3b8;padding:24px 0 0;font-size:12px}@media (width<=900px){.header,.section-title{flex-direction:column;align-items:flex-start}.stats-grid,.main-grid,.form-grid{grid-template-columns:1fr}h1{font-size:31px}.page{padding:16px}}