.workspace-shell{--workspace-radius:20px;--workspace-shadow:0 6px 24px color-mix(in srgb,var(--shadow-color) 4%,transparent);background:linear-gradient(145deg,var(--background),color-mix(in srgb,var(--accent-soft) 16%,var(--background)))}.workspace-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 52%,var(--surface)),var(--surface) 65%);border-inline-end-color:color-mix(in srgb,var(--accent) 12%,var(--border))}.workspace-shell .sidebar-brand{border-bottom-color:var(--border);min-height:96px}.workspace-shell .nav-item{border-radius:14px;min-height:50px;padding:12px 14px}.workspace-shell .nav-item.is-active{background:linear-gradient(110deg,var(--accent-soft-hover),var(--accent-soft));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface) 80%,transparent),0 4px 12px color-mix(in srgb,var(--accent) 8%,transparent)}.workspace-shell .nav-item.is-active>svg:first-child{filter:drop-shadow(0 3px 2px color-mix(in srgb,var(--accent) 20%,transparent))}.workspace-shell .workspace-topbar{background:color-mix(in srgb,var(--surface) 96%,transparent);min-height:82px}.workspace-shell .navigation-search input{border:1px solid var(--border);background:linear-gradient(120deg,var(--surface-raised),var(--surface));border-radius:15px}.workspace-shell .workspace-main{padding-top:32px}.workspace-shell :is(.ui-panel,.rounded-xl.bg-surface){border-radius:var(--workspace-radius);box-shadow:var(--workspace-shadow);border-color:var(--border)}.workspace-shell .heading-icon{width:52px;height:52px;box-shadow:inset 0 2px 0 color-mix(in srgb,var(--surface) 70%,transparent),0 4px 0 color-mix(in srgb,var(--accent) 14%,var(--surface)),0 8px 14px color-mix(in srgb,var(--accent) 8%,transparent);border-radius:16px}.workspace-shell .page-heading{margin-bottom:28px}.workspace-shell .page-heading h1{font-size:28px}.workspace-shell .ui-button{border-radius:12px;min-height:46px}.workspace-shell .ui-primary{background-color:var(--accent);background-image:linear-gradient(135deg,var(--accent),var(--accent-hover));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--on-accent) 22%,transparent),0 5px 12px color-mix(in srgb,var(--accent) 16%,transparent)}.workspace-shell .ui-primary:hover:not(:disabled){background-image:none;background-color:var(--accent-hover)}.workspace-shell .ui-primary:active:not(:disabled){background-image:none;background-color:var(--accent-active);box-shadow:none}.workspace-shell .ui-input{border-color:var(--border-strong);background:color-mix(in srgb,var(--surface-raised) 40%,var(--surface));border-radius:12px;min-height:48px}.workspace-shell .ui-input:focus{background:var(--surface)}.workspace-shell :is(select,textarea){border-radius:12px}.workspace-shell table thead{background:color-mix(in srgb,var(--accent-soft) 30%,var(--surface-raised))}.workspace-shell table th{font-weight:500}.workspace-shell table td{padding-block:15px}.workspace-shell table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--surface-raised) 25%,var(--surface))}.workspace-shell table tbody tr:hover{background:var(--surface-hover)}.workspace-shell .dashboard-banner{background:linear-gradient(100deg,var(--surface),var(--accent-soft));box-shadow:none;padding:20px 24px}.workspace-shell .dashboard-eyebrow{display:none}.workspace-shell .stat-card{--stat-tint:var(--accent-soft);background:linear-gradient(135deg,var(--surface),var(--stat-tint));border-color:color-mix(in srgb,var(--stat-tint) 65%,var(--border));min-height:180px;box-shadow:var(--workspace-shadow);border-radius:20px;padding:22px;position:relative}.workspace-shell .stat-card:has(.text-info){--stat-tint:var(--info-soft)}.workspace-shell .stat-card:has(.text-warning){--stat-tint:var(--warning-soft)}.workspace-shell .stat-card:has(.text-success){--stat-tint:var(--success-soft)}.workspace-shell .stat-card-link{border-radius:20px}.workspace-shell .stat-card-link:is(:hover,:active){background:0 0}.workspace-shell .stat-heading{align-items:center}.workspace-shell .stat-icon{width:52px;height:52px;box-shadow:inset 0 2px 0 color-mix(in srgb,var(--surface) 70%,transparent),0 4px 0 color-mix(in srgb,currentColor 16%,var(--surface)),0 9px 16px color-mix(in srgb,currentColor 9%,transparent);border-radius:16px;transform:rotate(-5deg)}.workspace-shell .stat-icon svg{width:27px;height:27px;filter:drop-shadow(0 2px 1px color-mix(in srgb,currentColor 15%,transparent))}.workspace-shell .stat-hint{font-size:13px}.workspace-shell .attendance-today{background:linear-gradient(135deg,var(--surface),var(--success-soft));border-color:color-mix(in srgb,var(--success) 14%,var(--border))}.workspace-shell .attendance-message{grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:16px;display:grid}.workspace-shell .attendance-illustration{background:url(/landing/modules.webp) 0 0/200% 200% no-repeat;width:100px;height:100px}.workspace-shell .attendance-times{background:0 0;border:0;gap:12px;padding:0}.workspace-shell .attendance-today .time-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px 12px}.workspace-shell .attendance-card-heading{border-color:color-mix(in srgb,var(--success) 12%,var(--border))}.workspace-shell .attendance-metric{background:linear-gradient(135deg,var(--surface),var(--surface-raised));border-radius:14px}.workspace-shell .attendance-ring{box-shadow:0 8px 24px color-mix(in srgb,var(--success) 10%,transparent)}.workspace-shell .task-card{box-shadow:var(--workspace-shadow);border-radius:16px}.workspace-shell .task-board-column{border-radius:20px}.workspace-shell .task-status-filters button{border-radius:12px}.workspace-shell [role=dialog]{border-radius:22px}.workspace-shell .mobile-bottom-nav{background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 -5px 24px color-mix(in srgb,var(--shadow-color) 6%,transparent)}.workspace-shell .sidebar-account .avatar{box-shadow:0 3px 0 color-mix(in srgb,var(--accent) 18%,var(--surface))}@media (width<=639px){.workspace-shell .workspace-main{padding-top:22px}.workspace-shell .workspace-topbar{min-height:66px}.workspace-shell .page-heading h1{font-size:24px}.workspace-shell .heading-icon{width:44px;height:44px}.workspace-shell .stat-card{min-height:166px;padding:16px}.workspace-shell .stat-icon{width:40px;height:40px}.workspace-shell .stat-icon svg{width:22px;height:22px}.workspace-shell .stat-value{font-size:28px}.workspace-shell .dashboard-banner{padding:20px}.workspace-shell .attendance-today .time-box{padding:14px 8px}.workspace-shell .attendance-message{grid-template-columns:minmax(0,1fr) 76px;gap:10px}.workspace-shell .attendance-illustration{width:76px;height:76px}}@media (prefers-reduced-motion:reduce){.workspace-shell .stat-icon{transform:none}}@media print{.workspace-shell{background:var(--surface)}.workspace-shell :is(.ui-panel,.rounded-xl.bg-surface){box-shadow:none}}.dashboard-clay{aspect-ratio:1;pointer-events:none;background-image:url(/workspace/dashboard-clay.webp);background-repeat:no-repeat;background-size:300% 200%}.clay-people{background-position:0 0}.clay-check{background-position:50% 0}.clay-customers{background-position:100% 0}.clay-wallet{background-position:0 100%}.clay-calendar{background-position:50% 100%}.clay-checklist{background-position:100% 100%}.workspace-shell .dashboard-greeting{margin-bottom:12px}.workspace-shell .dashboard-banner{background:0 0;border:0;justify-content:flex-end;margin-bottom:22px;padding:0}.workspace-shell .dashboard-banner-copy{display:none}.workspace-shell .stat-card{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) 88px;gap:8px 12px;min-height:154px;padding:20px;display:grid}.workspace-shell .stat-heading{grid-column:1;min-width:0}.workspace-shell .stat-heading .stat-icon,.workspace-shell .stat-link-icon{display:none}.workspace-shell .stat-card .dashboard-clay{grid-area:1/2/4;align-self:center;width:88px}.workspace-shell .stat-value,.workspace-shell .stat-hint{grid-column:1}.workspace-shell .stat-heading p{font-size:14px}.workspace-shell .stat-value{font-size:30px}.dashboard-focus-grid{gap:20px;display:grid}.dashboard-focus-grid.has-tasks{grid-template-columns:1fr 1.1fr;align-items:stretch}.dashboard-section-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.dashboard-section-top>a{color:var(--accent);align-items:center;gap:6px;font-size:13px;display:flex}.dashboard-task-preview{flex-direction:column;min-width:0;display:flex}.dashboard-task-rows{flex-direction:column;gap:10px;display:flex}.dashboard-task-row{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.dashboard-task-row:hover{background:var(--surface-hover);border-color:var(--accent)}.dashboard-task-row h3{overflow-wrap:anywhere;font-size:15px;font-weight:700}.dashboard-task-row p{color:var(--text-secondary);margin-top:5px;font-size:12px}.dashboard-task-marker{border:1px solid var(--border-strong);border-radius:7px;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.dashboard-task-marker.is-done{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.dashboard-task-bottom{justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:16px;display:flex}.dashboard-task-bottom p{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.dashboard-task-bottom .dashboard-clay{flex-shrink:0;width:95px}.dashboard-task-empty{text-align:center;color:var(--text-secondary);padding:25px 8px}.dashboard-task-empty>svg{color:var(--accent);margin:0 auto 12px}.dashboard-task-empty h3{color:var(--text-primary);margin-bottom:8px;font-size:16px}.dashboard-task-empty p{font-size:14px}.workspace-shell .attendance-illustration{background-image:url(/workspace/dashboard-clay.webp);background-position:50% 100%;background-size:300% 200%;width:120px;height:120px}.workspace-shell .attendance-message{grid-template-columns:minmax(0,1fr) 120px;padding:12px 0}.workspace-shell .attendance-today .ui-button.w-full{background-color:var(--accent);background-image:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--on-accent)}.dashboard-team-details>summary{cursor:pointer;color:var(--text-secondary);padding:8px 4px;font-size:14px}.dashboard-team-details[open]>summary{margin-bottom:12px}.dashboard-reports-grid{direction:ltr;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.dashboard-reports-grid>*{direction:rtl;min-width:0}.dashboard-monthly-panel .monthly-report-table,.dashboard-monthly-panel .monthly-report-cards{overscroll-behavior:contain;max-height:390px;overflow:auto}.dashboard-monthly-panel .monthly-report-table{border-radius:14px}.dashboard-monthly-panel .monthly-report-table table{width:100%;min-width:640px}.dashboard-monthly-panel .monthly-report-table th{background:var(--surface-raised);z-index:1;box-shadow:0 1px 0 var(--border);position:sticky;top:0}.dashboard-monthly-panel .monthly-report-cards{padding-inline-end:4px}.dashboard-bars{direction:rtl;align-items:end;gap:10px;padding-top:30px;display:flex}.dashboard-bar-column{text-align:center;min-width:0;color:var(--text-secondary);flex:1;font-size:11px}.dashboard-bar-column small{font-size:10px;display:block}.dashboard-bar-track{border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top,transparent 0,transparent 45px,var(--border) 46px,transparent 47px);justify-content:center;align-items:end;height:185px;margin-bottom:10px;display:flex;position:relative}.dashboard-bar{background:linear-gradient(var(--accent-soft-hover),var(--accent));border-radius:7px 7px 0 0;width:70%;min-height:3px}.dashboard-bar-track strong{color:var(--text-primary);font-size:11px;font-weight:500;position:absolute;top:-25px}@media (width<=1200px){.workspace-shell .stat-card{grid-template-columns:minmax(0,1fr) 60px;padding:16px}.workspace-shell .stat-card .dashboard-clay{width:60px}.dashboard-focus-grid.has-tasks{grid-template-columns:1fr 1fr}.dashboard-task-row{flex-wrap:wrap}}@media (width<=800px){.dashboard-focus-grid.has-tasks,.dashboard-reports-grid{grid-template-columns:1fr}.dashboard-focus-grid .attendance-today{grid-row:1}.workspace-shell .attendance-message{grid-template-columns:minmax(0,1fr) 90px}.workspace-shell .attendance-illustration{width:90px;height:90px}.dashboard-week-chart{grid-row:1}}@media (width<=420px){.workspace-shell .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-shell .stat-card{grid-template-columns:1fr;min-height:185px;padding:14px;position:relative}.workspace-shell .stat-card .dashboard-clay{grid-area:2/1;justify-self:end;width:52px}.workspace-shell .stat-value{grid-row:2;align-self:center}.workspace-shell .stat-heading p{font-size:13px}.workspace-shell .stat-hint{font-size:12px}}.workspace-shell .dashboard-focus-grid .ui-panel{padding:20px}.workspace-shell .dashboard-focus-grid .attendance-card-heading{padding-bottom:12px}.workspace-shell .dashboard-focus-grid .attendance-message{grid-template-columns:minmax(0,1fr) 90px;padding:10px 0}.workspace-shell .dashboard-focus-grid .attendance-illustration{width:90px;height:90px}.workspace-shell .dashboard-focus-grid .attendance-today .time-box{padding:12px 8px}.workspace-shell .dashboard-focus-grid .time-box strong{margin:3px 0;font-size:27px}.workspace-shell .dashboard-focus-grid .time-box small{display:none}.workspace-shell .dashboard-focus-grid .attendance-times{margin-bottom:16px}.workspace-shell .dashboard-focus-grid .attendance-message h3{font-size:16px}.dashboard-task-bottom .dashboard-clay{width:78px}.dashboard-team-details{margin-top:12px}.workspace-shell .task-overview{box-shadow:var(--workspace-shadow);border-radius:20px;padding:20px 12px}.workspace-shell .task-overview-item{grid-template-columns:1fr;justify-items:center;gap:10px}.task-status-art{background-image:url(/workspace/task-status-clay-v2.webp);background-repeat:no-repeat;background-size:200% 200%;width:88px;height:88px}.task-status-art-todo{background-position:0 0}.task-status-art-in_progress{background-position:100% 0}.task-status-art-review{background-position:0 100%}.task-status-art-done{background-position:100% 100%}.workspace-shell .heading-art{background-repeat:no-repeat;flex-shrink:0;width:76px;height:76px;display:block}.heading-art-tasks{background-image:url(/workspace/task-status-clay-v2.webp);background-position:0 0;background-size:200% 200%}.heading-art-leave{background-image:url(/workspace/dashboard-clay.webp);background-position:50% 100%;background-size:300% 200%}@media (width<=639px){.workspace-shell .heading-art{width:60px;height:60px}.workspace-shell .task-overview-item{text-align:center;padding:12px 8px}.task-status-art{width:72px;height:72px}}