:root{--background:var(--vd-bg);--foreground:var(--vd-text);--card:var(--vd-surface);--card-foreground:var(--vd-text);--popover:var(--vd-surface);--popover-foreground:var(--vd-text);--primary:var(--vd-primary);--primary-foreground:var(--vd-primary-contrast);--secondary:var(--vd-surface-2);--secondary-foreground:var(--vd-primary-active);--muted:var(--vd-bg-soft);--muted-foreground:var(--vd-text-muted);--accent:var(--vd-primary-soft);--accent-foreground:var(--vd-primary-active);--destructive:var(--vd-danger);--border:var(--vd-border);--input:var(--vd-border-strong);--ring:var(--vd-focus);--radius:var(--vd-radius-md)}html,body{background:var(--vd-bg);color:var(--vd-text)}body{background:radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--vd-ambience-accent) 8%, transparent), transparent 26rem), linear-gradient(180deg, color-mix(in srgb, var(--vd-ambience-tint) 50%, var(--vd-bg-soft)), var(--vd-bg))}.login-shell{background:radial-gradient(circle at 78% 12%, color-mix(in srgb, var(--vd-ambience-accent) 14%, transparent), transparent 32%), linear-gradient(145deg, var(--vd-bg-soft), var(--vd-bg))}.login-card{background:var(--vd-surface);border-color:var(--vd-border);border-radius:var(--vd-radius-lg);box-shadow:var(--vd-shadow-float)}.login-mark,.brand-mark{background:linear-gradient(145deg, var(--vd-primary), var(--vd-primary-active));color:var(--vd-primary-contrast)}.login-eyebrow,.eyebrow,.list-header strong,.mail-links summary,.mail-links a,.outlook-label{color:var(--vd-primary)}.login-card h1,.brand-block h1,.task-main h2,.validation-main h2,.planning-card h2,.routine-card h2{color:var(--vd-text)}.login-copy,.login-note,.task-main>p,.list-header,.task-labels,.task-meta,.validation-meta,.mail-links,.mail-links small{color:var(--vd-text-muted)}.microsoft-login{background:var(--vd-primary);color:var(--vd-primary-contrast)}.microsoft-login:hover{background:var(--vd-primary-hover)}.topbar{color:var(--vd-text);background:color-mix(in srgb, var(--vd-surface) 92%, transparent);border-bottom:1px solid color-mix(in srgb, var(--vd-ambience-accent) 24%, var(--vd-border));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 24px #264a6312}.brand-block .eyebrow{color:var(--vd-text-muted)}.account-link{color:var(--vd-primary);border-color:var(--vd-border);background:var(--vd-surface)}.account-link:hover{color:var(--vd-primary-hover);background:var(--vd-primary-soft)}.new-task-button,.sync-button{color:var(--vd-primary-contrast);background:var(--vd-primary)}.new-task-button:hover,.sync-button:hover{color:var(--vd-primary-contrast);background:var(--vd-primary-hover)}.workflow-card{color:var(--vd-text);background:radial-gradient(circle at 92% 10%, color-mix(in srgb, var(--vd-ambience-accent) 15%, transparent), transparent 18rem), linear-gradient(135deg, var(--vd-surface), color-mix(in srgb, var(--vd-ambience-highlight) 74%, var(--vd-primary-soft)));border:1px solid color-mix(in srgb, var(--vd-ambience-accent) 22%, var(--vd-border));border-radius:var(--vd-radius-lg);box-shadow:var(--vd-shadow-card)}.workflow-title>svg{color:var(--vd-ambience-accent)}.workflow-title p,.workflow-steps small{color:var(--vd-text-muted)}.workflow-steps li>span{background:color-mix(in srgb, var(--vd-primary-soft) 86%, var(--vd-surface));border-color:var(--vd-border);color:var(--vd-primary)}.sync-state{color:var(--vd-warning);background:color-mix(in srgb, var(--vd-warning) 8%, var(--vd-surface));border-color:color-mix(in srgb, var(--vd-warning) 24%, var(--vd-border))}.sync-state.is-ready{color:var(--vd-success);background:color-mix(in srgb, var(--vd-success) 8%, var(--vd-surface));border-color:color-mix(in srgb, var(--vd-success) 24%, var(--vd-border))}.metric-card,.toolbar,.task-card,.validation-card,.planning-card,.routine-card,.planning-settings,.planning-note,.planning-selection,.empty-state,.loading-state{background:var(--vd-surface);border-color:var(--vd-border);box-shadow:var(--vd-shadow-card)}.metric-card,.toolbar,.task-card,.validation-card,.planning-card,.routine-card,.planning-settings,.planning-note,.planning-selection{border-radius:var(--vd-radius-md)}.tabs-heading [data-slot=tabs-list]{background:var(--vd-surface-2)}[data-slot=tabs-trigger][data-state=active]{background:var(--vd-surface);color:var(--vd-primary)}.status-select,.filter-select,.duration-select,input,textarea,select{color:var(--vd-text);border-color:var(--vd-border-strong);background:var(--vd-surface)}.task-card.is-done{background:var(--vd-bg-soft)}.planning-card.is-selected{border-color:color-mix(in srgb, var(--vd-primary) 48%, var(--vd-border));background:color-mix(in srgb, var(--vd-primary-soft) 62%, var(--vd-surface))}.error-banner{color:var(--vd-danger);background:color-mix(in srgb, var(--vd-danger) 8%, var(--vd-surface));border-color:color-mix(in srgb, var(--vd-danger) 25%, var(--vd-border))}.notice-banner{color:var(--vd-success);background:color-mix(in srgb, var(--vd-success) 8%, var(--vd-surface));border-color:color-mix(in srgb, var(--vd-success) 25%, var(--vd-border))}.vd-display-controls{z-index:80;border:1px solid var(--vd-border);border-radius:var(--vd-radius-md);background:color-mix(in srgb, var(--vd-surface) 94%, transparent);box-shadow:var(--vd-shadow-float);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:.45rem;padding:.45rem;display:inline-flex;position:fixed;bottom:1rem;right:1rem}.vd-display-controls select,.vd-display-controls button{border:1px solid var(--vd-border);border-radius:var(--vd-radius-sm);background:var(--vd-surface);min-height:2.25rem;color:var(--vd-text);font:inherit;font-size:.78rem;font-weight:700}.vd-display-controls select{max-width:9rem;padding:0 .65rem}.vd-display-controls button{cursor:pointer;min-width:2.4rem;padding:0 .65rem}.vd-display-controls button:hover{background:var(--vd-primary-soft);color:var(--vd-primary)}:focus-visible{outline:3px solid color-mix(in srgb, var(--vd-focus) 42%, transparent);outline-offset:2px}:root[data-vd-theme=dark]{--background:var(--vd-bg);--foreground:var(--vd-text);--card:var(--vd-surface);--card-foreground:var(--vd-text);--popover:var(--vd-surface);--popover-foreground:var(--vd-text);--primary:var(--vd-primary);--primary-foreground:var(--vd-primary-contrast);--secondary:var(--vd-surface-2);--secondary-foreground:var(--vd-text);--muted:var(--vd-bg-soft);--muted-foreground:var(--vd-text-muted);--accent:var(--vd-primary-soft);--accent-foreground:var(--vd-primary);--border:var(--vd-border);--input:var(--vd-border-strong);--ring:var(--vd-focus)}:root[data-vd-theme=dark] .topbar,:root[data-vd-theme=dark] .vd-display-controls{background:color-mix(in srgb, var(--vd-surface) 94%, transparent)}:root[data-vd-theme=dark] .new-task-button,:root[data-vd-theme=dark] .sync-button,:root[data-vd-theme=dark] .microsoft-login{color:var(--vd-primary-contrast)}@media (max-width:720px){.vd-display-controls{bottom:.6rem;right:.6rem}.vd-display-controls select{max-width:7.5rem}}
.vd-display-controls{z-index:80;border:1px solid var(--vd-border);background:color-mix(in srgb,var(--vd-surface) 94%,transparent);box-shadow:var(--vd-shadow-float);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex;position:fixed;bottom:1rem;right:1rem}.vd-display-controls button{min-height:2.25rem;color:var(--vd-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.35rem;padding:0 .7rem;font-size:.78rem;font-weight:800;display:inline-flex}.vd-display-controls button:hover{background:var(--vd-primary-soft);color:var(--vd-primary)}.vd-display-controls button.is-active{background:var(--vd-primary);color:var(--vd-primary-contrast);box-shadow:0 4px 12px color-mix(in srgb,var(--vd-primary) 20%,transparent)}.vd-calendar-workflow{padding-right:min(43%,360px);position:relative;overflow:hidden}.vd-calendar-workflow>:not(.vd-calendar-workflow-scene){z-index:2;position:relative}.vd-calendar-workflow-scene{z-index:1;pointer-events:none;justify-content:center;align-items:center;width:min(42%,350px);display:flex;position:absolute;top:0;bottom:0;right:0}.vd-calendar-workflow-scene svg{filter:drop-shadow(0 12px 24px #264a6317);width:100%;height:100%;max-height:230px}:root[data-vd-mode=auto][data-vd-event=halloween] body{background:radial-gradient(circle at 88% 0%,#e4762521,transparent 24rem),radial-gradient(circle at 8% 10%,#502e671c,transparent 28rem),var(--vd-bg)}:root[data-vd-mode=auto][data-vd-event=christmas] body{background:radial-gradient(circle at 88% 0%,#b63a3a1a,transparent 24rem),radial-gradient(circle at 4% 16%,#427b5b1a,transparent 28rem),var(--vd-bg)}:root[data-vd-mode=auto][data-vd-event=new-year] body{background:radial-gradient(circle at 86% 0%,#c69d4224,transparent 24rem),radial-gradient(circle at 8% 15%,#3a5e941a,transparent 30rem),var(--vd-bg)}:root[data-vd-mode=auto][data-vd-event=easter] body{background:radial-gradient(circle at 88% 0%,#9b83c51f,transparent 24rem),radial-gradient(circle at 8% 10%,#5caa7b1a,transparent 28rem),var(--vd-bg)}@media (max-width:800px){.vd-display-controls{bottom:.6rem;right:.6rem}.vd-display-controls button span:last-child{display:none}.vd-calendar-workflow{padding-bottom:135px;padding-right:1rem}.vd-calendar-workflow-scene{opacity:.7;width:100%;height:135px;top:auto}}@media (prefers-reduced-motion:reduce){:root *,:root :before,:root :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
body.vd-carnet-shell-ready .app-shell{--vd-carnet-sidebar-width:17rem;--vd-carnet-sidebar-collapsed-width:4.5rem;--vd-carnet-sidebar-current:var(--vd-carnet-sidebar-width);grid-template-columns:var(--vd-carnet-sidebar-current) minmax(0, 1fr);min-height:100vh;transition:grid-template-columns .2s;display:grid}body.vd-carnet-shell-ready.vd-carnet-sidebar-collapsed .app-shell{--vd-carnet-sidebar-current:var(--vd-carnet-sidebar-collapsed-width)}body.vd-carnet-shell-ready .topbar,body.vd-carnet-shell-ready>.vd-display-controls{display:none!important}body.vd-carnet-shell-ready .workspace{grid-column:2;width:min(1240px,100% - 32px);margin:0 auto;padding-top:24px}.vd-carnet-sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;grid-column:1;align-self:start;gap:10px;height:100vh;padding:18px 14px 16px;transition:padding .2s;display:flex;position:sticky;top:0;overflow:hidden auto;box-shadow:8px 0 28px #173a5e0b}.vd-carnet-mobile-nav-close{display:none}.vd-carnet-sidebar__brand{border-bottom:1px solid #e5ebef;align-items:center;gap:11px;min-height:48px;padding:2px 5px 12px;display:flex}.vd-carnet-sidebar__mark{color:#fff;background:linear-gradient(145deg,#173a5e,#16877f);border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.vd-carnet-sidebar__brand-copy{gap:1px;min-width:0;display:grid}.vd-carnet-sidebar__brand-copy strong{color:#173a5e;letter-spacing:.1em;font-size:.72rem}.vd-carnet-sidebar__brand-copy small{color:#6b7d8b;white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.vd-carnet-sidebar__label{color:#8a98a4;letter-spacing:.1em;text-transform:uppercase;padding:9px 9px 3px;font-size:.65rem;font-weight:800}.vd-carnet-sidebar__nav{gap:4px;display:grid}.vd-carnet-sidebar__nav button,.vd-carnet-sidebar__utility,.vd-carnet-sidebar__primary{color:#526a7c;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:42px;padding:6px 9px;font-size:.84rem;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:grid}.vd-carnet-sidebar__nav button:hover,.vd-carnet-sidebar__utility:hover{color:#173a5e;background:#f0f6f8}.vd-carnet-sidebar__nav button.is-active{color:#173a5e;background:#eaf4f4;border-color:#cde3e1;box-shadow:inset 3px 0 #16877f}.vd-carnet-sidebar__primary{color:#fff;background:#173a5e;border-color:#173a5e;margin-top:4px}.vd-carnet-sidebar__primary:hover{background:#224f78}.vd-carnet-sidebar__icon{color:#355b76;background:#eef3f6;border-radius:8px;place-items:center;width:30px;height:30px;font-size:.75rem;font-weight:900;display:grid}.vd-carnet-sidebar__primary .vd-carnet-sidebar__icon{color:#fff;background:#ffffff21}.vd-carnet-sidebar__nav button.is-active .vd-carnet-sidebar__icon{color:#16877f;background:#fff}.vd-carnet-sidebar__text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.vd-carnet-sidebar__spacer{flex:1;min-height:12px}.vd-carnet-sidebar__footer{border-top:1px solid #e5ebef;gap:12px;padding-top:12px;display:grid}.vd-carnet-sidebar__preferences{gap:5px;display:grid}.vd-carnet-sidebar__preferences>.vd-carnet-sidebar__label{padding-top:0}.vd-carnet-sidebar__display{border:1px solid var(--border);background:#f6f8fa;border-radius:11px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;display:grid}.vd-carnet-sidebar__display button{color:#6b7d8b;min-width:0;min-height:34px;font:inherit;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 6px;font-size:.7rem;font-weight:800;display:inline-flex}.vd-carnet-sidebar__display button:hover{color:#173a5e;background:#eaf1f4}.vd-carnet-sidebar__display button.is-active{color:#fff;background:#173a5e}.vd-carnet-sidebar__account{border:1px solid var(--border);background:#fbfcfd;border-radius:11px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.vd-carnet-sidebar__account-mark{color:#16877f;background:#eaf4f4;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.vd-carnet-sidebar__account-copy{gap:1px;min-width:0;display:grid}.vd-carnet-sidebar__account-copy strong{color:#173a5e;font-size:.72rem}.vd-carnet-sidebar__account-copy small{color:#7a8a96;white-space:nowrap;text-overflow:ellipsis;font-size:.64rem;overflow:hidden}.vd-carnet-sidebar__account a{color:#526a7c;border-radius:8px;align-items:center;gap:4px;min-height:32px;padding:0 7px;font-size:.68rem;font-weight:800;text-decoration:none;display:inline-flex}.vd-carnet-sidebar__account a:hover{color:#173a5e;background:#eef3f6}.vd-carnet-sidebar-collapse{z-index:55;top:50%;left:calc(var(--vd-carnet-sidebar-current,17rem) - .875rem);border:1px solid var(--border);color:#173a5e;background:#fff;border-radius:999px;place-items:center;width:1.75rem;height:3.5rem;padding:0;transition:left .2s,background .15s;display:inline-grid;position:fixed;transform:translateY(-50%);box-shadow:0 8px 22px #173a5e1f}.vd-carnet-sidebar-collapse:hover{background:#edf5f7}body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar{padding-inline:9px}body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__brand{justify-content:center;padding-inline:0}body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__brand-copy,body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__label,body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__text,body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__account-copy{display:none}body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__nav button,body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__utility,body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__primary{grid-template-columns:30px;justify-content:center;padding-inline:6px}body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__icon{margin-inline:auto}body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__display{grid-template-columns:1fr}body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__display button{min-height:32px}body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__account{grid-template-columns:34px;justify-content:center;padding-inline:4px}body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__account a{justify-content:center;padding:0}body.vd-carnet-shell-ready .tabs-heading [data-slot=tabs-list]{display:none}body.vd-carnet-shell-ready .tabs-heading{flex-wrap:wrap;justify-content:flex-end}.vd-carnet-mobile-nav-toggle,.vd-carnet-nav-backdrop{display:none}@media (max-width:900px){body.vd-carnet-shell-ready .app-shell,body.vd-carnet-shell-ready.vd-carnet-sidebar-collapsed .app-shell{display:block}body.vd-carnet-shell-ready .workspace{width:min(1240px,100% - 32px);margin:0 auto;padding-top:72px}.vd-carnet-sidebar,body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar{z-index:80;width:min(20rem,86vw);height:100dvh;padding:18px 14px 16px;transition:transform .2s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-102%);box-shadow:18px 0 45px #173a5e38}body.vd-carnet-nav-open .vd-carnet-sidebar{transform:translate(0)}.vd-carnet-mobile-nav-close{border:1px solid var(--border);color:#526a7c;background:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:1.15rem;display:grid;position:absolute;top:10px;right:10px}body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__brand{justify-content:flex-start;padding:2px 42px 12px 5px}body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__brand-copy{display:grid}body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__label{display:block}body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__text{display:initial}body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__account-copy{display:grid}body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__nav button,body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__utility,body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__primary{grid-template-columns:30px minmax(0,1fr);justify-content:stretch;padding:6px 9px}body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__display{grid-template-columns:repeat(3,minmax(0,1fr))}body.vd-carnet-sidebar-collapsed .vd-carnet-sidebar__account{grid-template-columns:34px minmax(0,1fr) auto;justify-content:stretch;padding:8px}.vd-carnet-sidebar-collapse{display:none}.vd-carnet-mobile-nav-toggle{z-index:70;color:#173a5e;border:1px solid var(--border);background:#fffffff5;border-radius:11px;place-items:center;width:42px;height:42px;padding:0;font-size:1rem;display:inline-grid;position:fixed;top:14px;left:14px;box-shadow:0 8px 24px #173a5e21}.vd-carnet-nav-backdrop{z-index:75;opacity:0;pointer-events:none;background:#0c1d2c75;border:0;padding:0;transition:opacity .2s;display:block;position:fixed;inset:0}body.vd-carnet-nav-open .vd-carnet-nav-backdrop{opacity:1;pointer-events:auto}body.vd-carnet-nav-open{overflow:hidden}}@media (max-width:720px){body.vd-carnet-shell-ready .workspace{width:calc(100% - 20px)}}@media (prefers-reduced-motion:reduce){body.vd-carnet-shell-ready .app-shell,.vd-carnet-sidebar,.vd-carnet-sidebar-collapse,.vd-carnet-nav-backdrop{transition:none}}
body.vd-carnet-shell-ready .workspace{width:100%;min-width:0;max-width:none;margin:0;padding:24px clamp(16px,2vw,36px) 56px}body.vd-carnet-shell-ready .workspace>*,body.vd-carnet-shell-ready .content-tabs,body.vd-carnet-shell-ready .tabs-heading,body.vd-carnet-shell-ready .toolbar,body.vd-carnet-shell-ready .task-list,body.vd-carnet-shell-ready .validation-list,body.vd-carnet-shell-ready .planning-list,body.vd-carnet-shell-ready .routine-list{min-width:0}body.vd-carnet-shell-ready .summary{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}@media (max-width:1100px){body.vd-carnet-shell-ready .workflow-card{grid-template-columns:minmax(220px,1fr) minmax(320px,1.6fr)}body.vd-carnet-shell-ready .workflow-card .sync-controls{grid-column:1/-1;justify-items:stretch}}@media (max-width:900px){body.vd-carnet-shell-ready .workspace{width:100%;margin:0;padding:72px clamp(14px,3vw,24px) 48px}}@media (max-width:720px){body.vd-carnet-shell-ready .workspace{width:100%;padding-inline:10px}body.vd-carnet-shell-ready .summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:460px){body.vd-carnet-shell-ready .summary{grid-template-columns:1fr}}