@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg:#f0eef8;--s1:#fff;--s2:#f5f3fc;--s3:#eae7f5;--s4:#ddd9ef;--border:#6450c81a;--border2:#6450c833;--p:#6c47e8;--p2:#4f2fbf;--p-glow:#6c47e81f;--teal:#0ba58a;--teal-glow:#0ba58a1f;--rose:#e84770;--amber:#d97706;--green:#059669;--text:#1a1535;--muted:#6b6490;--muted2:#a8a3c4;--radius:14px;--radius-lg:20px;--radius-xl:28px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;height:100%;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;line-height:1.6}#root{height:100%}h1,h2,h3{letter-spacing:-.02em;font-family:Instrument Serif,serif;font-weight:400;line-height:1.2}input,textarea,select{background:var(--s1);border:1.5px solid var(--border2);border-radius:var(--radius);color:var(--text);outline:none;width:100%;padding:10px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--p);box-shadow:0 0 0 3px var(--p-glow)}input::placeholder,textarea::placeholder{color:var(--muted2)}button{cursor:pointer;border-radius:var(--radius);border:none;padding:10px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;transition:all .18s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.97)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--s4);border-radius:4px}::selection{background:var(--p-glow);color:var(--p)}.card{background:var(--s1);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:0 1px 4px #503cb40f}.badge{letter-spacing:.02em;border-radius:99px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-p{color:var(--p);background:#6c47e81a}.badge-t{color:var(--teal);background:#0ba58a1a}.badge-r{color:var(--rose);background:#e847701a}.badge-g{color:var(--green);background:#0596691a}.badge-a{color:var(--amber);background:#d977061a}.badge-muted{background:var(--s3);color:var(--muted)}.pill-confermato{color:var(--green);background:#0596691a}.pill-attesa{color:var(--amber);background:#d977061a}.pill-completato{color:var(--muted);background:#6b64901a}.pill-scaduta{color:var(--rose);background:#e847701a}.pill-da_pagare{color:var(--amber);background:#d977061a}.pill-pagata{color:var(--green);background:#0596691a}.divider{background:var(--border);height:1px;margin:16px 0}.toggle{background:var(--s4);cursor:pointer;border:none;border-radius:99px;flex-shrink:0;width:42px;height:24px;padding:0;transition:background .2s;position:relative}.toggle.on{background:var(--p)}.toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000026}.toggle.on:after{transform:translate(18px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.3s both fadeUp}@media (width<=768px){.desktop-only{display:none!important}}@media (width>=769px){.mobile-only{display:none!important}}