:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;color:#1a1a1a;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.center{min-height:100vh;display:grid;place-items:center}.app{min-height:100vh}.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:#0f172a;color:#fff}.top .muted{opacity:.75;font-weight:400}.tabs{display:flex;gap:.5rem;flex-wrap:wrap}.tabs button{border:0;border-radius:6px;padding:.4rem .75rem;cursor:pointer;background:transparent;color:#cbd5e1}.tabs button.active{background:#1e293b;color:#fff}.tabs button.ghost{margin-left:.5rem}.main{max-width:1100px;margin:0 auto;padding:1.25rem}.card{background:#fff;border-radius:10px;padding:1rem 1.25rem;box-shadow:0 1px 3px #00000014;margin-bottom:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.stat strong{display:block;font-size:1.5rem}.stat span{color:#64748b;font-size:.9rem}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-box{width:100%;max-width:380px;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 8px 24px #0f172a1f}.login-box h1{margin:0 0 .25rem;font-size:1.25rem}.login-box p{margin:0 0 1rem;color:#64748b;font-size:.9rem}label{display:block;margin-bottom:.75rem;font-size:.9rem}label input{display:block;width:100%;margin-top:.25rem;padding:.5rem .6rem;border:1px solid #cbd5e1;border-radius:6px}.primary{width:100%;border:0;border-radius:6px;padding:.6rem;background:#2563eb;color:#fff;cursor:pointer}.error{color:#b91c1c;font-size:.9rem;margin:.5rem 0 0}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.5rem;border-bottom:1px solid #e2e8f0}th{color:#64748b;font-weight:600}.badge{display:inline-block;padding:.1rem .45rem;border-radius:999px;font-size:.75rem}.badge.ok{background:#dcfce7;color:#166534}.badge.warn{background:#fef3c7;color:#92400e}.badge.bad{background:#fee2e2;color:#991b1b}.row-actions{display:flex;gap:.35rem;flex-wrap:wrap}.row-actions button{border:1px solid #cbd5e1;background:#fff;border-radius:6px;padding:.25rem .5rem;cursor:pointer;font-size:.8rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.form-grid label{margin:0}h2{margin:0 0 .75rem;font-size:1.1rem}
