@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg:#f4efe6;--bg-deep:#e9ddca;--panel:#ffffffd1;--panel-border:#29393024;--text:#1f2d27;--muted:#54655c;--accent:#0d6b54;--accent-soft:#d7ece5;--warning:#9c2e1f;--shadow:0 18px 36px #22342b1f;--heading-font:"Space Grotesk", "Trebuchet MS", sans-serif;--body-font:"IBM Plex Sans", "Segoe UI", sans-serif;font-family:var(--body-font);color:var(--text);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 4%, #0d6b5426, transparent 40%), radial-gradient(circle at 90% 8%, #cc7e3f33, transparent 36%), linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);min-height:100vh;margin:0}#root{min-height:100vh}.page-shell{gap:1rem;width:min(1120px,100% - 2rem);margin:1.5rem auto 2rem;display:grid}.hero-panel,.controls-panel,.table-panel{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:20px}.hero-panel{padding:1.6rem 1.5rem;animation:.42s ease-out rise-in}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0;font-size:.78rem;font-weight:700}h1{font-family:var(--heading-font);margin:.5rem 0;font-size:clamp(1.6rem,2.7vw,2.4rem);line-height:1.1}.lead{color:var(--muted);max-width:70ch;margin:0}.controls-panel{grid-template-columns:1fr 320px;gap:1rem;padding:1rem;animation:.52s ease-out rise-in;display:grid}.field{gap:.45rem;display:grid}.field span{color:var(--muted);font-size:.84rem;font-weight:600}input,select,button{font:inherit}input,select{background:#ffffffe6;border:1px solid #1f2d2733;border-radius:12px;width:100%;padding:.65rem .8rem}input:focus,select:focus{border-color:var(--accent);outline:2px solid #0d6b5459}.table-panel{padding:.8rem;animation:.62s ease-out rise-in}.panel-header{color:var(--muted);padding:.4rem .5rem .8rem;font-size:.92rem}.state{background:#0d6b5414;border-radius:10px;margin:.5rem;padding:.8rem 1rem}.state.error{color:var(--warning);background:#9c2e1f1a}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:820px}thead th{text-align:left;font-family:var(--heading-font);letter-spacing:.03em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid #1f2d2724;padding:.75rem .7rem;font-size:.83rem}tbody tr{opacity:0;animation:.36s ease-out forwards fade-row}tbody td{vertical-align:top;border-bottom:1px dashed #1f2d2724;padding:.8rem .7rem}tbody small{color:var(--muted)}.tag{background:var(--accent-soft);border:1px solid #0d6b5440;border-radius:999px;padding:.22rem .65rem;font-size:.78rem;display:inline-block}.pagination{justify-content:space-between;align-items:center;gap:.7rem;padding:.9rem .4rem .2rem;display:flex}.pagination span{color:var(--muted)}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.6rem .95rem;transition:transform .18s,opacity .18s}button:hover:enabled{transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-row{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.page-shell{width:min(1120px,100% - 1rem)}.controls-panel{grid-template-columns:1fr}.hero-panel,.controls-panel,.table-panel{border-radius:16px}.pagination{flex-direction:column;align-items:stretch}}