:root{color:#111827;background:#f4f6fb;font-family:DM Sans,Segoe UI,sans-serif}body{background:#f4f6fb;margin:0}.page{max-width:1200px;margin:0 auto;padding:24px}.header{justify-content:space-between;align-items:center;gap:20px;display:flex}h1{margin:0;font-size:32px}h2{margin-top:0}.btn{color:#fff;cursor:pointer;background:#0f766e;border:0;border-radius:8px;padding:10px 16px;font-weight:700}.btn:disabled{opacity:.6;cursor:not-allowed}.message{background:#e0f2fe;border:1px solid #7dd3fc;border-radius:8px;margin-top:12px;padding:10px 14px}.panel{background:#fff;border-radius:12px;margin-top:20px;padding:20px;box-shadow:0 2px 8px #0f172a14}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.chip.ok{color:#166534;background:#dcfce7}.chip.warn{color:#92400e;background:#fef3c7}.card-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.card{border:1px solid #e5e7eb;border-radius:10px;padding:14px}.card-title{color:#6b7280;text-transform:uppercase;font-size:12px;font-weight:700}.card-value{margin-top:6px;font-size:26px;font-weight:800}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:10px}.empty{color:#6b7280}@media (width<=900px){.card-grid{grid-template-columns:repeat(2,1fr)}.header{flex-direction:column;align-items:flex-start}}