:root{color-scheme:light;--color-navy-950:#2e152a;--color-navy-900:#3a1b35;--color-navy-800:#54264c;--color-ink-900:#2e152a;--color-ink-700:#574a54;--color-ink-500:#7b7078;--color-canvas:#f4f0f2;--color-surface:#fff;--color-surface-muted:#faf7f8;--color-border:#ded7dc;--color-border-strong:#c6bbc2;--color-accent-700:#f4273c;--color-accent-600:#e91e34;--color-accent-100:#fde8eb;--color-success-700:#237257;--color-success-100:#e4f3ed;--color-warning-700:#925f14;--color-warning-100:#fbefd8;--color-danger-700:#a33b43;--color-danger-100:#fae8ea;--focus-ring:0 0 0 3px #f4273c57;--radius-sm:.2rem;--radius-md:.35rem;--radius-lg:.55rem;--shadow-panel:0 18px 50px #2e152a17;--sidebar-width:5.875rem;--topbar-height:4.5rem;font-synthesis:none;color:var(--color-ink-900);background:var(--color-canvas);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{background:var(--color-canvas);min-width:20rem;overflow-x:hidden}body{background:var(--color-canvas);min-height:100vh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{box-shadow:var(--focus-ring);outline:none}.skip-link{z-index:1000;border-radius:var(--radius-sm);color:#fff;background:var(--color-accent-700);padding:.65rem .9rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.sidebar{z-index:40;width:var(--sidebar-width);color:#f6edf3;background:var(--color-navy-950);border-right:1px solid #ffffff14;flex-direction:column;align-items:center;transition:width .2s,transform .2s;display:flex;position:fixed;inset:0 auto 0 0}.brand{place-items:center;min-height:6.5rem;padding:0;text-decoration:none;display:grid}.brand-mark{color:#fff;background:var(--color-accent-700);letter-spacing:-.03em;border-radius:0;place-items:center;width:3.5rem;height:3.5rem;font-size:.8rem;font-weight:800;display:grid}.brand-name{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.workspace-button{width:3.6rem;min-height:3.6rem;color:inherit;text-align:left;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:.8rem;place-items:center;margin:0 0 1.3rem;padding:0;display:grid}.workspace-avatar{color:#fff;background:var(--color-accent-700);border-radius:50%;flex:none;place-items:center;width:2.25rem;height:2.25rem;font-size:.7rem;font-weight:800;display:grid}.workspace-label,.workspace-button>span:last-child{display:none}.workspace-label small,.workspace-label strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.workspace-label small{color:#aab6ca;font-size:.68rem}.workspace-label strong{font-size:.82rem}.nav-label{color:#0000;background:#ffffff1f;width:2rem;height:1px;margin:.6rem auto;padding:0;overflow:hidden}.main-nav{scrollbar-width:none;flex:1;width:100%;padding:0 .75rem 1rem;overflow:auto}.nav-link{color:#cdbfc9;border-radius:.85rem;place-items:center;min-height:3rem;margin:.18rem 0;padding:0;font-size:.78rem;text-decoration:none;display:grid;position:relative}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link[aria-current=page]{color:#fff;background:#f4273c29}.nav-link[aria-current=page]:before{background:var(--color-accent-700);content:"";border-radius:0 999px 999px 0;width:.25rem;height:1.6rem;position:absolute;top:50%;left:-.75rem;transform:translateY(-50%)}.nav-icon{width:1.5rem;color:inherit;flex:none;place-items:center;font-size:1rem;font-weight:800;display:grid}.nav-link>span:last-child{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.nav-link:after{z-index:100;left:calc(var(--sidebar-width) + .6rem);color:#fff;background:var(--color-navy-950);border-radius:var(--radius-sm);box-shadow:var(--shadow-panel);content:attr(data-label);opacity:0;pointer-events:none;white-space:nowrap;border:1px solid #ffffff1f;padding:.45rem .65rem;font-size:.72rem;font-weight:700;transition:opacity .14s,transform .14s;position:fixed;transform:translate(-.35rem)}.nav-link:hover:after,.nav-link:focus-visible:after{opacity:1;transform:translate(0)}.sidebar-footer{color:#af9eaa;letter-spacing:.08em;text-align:center;text-transform:uppercase;writing-mode:vertical-rl;border-top:0;width:100%;padding:1rem .3rem 1.2rem;font-size:.56rem}.sidebar-collapse-button{display:none}@media (width>=52.001rem){.sidebar-collapse-button{z-index:2;width:1.7rem;height:1.7rem;color:var(--color-navy-950);border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:50%;place-items:center;padding:0;font-family:Georgia,Times New Roman,serif;font-size:1.25rem;line-height:1;transition:color .14s,background .14s,transform .2s;display:grid;position:absolute;top:7.25rem;right:-.85rem;box-shadow:0 8px 24px #2e152a2e}.sidebar-collapse-button:hover{color:#fff;background:var(--color-accent-700);border-color:var(--color-accent-700)}html[data-sidebar-expanded=true] .app-shell{--sidebar-width:16rem}html[data-sidebar-expanded=true] .app-shell .sidebar{align-items:stretch}html[data-sidebar-expanded=true] .app-shell .brand{justify-content:flex-start;gap:.8rem;padding:0 1rem;display:flex}html[data-sidebar-expanded=true] .app-shell .brand-name{clip:auto;white-space:normal;width:auto;height:auto;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.12rem;position:static;overflow:visible}html[data-sidebar-expanded=true] .app-shell .workspace-button{border-radius:var(--radius-md);gap:.7rem;width:auto;min-height:3.6rem;margin:0 1rem 1.3rem;padding:.5rem .7rem;display:flex}html[data-sidebar-expanded=true] .app-shell .workspace-label{flex:1;min-width:0;display:block}html[data-sidebar-expanded=true] .app-shell .workspace-label strong{font-size:.88rem}html[data-sidebar-expanded=true] .app-shell .workspace-button>span:last-child{display:inline}html[data-sidebar-expanded=true] .app-shell .nav-label{color:#af9eaa;letter-spacing:.08em;text-transform:uppercase;background:0 0;width:auto;height:auto;margin:0;padding:.25rem 1.25rem .35rem;font-size:.72rem;font-weight:750}html[data-sidebar-expanded=true] .app-shell .main-nav{padding:0 .65rem 1rem}html[data-sidebar-expanded=true] .app-shell .nav-link{border-radius:var(--radius-sm);justify-content:flex-start;gap:.75rem;min-height:2.75rem;padding:.5rem .75rem;font-size:.87rem;display:flex}html[data-sidebar-expanded=true] .app-shell .nav-link[aria-current=page]:before{left:-.65rem}html[data-sidebar-expanded=true] .app-shell .nav-link>span:last-child{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}html[data-sidebar-expanded=true] .app-shell .nav-link:after{display:none}html[data-sidebar-expanded=true] .app-shell .sidebar-footer{letter-spacing:0;text-align:left;text-transform:none;writing-mode:initial;border-top:1px solid #ffffff14;padding:.9rem 1rem 1rem;font-size:.65rem}}.topbar{z-index:30;height:var(--topbar-height);margin-left:var(--sidebar-width);color:#fff;backdrop-filter:blur(16px);background:#2e152af7;border-bottom:1px solid #ffffff1a;align-items:center;gap:.85rem;padding:0 clamp(1rem,2.4vw,2.25rem);transition:margin-left .2s;display:flex;position:sticky;top:0}.topbar-wordmark{color:#fff;flex:none;font-family:Georgia,Times New Roman,serif;font-size:1.25rem;line-height:1;text-decoration:none}.topbar-wordmark span{color:#fff}.icon-button{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;min-width:2.75rem;min-height:2.75rem;display:inline-grid}.icon-button:hover{background:#ffffff17;border-color:#ffffff2e}.menu-button{display:none}.topbar-search{width:min(28rem,42vw);position:relative}.topbar-search input{color:#fff;background:#ffffff12;border:1px solid #ffffff2e;border-radius:999px;width:100%;min-height:2.65rem;padding:0 5rem 0 2.4rem}.topbar-search input::placeholder{color:#cdbfc9}.search-glyph{color:#cdbfc9;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.search-shortcut{color:#d9cdd6;background:#ffffff14;border:1px solid #ffffff26;border-radius:.25rem;padding:.1rem .4rem;font-size:.7rem;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.topbar-spacer{flex:1}.timer-pill{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:.55rem;max-width:21rem;min-height:2.65rem;padding:.4rem .65rem;display:flex}.timer-pill[data-running=true]{color:#fff;background:#f4273c3d;border-color:#f4273ca6}.timer-dot{border:2px solid;border-radius:50%;flex:none;width:.58rem;height:.58rem}.timer-pill[data-running=true] .timer-dot{background:currentColor}.timer-label{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:650;overflow:hidden}.timer-value{font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:800}.user-avatar{width:2.35rem;height:2.35rem;color:var(--color-navy-950);background:#fff;border:1px solid #ffffffa6;border-radius:50%;place-items:center;font-size:.72rem;font-weight:800;display:grid}.page-main{width:calc(100% - var(--sidebar-width));max-width:calc(100vw - var(--sidebar-width));min-width:0;min-height:calc(100vh - var(--topbar-height));margin-left:var(--sidebar-width);padding:0 clamp(1rem,2.4vw,2.25rem) 3rem;transition:width .2s,max-width .2s,margin-left .2s;overflow-x:clip}.page-container{width:min(100%,96rem);min-width:0;margin:0 auto}.eyebrow{color:var(--color-accent-700);letter-spacing:.11em;text-transform:uppercase;margin:0 0 .25rem;font-size:.75rem;font-weight:800}.page-header{z-index:1;color:#fff;background:linear-gradient(90deg,#2e152af5,#2e152acc),url(/images/taktwerk-data-wave.png) 50%/cover no-repeat;justify-content:space-between;align-items:center;gap:2rem;min-height:14.5rem;margin:0 calc(-1*clamp(1rem,2.4vw,2.25rem));padding:2.35rem clamp(1rem,2.4vw,2.25rem) 4.35rem;display:flex;position:relative;overflow:hidden}.page-header:after{z-index:-1;content:"";pointer-events:none;background:linear-gradient(120deg,#0000 45%,#f4273c14);position:absolute;inset:0}.page-container:has(>.page-header)>:not(.page-header):not(dialog):not(style):not(script){z-index:2;position:relative;transform:translateY(-2.25rem)}.page-header h1{letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3.4vw,3.2rem);font-weight:400;line-height:1.04}.page-header p:not(.eyebrow){color:#d9cdd6;max-width:48rem;margin:.45rem 0 0;font-size:.94rem}.page-header .eyebrow{color:#f67}.page-header .button:not(.primary){color:#fff;background:#ffffff0d;border-color:#ffffff57}.page-header .button:not(.primary):hover{background:#ffffff1f}.actions{flex-wrap:wrap;gap:.55rem;display:flex}.button{min-height:2.75rem;color:var(--color-ink-900);border:1px solid var(--color-border-strong);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-surface-muted)}.button.primary{color:#fff;background:var(--color-accent-700);border-color:var(--color-accent-700)}.button.primary:hover{background:#d91e33}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1rem;display:grid}.kpi-card,.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:0;box-shadow:0 12px 36px #2e152a0a}.kpi-card{min-height:8.2rem;padding:1rem}.kpi-label{color:var(--color-ink-700);font-size:.78rem;font-weight:650}.kpi-value{letter-spacing:-.02em;margin-top:.25rem;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:400}.kpi-meta{color:var(--color-ink-500);margin-top:.45rem;font-size:.75rem}.kpi-meta strong{color:var(--color-success-700)}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(18rem,.85fr);gap:1rem;display:grid}.stack{gap:1rem;display:grid}.panel-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;min-height:3.7rem;padding:.75rem 1rem;display:flex}.panel-header h2{letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.18rem;font-weight:400}.panel-link{color:var(--color-accent-700);letter-spacing:.07em;text-transform:uppercase;font-size:.66rem;font-weight:800;text-decoration:none}.panel-link:hover{text-decoration:underline}.task-list{margin:0;padding:0;list-style:none}.task-row{border-bottom:1px solid #ececf0;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.9rem 1rem;display:grid}.task-row>div{min-width:0}.task-row:last-child{border-bottom:0}.task-check{width:1.35rem;height:1.35rem;accent-color:var(--color-accent-700);margin-top:.15rem}.task-title{color:var(--color-ink-900);overflow-wrap:anywhere;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-block}.task-title:hover{color:var(--color-accent-700);text-decoration:underline}.task-meta{color:var(--color-ink-500);flex-wrap:wrap;gap:.3rem .7rem;margin-top:.22rem;font-size:.72rem;display:flex}.task-meta a{overflow-wrap:anywhere;min-width:0}.task-due{color:var(--color-ink-700);white-space:nowrap;font-size:.72rem;font-weight:650}.task-due.overdue{color:var(--color-danger-700)}.badge{min-height:1.45rem;color:var(--color-ink-700);white-space:nowrap;background:#eef0f4;border:1px solid #0000;border-radius:999px;align-items:center;padding:.15rem .48rem;font-size:.68rem;font-weight:700;display:inline-flex}.badge.success{color:var(--color-success-700);background:var(--color-success-100)}.badge.warning{color:var(--color-warning-700);background:var(--color-warning-100)}.badge.danger{color:var(--color-danger-700);background:var(--color-danger-100)}.week-summary{padding:1rem}.week-total{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.week-total strong{font-variant-numeric:tabular-nums;font-size:1.35rem}.week-total span{color:var(--color-ink-500);font-size:.74rem}.progress-track{background:#e8e9ee;border-radius:999px;height:.5rem;margin:.65rem 0 .4rem;overflow:hidden}.progress-bar{background:var(--color-accent-600);border-radius:inherit;height:100%;display:block}.weekday-grid{grid-template-columns:repeat(5,1fr);gap:.35rem;margin-top:1rem;display:grid}.weekday{text-align:center;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.45rem .2rem}.weekday strong,.weekday span{display:block}.weekday strong{font-size:.68rem}.weekday span{color:var(--color-ink-700);font-variant-numeric:tabular-nums;margin-top:.12rem;font-size:.72rem}.project-list{margin:0;padding:0;list-style:none}.project-item{border-bottom:1px solid #ececf0;padding:.9rem 1rem}.project-item:last-child{border-bottom:0}.project-topline{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.project-name{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:700;overflow:hidden}.project-stats{color:var(--color-ink-500);justify-content:space-between;margin-top:.38rem;font-size:.69rem;display:flex}.notice{color:#614512;border-radius:var(--radius-md);background:#fff6e5;border:1px solid #efd8ad;gap:.7rem;margin-bottom:1rem;padding:.8rem .95rem;font-size:.78rem;display:flex}[hidden],.notice:empty{display:none!important}.notice strong{margin-bottom:.1rem;display:block}.notice.danger{color:var(--color-danger-700);background:var(--color-danger-100);border-color:#e8bfc3}.toolbar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:0;flex-wrap:wrap;align-items:center;gap:.55rem;padding:.75rem;display:flex}.toolbar>.button,.toolbar>div{align-self:flex-end}.list-filter-toolbar>.filter-toggle,.list-filter-toolbar>.filter-reset-button{align-self:center;height:2.75rem;min-height:2.75rem;padding-block:.5rem;font-size:.78rem;line-height:1.25}.filter-toggle{min-height:2.75rem;color:var(--color-ink-700);background:var(--color-surface-muted);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.filter-toggle:hover{background:var(--color-accent-100)}.filter-toggle:has(input:checked){color:var(--color-accent-700);background:var(--color-accent-100);border-color:var(--color-accent-600)}.filter-toggle input{width:1rem;height:1rem;accent-color:var(--color-accent-700);flex:none;margin:0}.button.active{background:var(--color-accent-700);color:#fff;border-color:var(--color-accent-700)}.button.active:hover{background:#d91e33}.control{min-height:2.65rem;color:var(--color-ink-900);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:#fff;padding:.5rem .7rem;font-size:.8rem}.control[type=search]{flex:1;min-width:min(100%,18rem)}.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-top:0;border-radius:0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:48rem;font-size:.78rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #ececf0;padding:.75rem .8rem}.data-table th{color:var(--color-ink-700);background:var(--color-surface-muted);letter-spacing:.025em;white-space:nowrap;font-size:.7rem;font-weight:800}.column-sort{color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:0;display:inline-flex}.column-sort:hover,.column-sort:focus-visible{color:var(--color-accent-700)}.sort-indicator{min-width:.8rem;color:var(--color-ink-400);text-align:center;font-size:.75rem}th[aria-sort=ascending] .sort-indicator,th[aria-sort=descending] .sort-indicator{color:var(--color-accent-700)}.column-filter-row th{vertical-align:top;padding-top:.4rem;padding-bottom:.55rem}.column-filter-row .column-filter-action{vertical-align:middle}.column-filter-action .button{width:100%;min-height:2.15rem;padding:.35rem .55rem;font-size:.68rem}.column-filter{letter-spacing:0;width:100%;min-width:6.5rem;min-height:2.15rem;padding:.35rem .45rem;font-size:.68rem;font-weight:500}.column-filter-range{grid-template-columns:repeat(2,minmax(7.25rem,1fr));gap:.3rem;display:grid}.mobile-table-filters{display:none}@media (width<=48rem){.mobile-table-filters{display:flex}.list-filter-toolbar>.filter-toggle{flex:calc(50% - .3rem);justify-content:center}.list-filter-toolbar>.filter-reset-button{flex:100%}}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fdf8f9}.cell-title{color:var(--color-ink-900);font-weight:750;display:block}.cell-subtitle{color:var(--color-ink-500);margin-top:.15rem;font-size:.7rem;display:block}.mono-value{font-variant-numeric:tabular-nums;white-space:nowrap}.timesheet-shell{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;min-width:0;max-width:100%;overflow:hidden}.timesheet-scroll{overscroll-behavior-inline:contain;width:100%;min-width:0;max-width:100%;overflow-x:auto}.timesheet-grid{grid-template-columns:minmax(14rem,1.6fr) repeat(7,minmax(5.5rem,.7fr)) minmax(5.5rem,.6fr);min-width:64rem;display:grid}.timesheet-grid>*{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);min-height:3.4rem;padding:.65rem}.timesheet-grid>:nth-child(9n){border-right:0}.timesheet-grid .grid-head{min-height:3rem;color:var(--color-ink-700);background:var(--color-surface-muted);font-size:.7rem;font-weight:800}.timesheet-grid .grid-head strong,.timesheet-grid .grid-head span{display:block}.timesheet-grid .grid-head span{color:var(--color-ink-500);font-weight:500}.timesheet-project{font-size:.76rem;font-weight:750}.timesheet-project small{color:var(--color-ink-500);font-weight:500;display:block}.entry-source{color:var(--color-ink-500);margin-top:.25rem;font-size:.65rem;display:block}.entry-delete{color:var(--color-danger-700);cursor:pointer;background:0 0;border:0;margin-top:.3rem;padding:0;font-size:.68rem;text-decoration:underline;display:block}.empty-grid-message{color:var(--color-ink-500);text-align:center;grid-column:1/-1;place-items:center;display:grid;min-height:7rem!important}.notification-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:auto 1fr auto;align-items:start;gap:.8rem;padding:1rem;display:grid}.notification-card[data-unread=true]{border-left:4px solid var(--color-accent-600)}.notification-card p{color:var(--color-ink-700);margin:.25rem 0 0;font-size:.8rem}.notification-card time{color:var(--color-ink-500);white-space:nowrap;font-size:.7rem}.notification-dot{background:var(--color-accent-600);border-radius:50%;width:.6rem;height:.6rem;margin-top:.35rem}.duration-field{text-align:right;border:1px solid var(--color-border);font-variant-numeric:tabular-nums;border-radius:.3rem;width:100%;min-height:2.2rem;padding:.35rem .45rem}.duration-field:invalid{color:var(--color-danger-700);border-color:var(--color-danger-700)}.timesheet-total{font-variant-numeric:tabular-nums;place-items:center end;font-size:.78rem;font-weight:800;display:grid}.timesheet-footer{background:var(--color-surface-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.timesheet-footer p{color:var(--color-ink-700);margin:0;font-size:.76rem}.mobile-card-list{display:none}.mobile-overlay{z-index:35;background:#2e152a9e;border:0;display:none;position:fixed;inset:0}@media (width<=70rem){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=52rem){.sidebar{width:min(18rem,100vw - 3rem);box-shadow:var(--shadow-panel);align-items:stretch;transform:translate(-102%)}.brand{min-height:var(--topbar-height);border-bottom:1px solid #ffffff1a;gap:.75rem;padding:0 1rem;display:flex}.brand-mark{width:2.25rem;height:2.25rem}.brand-name{clip:auto;white-space:normal;width:auto;height:auto;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;position:static;overflow:visible}.workspace-button{border-radius:var(--radius-md);gap:.7rem;width:auto;min-height:3rem;margin:1rem;padding:.5rem .65rem;display:flex}.workspace-avatar{width:1.9rem;height:1.9rem}.workspace-label{flex:1;min-width:0;display:block}.workspace-button>span:last-child{display:inline}.nav-label{color:#af9eaa;letter-spacing:.08em;text-transform:uppercase;background:0 0;width:auto;height:auto;margin:0;padding:.25rem 1.25rem .35rem;font-size:.72rem;font-weight:750}.main-nav{padding:0 .65rem 1rem}.nav-link{border-radius:var(--radius-sm);justify-content:flex-start;gap:.75rem;min-height:2.75rem;padding:.5rem .75rem;font-size:.87rem;display:flex}.nav-link[aria-current=page]:before{left:-.65rem}.nav-link>span:last-child{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}.nav-link:after{display:none}.sidebar-footer{letter-spacing:0;text-align:left;text-transform:none;writing-mode:initial;border-top:1px solid #ffffff14;padding:.9rem 1rem 1rem;font-size:.65rem}.app-shell[data-menu-open=true] .sidebar{transform:translate(0)}.app-shell[data-menu-open=true] .mobile-overlay{display:block}.topbar,.page-main{width:100%;max-width:100vw;margin-left:0}.menu-button{display:inline-grid}.topbar-search{display:none}.page-header{min-height:13rem}.dashboard-grid{grid-template-columns:1fr}}@media (width<=38rem){.topbar{padding:0 .6rem}.topbar .notification-button,.topbar-wordmark{display:none}.timer-pill{min-width:2.75rem;padding:.35rem .55rem}.timer-label{display:none}.page-main{padding:0 .75rem 2rem}.page-header{min-height:12.5rem;margin-inline:-.75rem;padding:1.6rem .75rem 3.25rem;display:block}.page-header h1{font-size:clamp(2rem,11vw,2.75rem)}.page-container:has(>.page-header)>:not(.page-header):not(dialog):not(style):not(script){transform:translateY(-1.5rem)}.page-header .actions{margin-top:1rem}.page-header .button{flex:1}.kpi-grid{grid-template-columns:1fr 1fr;gap:.6rem}.kpi-card{min-height:7.4rem;padding:.8rem}.kpi-value{font-size:1.35rem}.task-row{grid-template-columns:minmax(0,1fr);padding:.8rem}.task-due{white-space:normal;grid-column:1}.weekday-grid{gap:.25rem}.weekday{padding-inline:.1rem}.desktop-table{display:none}.mobile-card-list{gap:.65rem;display:grid}.mobile-data-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.9rem}.mobile-data-card header{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.mobile-data-card dl{grid-template-columns:1fr 1fr;gap:.65rem;margin:.85rem 0 0;display:grid}.mobile-data-card dt{color:var(--color-ink-500);font-size:.68rem}.mobile-data-card dd{margin:.12rem 0 0;font-size:.78rem;font-weight:700}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
