:root{--bg:#f5f7f8;--panel:#fff;--ink:#182124;--muted:#607177;--line:#d8e1e4;--accent:#0f766e;--accent-strong:#0b5f59;--ok:#16803c;--warn:#a16207;--bad:#b42318;--bad-bg:#fff1f0;--warn-bg:#fff7df;--ok-bg:#eaf7ef;--shadow:0 12px 32px rgba(24,33,36,.08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(180deg,rgba(15,118,110,.09),transparent 330px),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{border:0;cursor:pointer}.hidden{display:none!important}.login-screen{display:grid;min-height:100vh;place-items:center;padding:24px}.login-card,.panel,.card,.stat{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.login-card{width:min(440px,100%);padding:24px}.brand{display:flex;align-items:center;gap:12px;padding:8px 8px 24px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;color:#102326;background:#bff4e8;font-weight:800}.brand strong{display:block;font-size:16px;line-height:1.1}.brand span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.login-card .brand{padding:0 0 18px;border-bottom:1px solid var(--line)}form{display:grid;gap:14px}.login-card form{margin-top:18px}label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:650}input,select{width:100%;min-height:42px;padding:9px 10px;border:1px solid #c9d5d9;border-radius:8px;color:var(--ink);background:#fff;outline:0}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(15,118,110,.13)}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;padding:22px 18px;background:#102326;color:#eef8f7}aside .brand{border-bottom:1px solid rgba(255,255,255,.12)}aside .brand span{color:#a9c6c4}nav{display:grid;gap:8px;margin-top:22px}.nav-btn{display:flex;align-items:center;width:100%;min-height:42px;padding:10px 12px;border-radius:8px;color:#d8eeee;background:transparent;text-align:left}.nav-btn.active{color:#102326;background:#d4fff5;font-weight:700}main{padding:24px;overflow:hidden}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;max-width:1280px;margin:0 auto 20px}h1{margin:0;font-size:26px;line-height:1.15}.sub{margin:6px 0 0;color:var(--muted);font-size:14px}.toolbar,.actions,.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.toolbar{justify-content:flex-end}.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:8px;white-space:nowrap}.primary{padding:0 14px;color:#fff;background:var(--accent);font-weight:700}.primary:hover{background:var(--accent-strong)}.ghost{padding:0 12px;color:var(--ink);border:1px solid var(--line);background:#fff;font-weight:650}.page{display:none;max-width:1280px;margin:0 auto}.page.active{display:block}.summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat{min-height:105px;padding:16px}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{display:block;margin-top:8px;font-size:28px;line-height:1}#currentDateTime{font-size:18px;line-height:1.2}.stat.ok{border-left:5px solid var(--ok)}.stat.warn{border-left:5px solid var(--warn)}.stat.bad{border-left:5px solid var(--bad)}.stat.accent{border-left:5px solid var(--accent)}.grid-2,.cards{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}.panel{overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.panel-head h2,.card h2{margin:0;font-size:17px}.panel-body,.card{padding:18px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);background:#f9fbfb;font-size:12px;text-transform:uppercase}tr.clickable:hover{background:#f4fbfa;cursor:pointer}.badge{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.badge.ok{color:var(--ok);background:var(--ok-bg)}.badge.warn{color:var(--warn);background:var(--warn-bg)}.badge.bad{color:var(--bad);background:var(--bad-bg)}.badge.neutral{color:#33545b;background:#eef4f5}.task-list{display:grid;gap:10px}.task{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.task strong{font-size:14px}.task span{color:var(--muted);font-size:12px}.alert{padding:12px;border:1px solid #f0b3ae;border-left:5px solid var(--bad);border-radius:8px;background:var(--bad-bg);color:#681611;font-size:14px}.empty{padding:18px;color:var(--muted);text-align:center}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.span-2{grid-column:1/-1}.danger-row{background:#fff6f5}.notice{display:none;position:fixed;right:18px;bottom:18px;z-index:5;max-width:min(390px,calc(100vw - 36px));padding:14px 16px;border:1px solid #b8d9d5;border-left:5px solid var(--accent);border-radius:8px;background:#effbf8;box-shadow:var(--shadow);color:#103b39;font-weight:650}.notice.show{display:block}.login-error{display:none;padding:10px 12px;border:1px solid #f0b3ae;border-radius:8px;color:var(--bad);background:var(--bad-bg);font-size:13px;font-weight:700}.login-error.show{display:block}@media(max-width:980px){.shell{grid-template-columns:1fr}aside{position:static;height:auto;padding:14px}nav{display:flex;overflow-x:auto;margin-top:12px}.nav-btn{flex:0 0 auto;width:auto}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.cards{grid-template-columns:1fr}.topbar{flex-direction:column}.toolbar{justify-content:flex-start}}@media(max-width:620px){main{padding:16px}h1{font-size:22px}.summary,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.panel{overflow-x:auto}th,td{padding:10px}.filters label{min-width:100%}}
.nav-btn svg{width:18px;height:18px;flex:0 0 auto;margin-right:10px;stroke-width:2}
:root{--bg:#fff9d7;--panel:#fffef5;--ink:#161616;--muted:#5b5140;--line:#e7d889;--accent:#ffd51a;--accent-strong:#e4b800;--ok:#2f7d32;--warn:#8a6500;--bad:#b42318;--bad-bg:#fff1f0;--warn-bg:#fff2b8;--ok-bg:#eaf7ef;--shadow:0 12px 32px rgba(22,22,22,.10)}body{background:linear-gradient(180deg,rgba(255,213,26,.24),transparent 340px),var(--bg);color:var(--ink)}aside{background:#171717;color:#fff8ca}aside .brand{border-bottom-color:rgba(255,213,26,.28)}aside .brand span{color:#f2df77}.brand-mark{color:#ffd51a;background:#171717;border:2px solid #ffd51a}.login-card{background:#fffdf1;border-color:#ead77a}.login-card .brand{align-items:center}.login-logo{width:72px;height:72px;object-fit:cover;border-radius:14px;border:2px solid #171717;box-shadow:0 8px 18px rgba(22,22,22,.14);flex:0 0 auto}.primary{background:#171717;color:#ffd51a}.primary:hover{background:#2a2a2a}.ghost{border-color:#e0c94d;background:#fffbe6;color:#171717}.nav-btn{color:#fff2a3}.nav-btn.active{color:#171717;background:#ffd51a}.stat.accent{border-left-color:#ffd51a}.stat.ok{border-left-color:#2f7d32}.stat.warn{border-left-color:#d2a900}.panel,.card,.stat{background:#fffef5;border-color:#e7d889}th{background:#fff4b8;color:#4b421f}.badge.neutral{background:#fff0a3;color:#423600}.badge.warn{background:#fff2b8;color:#7a5a00}.notice{background:#fff8c7;border-color:#e3c84b;border-left-color:#171717;color:#171717}input:focus,select:focus{border-color:#d2a900;box-shadow:0 0 0 3px rgba(255,213,26,.28)}
.login-screen .brand-mark{width:72px;height:72px;flex:0 0 auto;border-radius:14px;border:2px solid #171717;background:url('./logo-ciccios.jpeg') center/cover no-repeat;font-size:0;color:transparent;box-shadow:0 8px 18px rgba(22,22,22,.14)}
aside .brand-mark{width:46px;height:46px;flex:0 0 auto;border-radius:10px;border:2px solid #ffd51a;background:url('./logo-ciccios.jpeg') center/cover no-repeat;font-size:0;color:transparent;box-shadow:0 6px 14px rgba(0,0,0,.22)}