:root{--color-background: #ffffff;--color-surface: rgba(255, 255, 255, .6);--color-surface-strong: rgba(255, 255, 255, .8);--color-surface-list-header: rgba(0, 17, 255, .2);--color-glass-highlight: rgba(223, 34, 42, .12);--color-primary: #df222a;--color-primary-strong: #df222a;--color-accent: #df222a;--color-accent-soft: rgba(223, 34, 42, .45);--color-text: #111111;--color-text-soft: rgba(17, 17, 17, .7);--on-dark-text: #f5f7fa;--on-dark-text-soft: rgba(245, 247, 250, .82);--border-soft: rgba(0, 0, 0, .12);--border-strong: rgba(223, 34, 42, .4);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .06);--shadow-primary: 0 8px 20px rgba(223, 34, 42, .12);--shadow-primary-hover: 0 10px 28px rgba(223, 34, 42, .16);--radius-lg: 28px;--radius-md: 18px;--radius-sm: 10px;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1.5rem;--spacing-lg: 2.5rem;--spacing-xl: 4rem;--max-width: 1080px;--font-family-base: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-family-display: "Clash Display", "Inter Tight", "Segoe UI", system-ui, sans-serif;--gradient-background-top: none;--gradient-background-bottom: none;--gradient-halo-large: none;--gradient-halo-secondary: none;--gradient-halo-tertiary: none;--button-primary-gradient: var(--color-primary);--button-secondary-bg: rgba(223, 34, 42, .08);--button-secondary-bg-hover: rgba(223, 34, 42, .14);--glass-blur-strong: 10px;--glass-blur-soft: 6px;--glass-bg: linear-gradient(160deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .04));--glass-border: rgba(0, 0, 0, .05);--glass-shadow: 0 8px 24px rgba(0, 0, 0, .06);--white-0: hsla(0, 0%, 100%, 0);--white-50: hsla(0, 0%, 100%, .05);--white-100: hsla(0, 0%, 100%, .1);--white-200: hsla(0, 0%, 100%, .2);--white-300: hsla(0, 0%, 100%, .3);--white-400: hsla(0, 0%, 100%, .4);--white-500: hsla(0, 0%, 100%, .5);--page-card-background: transparent;--page-card-border: 0px solid transparent;--page-card-shadow: none;--page-card-blur: 0px;--primary: var(--color-accent);--success: #2cf5a5;--warning: #ff8811;--danger: #ff3f6c;--info: #53a3ff;--surface-1: rgba(255, 255, 255, .06);--surface-2: rgba(255, 255, 255, .12)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:var(--font-family-base);background:var(--color-background);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-sm);font-family:var(--font-family-display);line-height:1.2}h1{font-size:clamp(2rem,6vw,3rem)}h2{font-size:clamp(1.75rem,4.5vw,2.25rem)}h3{font-size:clamp(1.5rem,3.5vw,1.75rem)}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin:0 0 var(--spacing-sm)}small{font-size:.875rem}a{color:var(--color-primary);text-underline-offset:2px}a:hover{text-decoration:underline}.text-soft{color:var(--color-text-soft)}.text-center{text-align:center}.eyebrow{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}a{color:inherit;text-decoration:none}main,section,header,footer{display:block}.container{width:min(var(--max-width),100%);margin-inline:auto;padding-inline:var(--spacing-lg)}.section{padding-block:var(--spacing-xl)}.stack-xs{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stack-sm{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stack-md{display:flex;flex-direction:column;gap:var(--spacing-md)}.stack-lg{display:flex;flex-direction:column;gap:var(--spacing-lg)}.cluster{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(var(--cols, auto-fit),minmax(var(--min, 220px),1fr));gap:var(--spacing-lg)}.min-h-screen{min-height:100vh}.w-full{width:100%}.center-xy{display:grid;place-items:center}.bg-image-cover{background-image:var(--bg-image);background-size:cover;background-position:center;background-repeat:no-repeat}.bg-overlay{position:relative;isolation:isolate}.bg-overlay:before{content:"";position:absolute;inset:0;background:var(--overlay, linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)));z-index:0}.bg-overlay>*{position:relative;z-index:1}.bg-overlay-dark{--overlay: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8))}.bg-overlay-darker{--overlay: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3))}.bg-overlay-blur{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.bg-overlay-blur:before{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.theme-on-dark,.theme-on-dark a,.theme-on-dark .card{color:var(--on-dark-text)}.theme-on-dark .text-soft{color:var(--on-dark-text-soft)}.eyebrow-badge{display:inline-flex;align-items:center;gap:.5rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background-image:linear-gradient(90deg,var(--white-100),var(--white-0));border:1px solid var(--border-soft)}.theme-on-dark .eyebrow-badge{border-color:#ffffff47}.eyebrow-badge:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--color-accent);box-shadow:0 0 0 2px #df222a26}.eyebrow-badge.no-dot:before{display:none}.u-glass-sidebar{--u-blur: var(--glass-blur-strong);--u-radius: var(--radius-lg);position:relative;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--u-radius);border:1px solid rgba(255,255,255,.18);background-image:linear-gradient(90deg,var(--white-200),var(--white-50));backdrop-filter:blur(var(--u-blur));-webkit-backdrop-filter:blur(var(--u-blur));box-shadow:var(--glass-shadow);color:var(--color-text);overflow:hidden}.u-glass-sidebar:before,.u-glass-sidebar:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.u-glass-sidebar:before{border:none;-webkit-mask-image:none;mask-image:none}.u-glass-sidebar:after{border:none;-webkit-mask-image:none;mask-image:none}[dir=rtl] .u-glass-sidebar{background-image:linear-gradient(-90deg,var(--white-200),var(--white-50))}[dir=rtl] .u-glass-sidebar:before{-webkit-mask-image:none;mask-image:none}[dir=rtl] .u-glass-sidebar:after{-webkit-mask-image:none;mask-image:none}.glass{backdrop-filter:blur(var(--glass-blur-soft));-webkit-backdrop-filter:blur(var(--glass-blur-soft));background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.page.card.glass{background:var(--page-card-background);border:var(--page-card-border);box-shadow:var(--page-card-shadow);backdrop-filter:blur(var(--page-card-blur));-webkit-backdrop-filter:blur(var(--page-card-blur))}.card{border-radius:var(--radius-lg);padding:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:calc(var(--spacing-sm) + 1px) calc(var(--spacing-md) + 4px);border-radius:999px;border:1px solid var(--glass-border);background:#ffffff14;color:var(--color-text);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:hover,.btn:focus-visible{transform:translateY(-1px);box-shadow:var(--shadow-primary-hover)}.btn.is-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn.is-ghost{background:transparent;border-color:var(--glass-border)}.btn.is-thin{padding:calc(var(--spacing-xs) + 1px) calc(var(--spacing-sm) + 2px);font-size:.875rem}.input{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#ffffff08;backdrop-filter:blur(var(--glass-blur-soft));-webkit-backdrop-filter:blur(var(--glass-blur-soft));color:var(--color-text-soft);font:inherit;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.input::placeholder{color:var(--color-text-soft)}.theme-on-dark .input::placeholder{color:var(--on-dark-text-soft)}.input:focus,.input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #df222a40;background:#ffffff0f}.theme-on-dark .input{border-color:#ffffff47;color:var(--on-dark-text-soft)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.06) inset!important;-webkit-text-fill-color:inherit!important;caret-color:inherit;transition:background-color 9999s ease-out 0s}.theme-on-dark .input:-webkit-autofill,.theme-on-dark .input:-webkit-autofill:hover,.theme-on-dark .input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.06) inset!important;-webkit-text-fill-color:var(--on-dark-text)!important;caret-color:var(--on-dark-text)}.input:-moz-autofill{box-shadow:0 0 0 1000px #ffffff0f inset!important;-moz-text-fill-color:inherit;caret-color:inherit}.theme-on-dark .input:-moz-autofill{-moz-text-fill-color:var(--on-dark-text);caret-color:var(--on-dark-text)}:root{--select-arrow: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="%23ffffff" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>')}.u-select{display:inline-flex;align-items:center;min-height:32px;min-width:40px;padding:0 var(--spacing-lg) 0 var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#0003;color:var(--on-dark-text);font:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right var(--spacing-sm) center;background-size:12px 12px;cursor:pointer}.u-select:focus,.u-select:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #df222a40}.u-select option{background:#2b2b2be6;color:var(--on-dark-text)}::where(button,[type="button"],[type="submit"],a,.btn):focus-visible{outline:none;box-shadow:0 0 0 3px #df222a40}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.u-input{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border-soft);background-image:linear-gradient(90deg,var(--white-50),var(--white-0));color:inherit;font:inherit;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.u-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #df222a40;background-image:linear-gradient(90deg,var(--white-200),var(--white-50))}.u-glass-sidebar__item{display:flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none;transition:background .15s ease,transform .15s ease,color .15s ease}.u-glass-sidebar__item:hover{background:var(--white-100);transform:translate(1px)}.u-glass-sidebar__item--active{background:var(--white-200);box-shadow:inset 2px 0 0 var(--color-accent)}.btn-glass{--btn-bg: rgba(255, 255, 255, .06);--btn-border: rgba(255, 255, 255, .12);--btn-text: #ffffff;--btn-glow: var(--color-primary);--btn-radius: 30px;--btn-shadow: 0 15px 15px rgba(0, 0, 0, .3);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.75rem 1.25rem;border-radius:var(--btn-radius);border:1px solid var(--glass-border);background:var(--btn-bg);color:var(--btn-text);text-decoration:none;letter-spacing:.02em;-webkit-backdrop-filter:blur(var(--glass-blur-strong));backdrop-filter:blur(var(--glass-blur-strong));box-shadow:var(--btn-shadow);transition:letter-spacing .3s ease,box-shadow .3s ease,transform .2s ease}.btn-glass:hover,.btn-glass:focus-visible{letter-spacing:.06em}.btn-glass--full{width:100%;justify-content:center;display:inline-flex}.workarea .content{display:grid;gap:var(--spacing-lg);padding:var(--spacing-md) 0 var(--spacing-xl)}.workarea .card{border-radius:var(--radius-sm)}.u-scrollbar{scrollbar-width:thin;--scrollbar-thumb: rgba(0, 0, 0, .35);--scrollbar-thumb-hover: rgba(0, 0, 0, .5);--scrollbar-track: rgba(0, 0, 0, .06);--scrollbar-corner: transparent;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.u-scrollbar::-webkit-scrollbar{width:10px;height:10px}.u-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--radius-sm)}.u-scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-sm);border:2px solid transparent;background-clip:padding-box}.u-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.u-scrollbar::-webkit-scrollbar-corner{background:var(--scrollbar-corner)}.u-scrollbar::-webkit-scrollbar-button{display:none;width:0;height:0}.u-scrollbar::-webkit-scrollbar-track:vertical{margin-block:4px}.u-scrollbar::-webkit-scrollbar-track:horizontal{margin-inline:4px}.u-scrollbar--on-dark{--scrollbar-thumb: rgba(255, 255, 255, .32);--scrollbar-thumb-hover: rgba(255, 255, 255, .5);--scrollbar-track: rgba(255, 255, 255, .08);--scrollbar-corner: transparent}.metric-card{--metric-accent: var(--primary);--metric-bg: hsl(232deg 28% 8%);--metric-bg-end: hsl(235deg 22% 5%);--metric-glow: color-mix(in srgb, var(--metric-accent) 75%, transparent);position:relative;padding:var(--spacing-md);border-radius:calc(var(--radius-md) - 6px);border:1px solid color-mix(in srgb,var(--metric-accent) 35%,rgba(255,255,255,.08));background-color:var(--metric-bg);background-image:radial-gradient(130% 170% at 100% 0%,color-mix(in srgb,var(--metric-accent) 40%,transparent),#0000 70%),linear-gradient(135deg,color-mix(in srgb,var(--metric-accent) 22%,var(--metric-bg)),var(--metric-bg-end));color:#f7f9ff;min-height:120px;overflow:hidden;isolation:isolate;box-shadow:0 20px 40px -30px var(--metric-glow),inset 0 0 0 1px #ffffff0a;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);text-align:center}.metric-card:before,.metric-card:after{content:"";position:absolute;inset:-15%;border-radius:inherit;pointer-events:none;z-index:-1;transition:opacity .22s ease,transform .22s ease}.metric-card:before{background:radial-gradient(60% 60% at 25% 15%,color-mix(in srgb,var(--metric-accent) 55%,transparent),#0000);opacity:.6;filter:blur(16px)}.metric-card:after{background:radial-gradient(80% 110% at 80% 0%,color-mix(in srgb,var(--metric-accent) 32%,transparent),#0000 70%),radial-gradient(90% 140% at 10% 100%,color-mix(in srgb,var(--metric-accent) 26%,transparent),#0000 80%);opacity:.45;filter:blur(10px);transform:translateZ(0)}.metric-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--metric-accent) 55%,rgba(255,255,255,.12));box-shadow:0 25px 60px -30px var(--metric-glow),inset 0 0 0 1px #ffffff14}.metric-card:hover:before{opacity:1;transform:translate(-6%,-4%)}.metric-card:hover:after{opacity:.75;transform:translate3d(4%,-6%,0)}.metric-card__value{font-size:clamp(1.4rem,2.8vw,2.15rem);font-weight:700;line-height:1.1;letter-spacing:-.02em}.metric-card__label{margin-top:calc(var(--spacing-xs) / 2);color:#f7f9ffb8;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.metric-card.is-primary{--metric-accent: var(--primary);--metric-bg: hsl(350deg 68% 28%);--metric-bg-end: hsl(347deg 64% 12%)}.metric-card.is-pending{--metric-accent: var(--warning);--metric-bg: hsl(27deg 88% 36%);--metric-bg-end: hsl(25deg 80% 14%)}.metric-card.is-overdue{--metric-accent: var(--danger);--metric-bg: hsl(350deg 88% 32%);--metric-bg-end: hsl(350deg 70% 14%)}.metric-card.is-upcoming{--metric-accent: var(--info);--metric-bg: hsl(207deg 90% 30%);--metric-bg-end: hsl(214deg 70% 12%)}.metric-card.is-completed{--metric-accent: var(--success);--metric-bg: hsl(150deg 70% 30%);--metric-bg-end: hsl(150deg 58% 12%)}.metric-card.is-total{--metric-accent: #a855f7;--metric-bg: hsl(268deg 63% 36%);--metric-bg-end: hsl(268deg 70% 18%)}.metric-card.is-active{--metric-accent: #06d6a0;--metric-bg: hsl(162deg 68% 32%);--metric-bg-end: hsl(162deg 70% 16%)}.metric-card__icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--metric-accent) 46%,transparent),color-mix(in srgb,var(--metric-accent) 18%,transparent));border:1px solid color-mix(in srgb,var(--metric-accent) 50%,rgba(255,255,255,.18));box-shadow:0 10px 24px -12px color-mix(in srgb,var(--metric-accent) 60%,transparent),inset 0 0 0 1px #ffffff0f}.metric-card__icon .material-symbols-outlined{font-size:24px;line-height:1}