:root{--ink:#183e39;--green:#176956;--bg:#f4f6f2;--muted:#74827c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px system-ui}button,a,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:0;border-radius:9px;padding:11px 16px;background:var(--green);color:white;text-decoration:none}button.soft{background:#e8efea;color:var(--ink)}button.danger{background:#fae7e0;color:#9a3d30}aside{width:235px;position:fixed;inset:0 auto 0 0;background:#fff;padding:32px 23px;border-right:1px solid #e0e7df}h1{font-size:34px;letter-spacing:-1px;margin:8px 0}h2{font-size:20px}h3{margin:0 0 8px}.brand{font-size:23px;font-weight:800;line-height:1.1}.brand svg{display:block;width:100%;height:auto;margin:0 0 12px}.auth-logo{display:block;width:min(100%,350px);height:auto;margin:0 auto 28px}@media(max-width:650px){.brand{max-width:260px}}nav{margin-top:45px;display:grid;gap:7px}nav button{text-align:left;background:none;color:#667b72}nav button.active{background:#e9f1e8;color:var(--green);font-weight:700}.asidefoot{position:absolute;bottom:25px;font-size:12px;color:var(--muted)}main{margin-left:235px;padding:28px 42px;max-width:1600px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe6dd;padding-bottom:20px;margin-bottom:30px}.badge{background:#e9efdc;color:#617337;padding:6px 10px;border-radius:20px;font-size:12px}.balance{background:var(--ink);color:white;border-radius:12px;padding:10px 20px}.balance b{font-size:21px;margin-left:18px}.top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:25px}.muted,small{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid #e2e8dd;border-radius:15px;padding:24px;margin-bottom:20px}.stat{font-size:30px;font-weight:700;margin:15px 0 0}.twocol{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.pill{padding:5px 9px;border-radius:20px;background:#edf3e9;font-size:12px}.warn{background:#fcf1d8;color:#936d25}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:15px 10px;border-bottom:1px solid #edf0e8;white-space:nowrap}th{font-size:12px;color:var(--muted);font-weight:500}.row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:12px 0}.progress{height:7px;background:#ecf0e8;border-radius:8px;overflow:hidden;margin:16px 0}.progress i{display:block;height:100%;background:#83a477}.notice{font-size:13px;background:#eaf0e5;padding:13px 16px;border-radius:10px;margin-bottom:22px}dialog{border:0;border-radius:18px;max-width:560px;width:94%;padding:28px;color:var(--ink)}dialog::backdrop{background:#12362e70}form{display:grid;gap:13px}label{display:grid;gap:6px;font-size:13px}input,select,textarea{width:100%;padding:11px;border:1px solid #d7dfd3;border-radius:8px;background:white;color:var(--ink)}textarea{min-height:80px}.actions{display:flex;gap:8px;flex-wrap:wrap}.empty{text-align:center;padding:35px}.avatar{width:35px;height:35px;border-radius:50%;display:inline-grid;place-items:center;background:#edf1e6;margin-right:10px;font-size:12px;font-weight:700}.receipt{max-width:100%;max-height:65vh}.mobile{display:none}@media(max-width:900px){aside{width:190px;padding:25px 15px}main{margin-left:190px;padding:22px}.twocol{grid-template-columns:1fr}.grid{gap:10px}.card{padding:18px}}@media(max-width:650px){aside{position:static;width:auto;padding:20px}nav{margin-top:18px;display:flex;overflow:auto}nav button{white-space:nowrap;padding:9px}.asidefoot{display:none}main{margin:0;padding:18px}header{margin-bottom:20px;gap:10px}.grid{grid-template-columns:1fr}.grid .card{margin:0}.grid{margin-bottom:20px}.top{align-items:start}h1{font-size:28px}.balance{padding:10px;font-size:12px}.balance b{font-size:18px;margin-left:7px}.stat{margin:8px 0}.badge{display:none}}@media print{aside,header,.actions,button,.notice{display:none!important}main{margin:0;padding:0}.card{break-inside:avoid}body{background:white}}

.access-body{padding:30px 18px}.access-card{max-width:560px;margin:20px auto}.access-card #loginform p{display:grid;gap:6px}.access-card .login-remember label{display:flex;align-items:center;gap:8px}.access-card input[type=checkbox]{width:auto}.access-card input[type=submit]{background:#176956;color:white;cursor:pointer}#classToolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:15px}#serverStatus{padding:12px;border-radius:9px;margin-bottom:15px;font-size:13px}#saveRecovery{padding:15px;background:#fae7e0;margin-bottom:20px;border-radius:10px}#saveRecovery[hidden]{display:none}.row:has(select){flex-wrap:wrap}@media(max-width:650px){.access-body{padding:10px}.access-card{margin:5px auto}.auth-logo{width:100%}}
.auth-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-error{background:#fae7e0;color:#883b30}.admin-summary{display:flex;gap:20px;flex-wrap:wrap}.admin-user{display:grid;grid-template-columns:minmax(150px,1fr) minmax(220px,1.3fr);gap:20px}.admin-user .actions{align-items:flex-start}.admin-user p{overflow-wrap:anywhere}.admin-search{display:flex;gap:10px;flex-wrap:wrap}.admin-search input{flex:1;min-width:170px}@media(max-width:650px){.auth-columns,.admin-user{grid-template-columns:1fr}}
.pwa-install{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));right:12px;z-index:50;background:#183e39;box-shadow:0 2px 10px #0002;font-size:13px}.conversation-log{max-height:40vh;overflow:auto;padding:6px}.message{padding:13px;background:#f0f3ec;border-radius:10px;margin:10px 0}.message.mine{background:#e3eee6}.message p{margin-bottom:0;overflow-wrap:anywhere}@media(max-width:650px){body{padding-bottom:65px}aside{padding-top:max(20px,env(safe-area-inset-top))}}

/* Menu visibile e scorrevole anche su schermi piccoli. */
aside{overflow-y:auto;padding-bottom:90px}.asidefoot{position:static;margin-top:30px}
@media(max-width:650px){aside{overflow:visible;padding-bottom:18px}nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:20px;overflow:visible}nav button{white-space:normal;min-height:42px;text-align:left;font-size:13px;padding:9px 10px;background:#f1f5ef}.brand{max-width:250px}.brand svg{margin-bottom:6px}.asidefoot{display:none}}