:root{--ionio:#0B3C5D;--ionio-2:#0F5277;--turchese:#12A6B8;--acqua:#BFEBEF;--sabbia:#F3EBDD;--sole:#F5B335;--ink:#0B2233;--muted:#55697A;--line:rgba(11,34,51,.12);--bg:#F4F7F9;--card:#FFFFFF;--st-richiesta:#B7791F;--st-richiesta-bg:#FDF1DC;--st-confermata:#0E8A9A;--st-confermata-bg:#DDF4F6;--st-pagata:#0B3C5D;--st-pagata-bg:#DCE7F0;--st-annullata:#8A96A0;--bar:#0F5277;--bar-soft:#9CC3D6;--display:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;--body:'Figtree','Segoe UI',system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);margin:0;letter-spacing:-.01em}p{margin:0}button{font:inherit}:focus-visible{outline:3px solid var(--sole);outline-offset:2px;border-radius:6px}.wrap{max-width:1320px;margin:0 auto;padding-inline:20px}.top{background:var(--ionio);color:#fff;position:sticky;top:env(safe-area-inset-top,0);z-index:20}.top .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;min-height:66px;padding-block:8px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:19px}.brand small{display:block;font-family:var(--body);font-weight:500;font-size:12px;color:#a9cbdc;letter-spacing:.04em}.datebar{display:flex;align-items:center;gap:6px;margin-left:auto}.datebar button{min-width:40px;min-height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font-weight:600;padding:0 12px}.datebar button:hover{background:rgba(255,255,255,.18)}.datebar input{min-height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#fff;color:var(--ink);padding:0 10px;font:inherit}.site-link{color:#cfe3ec;font-size:13px;font-weight:600;text-decoration:none}.site-link:hover{color:#fff;text-decoration:underline}.mode{padding:4px 10px;border-radius:999px;background:rgba(245,179,53,.2);color:var(--sole);font-size:12px;font-weight:700;letter-spacing:.06em}main.wrap{padding-block:22px 48px;display:flex;flex-direction:column;gap:18px}.dayline{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}.dayline h1{font-size:clamp(1.5rem,3vw,2rem);color:var(--ionio);text-transform:capitalize}.dayline span{color:var(--muted)}.closed-note{padding:14px 18px;border-radius:14px;background:var(--sabbia);color:var(--ionio);font-weight:600}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:2px}.kpi .label{font-size:13px;font-weight:600;color:var(--muted)}.kpi .value{font-family:var(--display);font-size:32px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--ink)}.kpi .sub{font-size:13px;color:var(--muted)}.meter{height:6px;border-radius:999px;background:#e3ebf0;overflow:hidden;margin-top:8px}.meter i{display:block;height:100%;border-radius:999px;background:var(--bar);transition:width .5s}.kpi.alert .value{color:var(--st-richiesta)}.grid2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start}@media (max-width:1000px){.grid2{grid-template-columns:minmax(0,1fr)}}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;min-width:0}.card-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.card-head h2{font-size:18px;color:var(--ionio)}.card-head span{font-size:13px;color:var(--muted)}.beach{border-radius:16px;overflow:hidden;background:var(--sabbia)}.sea{height:36px;background:linear-gradient(180deg,#0f5277,#12a6b8);color:#fff;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:10px 14px}.bgrid{display:flex;flex-direction:column;gap:10px;padding:16px 12px;overflow-x:auto}.row{display:grid;grid-template-columns:44px repeat(5,48px) 14px repeat(5,48px);gap:8px;align-items:center;width:max-content;margin:0 auto}.rlab{font-size:12px;font-weight:700;color:var(--muted)}.walk{align-self:stretch;margin:-5px 0;background:repeating-linear-gradient(180deg,#c9b48f 0 6px,transparent 6px 10px);border-radius:3px;opacity:.6}.spot{position:relative;width:48px;height:48px;border-radius:12px;border:2px solid #d3dce2;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;color:var(--ink);transition:transform .15s}.spot:hover{transform:translateY(-2px)}.spot b{font-size:13px;font-variant-numeric:tabular-nums;line-height:1}.spot small{font-size:9.5px;line-height:1.1;max-width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spot.richiesta{background:var(--st-richiesta-bg);border-color:var(--st-richiesta);border-style:dashed}.spot.confermata{background:var(--st-confermata-bg);border-color:var(--st-confermata)}.spot.pagata{background:var(--st-pagata);border-color:var(--st-pagata);color:#fff}.spot .badge{position:absolute;top:-7px;right:-7px;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.spot.richiesta .badge{background:var(--st-richiesta);color:#fff}.spot.pagata .badge{background:var(--sole);color:var(--ink)}.legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding:10px 14px 14px;font-size:13px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:16px;height:16px;border-radius:5px;border:2px solid}.req-list{display:flex;flex-direction:column;gap:10px}.req{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.req-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.req-top b{font-size:15px}.req-top span{font-variant-numeric:tabular-nums;font-weight:700}.req p{font-size:13.5px;color:var(--muted)}.req-actions{display:flex;gap:8px}.btn{min-height:40px;padding:0 14px;border-radius:10px;border:0;cursor:pointer;font-weight:700;font-size:14px}.btn-ok{background:var(--ionio);color:#fff}.btn-no{background:#eef2f4;color:var(--ink)}.btn-sun{background:var(--sole);color:var(--ink)}.empty{color:var(--muted);font-size:14px;padding:6px 0}.chart{position:relative}.chart svg{display:block;width:100%;height:auto;overflow:visible}.chart .tip{position:absolute;pointer-events:none;background:var(--ink);color:#fff;font-size:12.5px;padding:6px 9px;border-radius:8px;white-space:nowrap;transform:translate(-50%,-110%);opacity:0;transition:opacity .12s}.chart .tip.on{opacity:1}.chart rect.hit{fill:transparent;cursor:pointer}.tablebox{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px;min-width:760px}th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:10px;border-bottom:1px solid var(--line)}td{padding:10px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}tr:hover td{background:#f7fafb}td.num{text-align:right}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700}.chip.richiesta{background:var(--st-richiesta-bg);color:#7a4f0e}.chip.confermata{background:var(--st-confermata-bg);color:#0a6470}.chip.pagata{background:var(--st-pagata-bg);color:var(--st-pagata)}dialog{border:0;border-radius:20px;padding:0;width:min(440px,calc(100vw - 32px));box-shadow:0 30px 80px -20px rgba(0,0,0,.45);color:var(--ink)}dialog::backdrop{background:rgba(11,34,51,.45)}.dlg{padding:22px;display:flex;flex-direction:column;gap:14px}.dlg-head{display:flex;justify-content:space-between;align-items:center}.dlg-head h3{font-size:20px;color:var(--ionio)}.x{width:40px;height:40px;border-radius:50%;border:0;background:#eef2f4;cursor:pointer;font-size:18px}.facts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14.5px}.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.f{display:flex;flex-direction:column;gap:5px}.f label{font-size:13px;font-weight:600;color:var(--muted)}.f input,.f select{min-height:44px;border-radius:10px;border:1px solid var(--line);padding:0 12px;font:inherit;background:#f8fafb}.f2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dlg-actions{display:flex;flex-wrap:wrap;gap:8px}.msg{font-size:13.5px;color:#9b2c1f;min-height:1.2em}.login{max-width:380px;margin:12vh auto;background:#fff;border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:14px;border:1px solid var(--line)}[hidden]{display:none!important}