:root{--bg:#0b0b0d;--panel:#16171b;--line:#2a2c33;--acc:#5aa9e6;--acc2:#eaf4fd;--tx:#e9eef3;--mut:#9aa3ad}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font-family:system-ui,Segoe UI,Roboto,sans-serif}
a{color:var(--acc)}header{background:#000;border-bottom:3px solid var(--acc);display:flex;align-items:center;gap:20px;padding:10px 24px;flex-wrap:wrap}
header .brand{font-weight:800;letter-spacing:.5px;color:#fff;text-decoration:none}header .brand span{color:var(--acc)}
nav a{color:#fff;text-decoration:none;margin-right:14px;font-weight:600}nav a:hover{color:var(--acc)}header form{margin-left:auto}
main{max-width:1100px;margin:24px auto;padding:0 16px}h1,h2{margin:.2em 0 .6em}h1{border-left:5px solid var(--acc);padding-left:10px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:16px}
table{width:100%;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{color:var(--acc);font-size:.85em;text-transform:uppercase}
input,select,textarea{background:#0f1013;color:var(--tx);border:1px solid var(--line);border-radius:6px;padding:8px;width:100%;font:inherit}
label{display:block;font-size:.85em;color:var(--mut);margin:6px 0 2px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
button,.btn{background:var(--acc);color:#000;border:0;border-radius:6px;padding:8px 14px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
.btn.sec{background:transparent;color:var(--acc);border:1px solid var(--acc)}.flash{background:var(--acc2);color:#0b2b45;padding:10px;border-radius:6px;margin-bottom:12px}
.foto{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#222}.foto.big{width:200px;height:200px;border-radius:10px}
.tag{padding:2px 8px;border-radius:10px;font-size:.8em;font-weight:700}.ok{background:#1d4d2e;color:#9fe3b3}.debe{background:#4d1d1d;color:#f2a9a9}
.row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.row>*{flex:1}.inline{display:inline-flex;gap:6px;align-items:center}.inline input{width:110px}
.login{max-width:360px;margin:80px auto}