@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:wght@500;600;700&display=swap";:root{font-family:DM Sans,Segoe UI,sans-serif;color:#1d232c;background-color:#f1f2f6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink-muted: #5b6674;--panel: rgba(255, 255, 255, .9);--panel-border: rgba(14, 25, 47, .12);--accent: #2c60ff;--danger: #d2462f;--success: #217a57;--shadow-soft: 0 18px 45px rgba(18, 26, 45, .08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(44,96,255,.08),transparent 55%),linear-gradient(120deg,#f1f2f6,#eef3ff 45%,#f8f1e6)}#root{min-height:100vh}h1,h2,h3{font-family:Fraunces,DM Sans,serif;color:#111822}button,input{font-family:inherit}.app{min-height:100vh;padding:1.75rem clamp(1rem,2.6vw,2.5rem) 2rem;display:flex;flex-direction:column;gap:1.35rem}.app-header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:1rem;align-items:start}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.65rem;color:var(--ink-muted);margin:0 0 .45rem}.app-header h1{font-size:clamp(1.6rem,2.4vw,2.25rem);line-height:1.15;margin:0 0 .55rem}.lede{font-size:.96rem;color:var(--ink-muted);margin:0}.status-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:1rem;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:.45rem}.status-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-muted)}.status-value{font-size:1rem;font-weight:600}.status-meta{color:var(--ink-muted);font-size:.86rem}.status-error{color:var(--danger);font-size:.86rem}.app-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:1.1rem;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:.95rem}.panel.muted{background:#ffffff94;border-style:dashed}.panel h2{margin:0;font-size:1.12rem}.panel-subtitle{color:var(--ink-muted);margin:0;font-size:.9rem}.panel-subtitle.slim{font-size:.84rem}.form{display:grid;gap:.75rem}.form label{display:grid;gap:.35rem;font-weight:600;color:var(--ink-muted);font-size:.88rem}.form input{border-radius:10px;border:1px solid var(--panel-border);padding:.58rem .72rem;font-size:.9rem;font-family:inherit;background:#fffc}.form textarea{border-radius:10px;border:1px solid var(--panel-border);padding:.58rem .72rem;font-size:.9rem;font-family:inherit;background:#fffc;resize:vertical;min-height:6.5rem}.form input:focus{outline:2px solid rgba(44,96,255,.2);border-color:var(--accent)}.form textarea:focus{outline:2px solid rgba(44,96,255,.2);border-color:var(--accent)}.switch{display:flex;align-items:center;gap:.6rem;font-weight:500}.switch input{width:42px;height:22px;accent-color:var(--accent)}.primary-button{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:.55rem .75rem;font-weight:600;font-size:.86rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 8px 18px #2c60ff38}.primary-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #2c60ff40}.primary-button:disabled,.ghost-button:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.ghost-button{background:transparent;color:var(--ink-muted);border:1px solid var(--panel-border);border-radius:999px;padding:.35rem .72rem;font-size:.84rem;cursor:pointer;align-self:flex-start}.inline-link{color:var(--accent);text-decoration:none;font-weight:600}.inline-link:hover{text-decoration:underline}.form-status{margin:0;font-size:.86rem}.form-status.success{color:var(--success)}.form-status.error{color:var(--danger)}.form-status.loading{color:var(--ink-muted)}.users-panel{grid-column:1 / -1}.users-search-form{display:grid;gap:.7rem}.users-search-label{display:grid;gap:.35rem;font-weight:600;color:var(--ink-muted);font-size:.87rem}.users-search-label textarea{border-radius:10px;border:1px solid var(--panel-border);padding:.58rem .72rem;font-size:.9rem;line-height:1.35;font-family:inherit;background:#fffc}.users-search-label textarea:focus{outline:2px solid rgba(44,96,255,.2);border-color:var(--accent)}.users-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.45rem}.users-field{display:flex;align-items:center;gap:.45rem;font-size:.84rem;color:var(--ink-muted);border:1px solid var(--panel-border);border-radius:10px;padding:.42rem .52rem;background:#ffffffa6}.users-field input{accent-color:var(--accent)}.users-search-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.users-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem}.users-table-wrap{border:1px solid var(--panel-border);border-radius:12px;background:#ffffffb8;overflow:auto}.users-table{width:100%;border-collapse:collapse;min-width:620px}.users-table th,.users-table td{text-align:left;padding:.52rem .62rem;border-bottom:1px solid rgba(14,25,47,.08);font-size:.84rem}.users-table th{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);background:#f2f6ffcc;position:sticky;top:0;z-index:1}.users-table tr:last-child td{border-bottom:none}.users-empty{text-align:center;color:var(--ink-muted);padding:.9rem}.users-pagination{display:flex;justify-content:flex-end;gap:.45rem}.reset-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.reset-shell{width:min(100%,520px)}ul{margin:0;padding-left:1.2rem;color:var(--ink-muted);display:grid;gap:.35rem;font-size:.88rem}@media(max-width:960px){.app-header{grid-template-columns:1fr}}@media(max-width:720px){.app{padding:1.2rem .85rem 1.5rem}.panel{padding:.9rem}.users-fields{grid-template-columns:1fr}.users-summary{flex-direction:column}.users-pagination{justify-content:flex-start}.reset-page{align-items:flex-start;padding-top:2rem}}