:root{--navy:#141064;--blue:#4780ed;--text:#121934;--muted:#697289;--bg:#f6f7fc;--line:#e4e8f1;--white:#fff;--shadow:0 6px 24px rgba(20,16,100,.075);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);color-scheme:light}
*{box-sizing:border-box}html{min-height:100%;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}input,textarea,select{width:100%;border:1px solid #dbe0eb;background:#fff;color:var(--text);border-radius:12px;padding:12px 13px;font-size:15px;outline:none;min-height:45px}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(71,128,237,.13)}input[type=checkbox],input[type=radio]{accent-color:var(--blue);width:auto;min-height:0}textarea{resize:vertical}.hidden{display:none!important}.muted,.field-hint{color:var(--muted);font-size:13px}.error{color:#ba3038;font-size:13px;min-height:18px}.primary{border:0;border-radius:12px;background:var(--blue);color:#fff;padding:12px 18px;font-weight:700;box-shadow:0 4px 12px rgba(71,128,237,.18)}.primary:hover{background:#2967dc}.primary.small{padding:10px 16px}.primary.wide{width:100%;margin-top:16px}.brand-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(140deg,var(--navy),var(--blue));display:grid;place-items:center;color:#fff;font-size:25px;font-weight:700;flex:none}.app-shell{min-height:100vh;display:flex}.sidebar{width:245px;position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;gap:28px}.sidebar-brand{display:flex;align-items:center;gap:10px}.sidebar-brand strong{font-size:16px;display:block}.sidebar-brand small{color:var(--muted);display:block;margin-top:4px}.side-nav{display:grid;gap:8px}.side-page{border:0;border-radius:12px;background:transparent;color:#515b76;padding:13px 14px;text-align:left;font-size:15px;font-weight:600}.side-page span{display:inline-block;width:24px;font-size:20px;vertical-align:middle}.side-page.active,.side-page:hover{background:#eaf0ff;color:var(--navy)}.side-help{margin-top:auto;padding:16px;background:#f0f3ff;border-radius:15px;color:#4d5b8f;font-size:14px;line-height:1.6}.main-shell{flex:1;min-width:0;position:relative}.topbar{height:82px;background:linear-gradient(125deg,#141064,#25298a 60%,#3049b6);color:#fff;position:relative}.topbar-inner{max-width:980px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.top-brand{display:flex;align-items:center;gap:11px}.mini-monogram{font-style:italic;font-family:Georgia,serif;font-weight:700;font-size:26px;letter-spacing:-3px}.top-brand strong{display:block;font-size:18px}.top-brand small{font-size:12px;color:#c9d4ff;display:block;margin-top:2px}.top-actions{display:flex;align-items:center;gap:16px}.sync-indicator{font-size:12px;color:#d1d9ff}.sync-indicator.pending{color:#ffd69b}.sync-indicator.offline{color:#ffb7b7}.desktop-add{border:0;border-radius:12px;background:var(--blue);color:#fff;padding:11px 16px;font-weight:650}.content{max-width:970px;margin:auto;padding:30px 28px 105px}.page-title{margin:0 0 6px;font-size:26px;letter-spacing:-.7px}.subtitle{font-size:14px;color:var(--muted);margin:0 0 24px}.viewtabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 24px}.viewtab{border:0;border-radius:13px;background:#e9ecf4;color:#293049;padding:14px 8px;font-weight:700;white-space:nowrap}.viewtab.active{background:#1f49ca;color:#fff;box-shadow:0 5px 12px rgba(31,73,202,.16)}.viewtab span{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;margin-left:7px;border-radius:999px;background:rgba(0,0,0,.09);font-size:12px}.viewtab.active span{background:rgba(255,255,255,.2)}.list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.list-head h2{margin:0;font-size:19px}.soft-count{background:#e7edff;border-radius:999px;padding:7px 10px;color:var(--navy);font-size:12px;font-weight:700;white-space:nowrap}.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.filter{border:1px solid var(--line);background:#fff;color:#566079;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:650}.filter.active{background:var(--navy);border-color:var(--navy);color:#fff}.tasklist{display:grid;gap:11px}.task{background:#fff;border:1px solid #ecedf4;border-radius:17px;padding:15px 16px;display:flex;align-items:flex-start;gap:12px;box-shadow:var(--shadow);position:relative;overflow:hidden}.task::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#d3d8e6}.task.priority-alta::before{background:#e0444c}.task.priority-media::before{background:var(--blue)}.task.priority-bassa::before{background:#1f9a5e}.task.done::before{background:#24a05a}.task-check{appearance:none;min-width:25px;min-height:25px;width:25px;height:25px;border:2px solid #8a96ab;border-radius:50%;background:#fff;margin:2px 1px 0 2px;cursor:pointer}.task-check:checked{background:#209c61;border-color:#209c61}.task-check:checked::after{content:'✓';color:#fff;font-size:17px;display:block;text-align:center;line-height:20px;font-weight:800}.task-core{min-width:0;flex:1;cursor:pointer}.task-name{font-size:15px;font-weight:730;overflow-wrap:anywhere}.task.done .task-name{text-decoration:line-through;color:#8790a2}.task-metas{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px;font-size:12px;color:var(--muted)}.pill{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;line-height:1.1;font-weight:650}.area-lavoro{background:#e0edff;color:#174ea5}.area-personale{background:#e1f7e8;color:#16723e}.priority-pill{background:#fff0f0;color:#bc3438}.priority-pill.media{background:#e9f0ff;color:#2c5cc5}.priority-pill.bassa{background:#e6f7ed;color:#176c3c}.priority-pill.nessuna{display:none}.task-open{border:none;background:transparent;font-size:20px;color:#a0a9b8;padding:0 0 0 8px;align-self:center}.empty{background:#fff;text-align:center;padding:48px 16px;border-radius:18px;border:1px dashed #cbd4e4;color:#6c748a}.empty .emoji{display:block;font-size:36px;margin-bottom:15px}.empty strong{display:block;font-size:16px;color:#3a4160;margin-bottom:9px}.summary{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:17px;margin-top:20px}.summaryline{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px}.progress{height:9px;background:#e3e7f1;border-radius:10px;overflow:hidden;margin-top:14px}.progress>span{display:block;height:100%;background:#299d62;border-radius:10px;transition:width .2s}.fab{display:none;position:fixed;right:19px;bottom:92px;width:59px;height:59px;border:0;border-radius:50%;background:var(--navy);color:#fff;font-size:35px;line-height:1;box-shadow:0 7px 23px rgba(20,16,100,.25);z-index:5}.bottom-nav{display:none}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.label-list{display:grid;gap:10px}.label-item{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border-radius:14px;border:1px solid var(--line);padding:14px 16px}.label-dot{width:13px;height:13px;border-radius:50%;display:inline-block;margin-right:9px}.light-button{background:#fff;color:var(--navy);border:1px solid var(--line);border-radius:11px;padding:9px 14px;font-weight:650}.week-day{display:grid;grid-template-columns:80px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:14px 0}.week-day:last-child{border:0}.week-day-head{font-weight:700;font-size:13px}.week-day-head span{display:block;color:var(--muted);font-weight:400;margin-top:5px}.calendar-chip{background:#edf3ff;color:#293e90;border-radius:9px;padding:8px 11px;font-size:13px;margin:0 0 7px}.badge-count{font-size:12px;color:var(--muted)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.settings-row:last-child{border:0}.settings-row strong{display:block;font-size:14px}.settings-row small{display:block;font-size:12px;color:var(--muted);margin-top:5px;line-height:1.45}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:20px;background:linear-gradient(140deg,#141064,#365fce)}.login-card{background:#fff;padding:34px;border-radius:22px;width:min(420px,100%);box-shadow:0 20px 80px #05063742}.login-card h1{margin:20px 0 8px}.login-card p{color:var(--muted);margin:0 0 25px}.input-label{display:block;font-weight:650;font-size:13px;margin:19px 0 8px}.input-label span{font-weight:400;color:var(--muted)}.input-label em{color:#c53043;font-style:normal}.sheet{padding:0;border:0;border-radius:19px;width:min(620px,calc(100vw - 26px));max-height:min(92dvh,950px);overflow:hidden;box-shadow:0 20px 90px #05063f55}.sheet::backdrop{background:#0a1032aa;backdrop-filter:blur(2px)}.sheet-head{position:sticky;z-index:2;top:0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;gap:12px;border-bottom:1px solid var(--line)}.sheet-head h2{margin:0;font-size:19px}.sheet-body{padding:8px 20px 28px;max-height:calc(92dvh - 72px);overflow:auto;overscroll-behavior:contain}.icon-button{background:none;border:0;color:#5b6580;font-size:20px;padding:6px 10px}.field-title{display:block;font-weight:700;font-size:14px;margin:20px 0 10px}.plan-options{display:grid;gap:7px}.plan-options label{display:flex;align-items:center;gap:12px;border:1px solid #dfe3ee;border-radius:12px;padding:11px 13px;cursor:pointer;font-weight:600;font-size:14px}.plan-options label:has(input:checked){border-color:#275bd6;background:#eff4ff;color:#173aab}.plan-options input{margin:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.section-row{display:flex;align-items:center;justify-content:space-between}.text-link{border:0;background:transparent;color:#2657cb;font-size:13px;font-weight:700}.chips-container{display:flex;gap:8px;flex-wrap:wrap;padding:5px 0 0}.pick-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:650;display:inline-flex;gap:6px;align-items:center}.pick-chip.selected{background:#e7efff;border-color:var(--blue);color:#1547b3}.pick-chip i{width:9px;height:9px;border-radius:50%;display:inline-block}.field-hint{display:block;margin-top:7px;line-height:1.4}.danger-link{border:0;background:none;color:#be2633;padding:18px 0 3px;font-size:13px;font-weight:700}.small-sheet{max-width:420px}.small-sheet input[type=color]{padding:5px;height:50px;cursor:pointer}#toast{position:fixed;z-index:30;left:50%;bottom:25px;transform:translate(-50%,120px);background:#19244d;color:#fff;font-size:13px;border-radius:13px;padding:13px 19px;opacity:0;pointer-events:none;max-width:calc(100vw - 24px);transition:transform .25s,opacity .25s;box-shadow:0 8px 20px #0002}#toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:760px){.sidebar{display:none}.topbar{height:88px}.topbar-inner{padding:16px 20px;align-items:flex-end}.top-brand strong{font-size:16px}.top-brand small{font-size:11px}.sync-indicator{font-size:10px}.desktop-add{display:none}.content{padding:20px 16px 150px}.page-title{font-size:24px}.subtitle{margin-bottom:19px}.viewtabs{gap:5px;margin-bottom:22px}.viewtab{font-size:13px;padding:14px 4px}.viewtab span{margin-left:3px;min-width:19px;height:19px;font-size:11px}.task{padding:16px 12px}.task-name{font-size:15px}.bottom-nav{position:fixed;z-index:5;display:flex;align-items:stretch;justify-content:space-around;left:0;right:0;bottom:0;height:calc(70px + env(safe-area-inset-bottom));padding:7px 8px env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e5e8f0;box-shadow:0 -3px 14px rgba(25,39,99,.03)}.bottom-page{background:transparent;border:0;color:#5b6782;font-size:10px;font-weight:600;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:6px;padding:6px 12px;border-radius:12px}.bottom-page span{font-size:24px;line-height:1}.bottom-page.active{color:#2153c8;background:#eaf0ff}.fab{display:block;bottom:calc(93px + env(safe-area-inset-bottom))}.sheet{margin:0 0 0 auto;border-radius:22px 22px 0 0;width:100vw;max-width:100vw;height:min(94dvh,1050px);max-height:94dvh;position:fixed;bottom:0;top:auto}.sheet-head{padding:14px 16px}.sheet-body{max-height:calc(94dvh - 70px);padding:5px 18px calc(24px + env(safe-area-inset-bottom))}.sheet-head h2{font-size:18px}.two-col{gap:9px}.input-label{font-size:12px}.sheet input,.sheet select,.sheet textarea{font-size:16px}.week-day{grid-template-columns:66px 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}