:root{--bg: #09151d;--panel: #0e1317;--panel2: #141b21;--line: #26313a;--line-soft: #1d262d;--ink: #e9eef2;--muted: #8c99a4;--faint: #5e6b75;--amber: #e4a655;--amber-strong: #efbd77;--cream: #f2d7b0;--good: #68b489;--bad: #d98c6a;--radius: 10px;--mono: "Geist", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif}:root[data-theme=light]{--bg: #eaf0f7;--panel: #ffffff;--panel2: #f4f8fd;--line: #e3e9f1;--line-soft: #eef2f8;--ink: #0e1b2e;--muted: #5a6a7e;--faint: #90a0b2;--amber: #1f6fb2;--amber-strong: #185c96;--cream: #0e1b2e;--good: #1a8a5a;--bad: #c25a3a;--radius: 12px}:root[data-theme=light] body{background:radial-gradient(90% 60% at 100% -10%,rgba(55,176,201,.1),transparent 60%),radial-gradient(80% 60% at 0% -10%,rgba(31,111,178,.1),transparent 55%),var(--bg);background-attachment:fixed}:root[data-theme=light] .main:before{opacity:.05}:root[data-theme=light] .card{box-shadow:0 1px 2px #0e1b2e0a,0 6px 16px #0e1b2e0f}:root[data-theme=light] .topbar{background:#ffffffd1}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}.mono{font-family:var(--mono)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:3px}::selection{background:var(--amber);color:var(--bg)}.shell{display:grid;grid-template-columns:232px 1fr;grid-template-rows:56px 1fr;height:100vh}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid var(--line-soft);background:color-mix(in srgb,var(--bg) 88%,transparent)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em}.mark{width:26px;height:26px;display:block;flex:none}.brand svg,.brand .mark{width:26px;height:26px;display:block;flex:none}.brand{gap:9px}.wm{display:inline;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.wm .cod{color:var(--amber)}.wm .rest{color:var(--cream)}.brand .cod{color:var(--amber)}.brand .rest{color:var(--cream)}.topbar .spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 11px}.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--faint)}.pill.on .dot{background:var(--good)}.pill.warn .dot{background:var(--amber)}.side{border-right:1px solid var(--line-soft);padding:16px 12px;display:flex;flex-direction:column;gap:3px}.side a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--muted);font-size:14px;font-weight:500}.side a:hover{color:var(--ink);background:var(--panel)}.side a.on{color:var(--ink);background:var(--panel2);box-shadow:inset 2px 0 0 var(--amber)}.side .grp{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding:14px 12px 6px}.side .foot{margin-top:auto;font-family:var(--mono);font-size:11px;color:var(--faint);padding:10px 12px}.main{overflow:auto;padding:28px 32px 60px;position:relative}.main:before{content:"";position:absolute;right:24px;bottom:24px;width:360px;height:360px;background:url(/logo-mark.svg) no-repeat center / contain;opacity:.025;pointer-events:none;z-index:0}.main>*{position:relative;z-index:1}.view-head{margin-bottom:22px}.view-head h1{font-size:22px;font-weight:640;letter-spacing:-.02em;margin:0 0 4px}.view-head p{color:var(--muted);margin:0;font-size:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding:10px 16px;border-radius:9px;border:1px solid transparent;background:var(--amber);color:var(--bg)}.btn:hover{background:var(--amber-strong)}.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn.ghost:hover{border-color:var(--muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.theme-toggle{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:15px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.theme-toggle:hover{color:var(--ink);border-color:var(--muted)}.access .theme-toggle{position:fixed;top:18px;right:18px}label.field{display:block;margin-bottom:14px}label.field .lbl{font-family:var(--mono);font-size:12px;color:var(--muted);display:block;margin-bottom:6px}input.inp{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--ink);font-size:14px;font-family:var(--mono)}input.inp:focus{border-color:var(--amber);outline:none}.note{border:1px solid var(--line);border-left:3px solid var(--amber);background:var(--panel);border-radius:8px;padding:12px 14px;color:var(--muted);font-size:13px}.err{color:var(--bad);font-size:13px;margin-top:8px;min-height:1.2em}table.grid{width:100%;border-collapse:collapse;font-size:14px}table.grid th{text-align:left;font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);padding:10px 14px;border-bottom:1px solid var(--line)}table.grid td{padding:11px 14px;border-bottom:1px solid var(--line-soft)}table.grid tr:hover td{background:var(--panel2)}.tag{font-family:var(--mono);font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.tag.live{color:var(--good);border-color:color-mix(in srgb,var(--good) 40%,var(--line))}.access{display:grid;place-items:center;height:100vh;padding:24px}.access .box{width:100%;max-width:384px}.access .logo{display:flex;justify-content:center;margin-bottom:20px}.access .logo svg,.access .logo .mark{width:46px;height:46px;display:block}.access h1{text-align:center;font-size:22px;font-weight:640;margin:0 0 4px}.access .sub{text-align:center;color:var(--muted);font-size:13.5px;margin:0 0 24px}.access .steps{display:flex;gap:6px;margin:0 0 20px}.access .steps i{flex:1;height:3px;border-radius:2px;background:var(--line)}.access .steps i.on{background:var(--amber)}.qr{display:flex;justify-content:center;margin:2px 0 18px}.qr .qrbox{display:inline-block;width:max-content;background:#fff;padding:9px;border-radius:8px;line-height:0}.qr .qrbox svg{width:168px;height:168px;display:block}.skeleton{color:var(--faint);font-family:var(--mono);font-size:13px;padding:40px;text-align:center}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(248px,1fr);gap:14px;overflow-x:auto;padding-bottom:8px;align-items:start}.col{background:var(--panel);border:1px solid var(--line-soft);border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:10px}.col>.colh{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding:2px}.col>.colh .n{background:var(--panel2);border-radius:999px;padding:1px 9px;color:var(--muted)}.kcard{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:9px}.kcard:hover{border-color:var(--muted)}.kcard .t{font-size:13.5px;color:var(--ink);line-height:1.42}.kcard .m{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kcard .id{font-family:var(--mono);font-size:11px;color:var(--faint)}.prio-alta{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}.prio-media{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 40%,var(--line))}.prio-bassa,.prio-normale{color:var(--muted)}.affido{font-family:var(--mono);font-size:11px;color:var(--good);display:inline-flex;align-items:center;gap:5px}.affido.none{color:var(--faint)}.preview-banner{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--amber);color:var(--bg);font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:.04em;padding:6px 12px}.preview-banner .b{background:var(--bg);color:var(--amber);border-radius:4px;padding:1px 7px;font-size:11px}.shell.preview{grid-template-rows:28px 56px 1fr}.shell.preview .topbar{grid-column:1 / -1}.shell.has-cap{grid-template-rows:auto 56px 1fr}.cap-banner{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:8px 16px;background:color-mix(in srgb,var(--amber) 15%,var(--panel));border-bottom:1px solid color-mix(in srgb,var(--amber) 40%,var(--line));color:var(--ink);font-size:13px}.cap-banner .spacer{flex:1}.cap-cta{font-family:var(--mono);font-size:12px;color:var(--amber);border:1px solid color-mix(in srgb,var(--amber) 45%,var(--line));border-radius:6px;padding:4px 10px;text-decoration:none;white-space:nowrap}.cap-cta:hover{background:color-mix(in srgb,var(--amber) 12%,transparent)}.cap-x{background:none;border:none;color:var(--muted);font-size:18px;line-height:1;padding:0 4px;cursor:pointer}.cap-x:hover{color:var(--ink)}.disabled-hint{font-family:var(--mono);font-size:11px;color:var(--faint)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04090db8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:100;padding:20px}.modal{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:26px 24px;box-shadow:0 24px 60px -20px #000000b3}.modal h3{margin:0 0 4px;font-size:18px;font-weight:640}.modal p{margin:0 0 18px;color:var(--muted);font-size:13.5px}.modal .row{display:flex;gap:10px;margin-top:18px}.modal .row .btn{flex:1;justify-content:center}.secret-val{font-family:var(--mono);font-size:13px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;word-break:break-all;color:var(--cream);-webkit-user-select:all;user-select:all}.warnbar{background:color-mix(in srgb,var(--amber) 16%,var(--panel));border:1px solid color-mix(in srgb,var(--amber) 40%,var(--line));color:var(--amber);border-radius:8px;padding:9px 13px;font-size:12.5px;font-family:var(--mono);margin-bottom:16px}@media (max-width: 720px){.shell{grid-template-columns:1fr;grid-template-rows:56px auto 1fr}.shell.has-cap{grid-template-rows:auto 56px auto 1fr}.side{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line-soft)}.side .grp,.side .foot{display:none}.main{padding:20px 16px 48px}}
