:root{--primary: #0ea5c6;--primary-dark: #087f9c;--accent: #c8f135;--sand: #f5e6c8;--bg: #fdf9f0;--coral: #ff6b5b;--sunset: #ffb03a;--text: #1a2e35;--muted: #5a6b70;--card: #ffffff;--line: #e4d5b8;--radius: 12px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3{font-family:Montserrat,Inter,sans-serif;margin:0 0 .5rem}a{color:var(--primary-dark)}button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:8px;background:var(--primary);color:#fff;font-weight:700;padding:.65rem 1rem;cursor:pointer}button.secondary,.btn.secondary{background:#d7c7a4;color:var(--text)}button.danger{background:var(--coral)}button.accent{background:var(--accent);color:var(--text)}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem;font:inherit;background:#fff;color:var(--text)}label{display:block;font-size:.85rem;font-weight:600;margin:.6rem 0 .25rem}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,#0ea5c6,#087f9c 55%,#fdf9f0 55%)}.login-card{background:var(--card);padding:2.4rem 2rem;border-radius:20px;width:min(420px,92vw);text-align:center;box-shadow:0 16px 40px #1a2e351f}.login-card p{color:var(--muted)}.shell{display:grid;grid-template-rows:auto auto 1fr;min-height:100vh}.topbar{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;background:var(--primary);color:#fff}.topbar h1{font-size:1.1rem;margin:0}.topbar select{width:auto;min-width:220px}.topbar button{background:#087f9c}.nav{display:flex;gap:.4rem;padding:.6rem 1.2rem;background:var(--sand);border-bottom:1px solid var(--line);flex-wrap:wrap}.nav button{background:transparent;color:var(--text);font-weight:600}.nav button.active{background:var(--accent)}.page{padding:1.2rem;max-width:1200px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:end}.grid{display:grid;gap:.8rem}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table th,.table td{text-align:left;padding:.45rem .4rem;border-bottom:1px solid var(--line)}.muted{color:var(--muted);font-size:.9rem}.err{color:var(--coral)}.ok{color:#1b7a4a}.banner{background:#fff3cd;border:1px solid var(--sunset);padding:.6rem .8rem;border-radius:8px;margin-bottom:1rem}