:root{--color-primary: #4338ca;--color-primary-hover: #3730a3;--color-primary-light: #eef2ff;--color-bg: #f8fafc;--color-card: #ffffff;--color-border: #e2e8f0;--color-text: #0f172a;--color-muted: #64748b;--color-success: #16a34a;--color-danger: #dc2626;--radius: 10px}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui,sans-serif}h1,h2,h3{color:var(--color-text)}a{color:var(--color-primary)}input,select{font-size:1rem;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;color:var(--color-text)}input:focus,select:focus{outline:2px solid var(--color-primary-light);border-color:var(--color-primary)}button{cursor:pointer;font-size:1rem;padding:8px 16px;border-radius:var(--radius);border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;font-weight:500;transition:background .15s ease}button:hover{background:var(--color-primary-hover)}button:disabled{opacity:.6;cursor:default}button.secondary{background:#fff;color:var(--color-primary)}button.secondary:hover{background:var(--color-primary-light)}.container{max-width:720px;margin:3rem auto;padding:0 1rem}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card{border:1px solid var(--color-border);border-radius:var(--radius);padding:16px 20px;margin-bottom:16px;background:var(--color-card)}.card h2{margin-top:0}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.status-ok{background:var(--color-success)}.status-bad{background:var(--color-danger)}.status-pending{background:var(--color-muted)}.muted{color:var(--color-muted);font-size:.85rem}.brand{display:flex;align-items:center;gap:10px}.brand img{width:36px;height:36px}.login-page{display:flex;align-items:center;justify-content:center;gap:48px;min-height:100vh;padding:2rem;flex-wrap:wrap}.login-hero{max-width:420px;text-align:center}.login-hero img{width:100%;max-width:380px;margin-bottom:16px}.login-hero h2{margin-bottom:8px}.login-form-panel{width:100%;max-width:360px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:32px}@media (max-width: 760px){.login-page{flex-direction:column;gap:24px;padding-top:2.5rem}.login-hero{text-align:center}.login-hero img{max-width:260px}}