:root{/* palette copied from /Spensara/assets/css/spensara.css */--bg:#050b15;--panel:#0d1b2a;--card:#0e1e31;--elev:#132236;--line:rgba(0,180,216,0.15);--line-b:rgba(0,180,216,0.35);--text:#E8F1FF;--mut:#7B92B2;--accent:#00c6ff;--teal:#00C896;--blue:#00B4D8;--warn:#FFD700;--glow:0 0 12px rgba(0,180,216,0.2)}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Inter',Roboto,sans-serif;line-height:1.6;background:var(--bg);color:var(--text);font-size:15px}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.top{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:10px 20px;background:var(--panel);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:600}.brand img{height:44px;width:auto}
nav{display:flex;gap:4px;flex-wrap:wrap;flex:1}nav a{padding:6px 12px;border-radius:6px;color:var(--mut)}nav a.on,nav a:hover{background:rgba(0,198,255,0.1);color:var(--accent);text-decoration:none}
.who{color:var(--mut);font-size:14px}main{max-width:1150px;margin:20px auto;padding:0 16px}footer{text-align:center;color:var(--mut);font-size:12px;padding:30px}
h1{font-size:22px;margin:4px 0 16px}h2{font-size:17px;margin:0 0 12px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--glow);padding:16px;margin-bottom:16px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--mut);font-weight:500;font-size:13px}
input,select,textarea{background:var(--elev);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px;font:inherit;width:100%}textarea{min-height:80px}
input[type=checkbox]{width:18px;height:18px;accent-color:var(--teal)}
.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1;min-width:140px}label{display:block;font-size:13px;color:var(--mut);margin:8px 0 4px}
button,.btn{background:var(--accent);color:#000;border:1px solid var(--accent);border-radius:8px;padding:10px 20px;font-weight:700;letter-spacing:.02em;cursor:pointer;font:inherit;display:inline-block}
button.sec,.btn.sec{background:var(--line);color:var(--text)}button.danger{background:#c0392b;color:#fff}button.link{background:none;border:0;color:var(--blue);padding:0;font-weight:400}
.inline{display:inline}.mut{color:var(--mut)}.done{text-decoration:line-through;color:var(--mut)}.flash{background:#0f3d2e;border:1px solid var(--teal);padding:10px;border-radius:8px;margin-bottom:16px}
.pill{font-size:12px;padding:2px 8px;border-radius:10px;background:var(--line)}.pill.open{background:#103a5a}.pill.in_progress{background:#5a3d10}.pill.done{background:#0f3d2e}.pill.blocked{background:#5a1010}
.over{color:#ff6b6b}.filters a{margin-right:10px}
.login{max-width:380px;margin:80px auto}.login img{display:block;margin:0 auto 20px;width:96px;height:auto}
@media(max-width:640px){.hide-sm{display:none}}