.navigation{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:var(--ds-space-2) 0}.navigation__section{display:flex;flex-direction:column;padding:var(--ds-space-2) var(--ds-space-3)}.navigation__section-title{font-size:var(--ds-type-size-xs);color:var(--ds-color-text-muted);font-weight:var(--ds-type-weight-semibold);text-transform:uppercase;letter-spacing:var(--ds-type-tracking-wider);padding:var(--ds-space-2) var(--ds-space-3);margin-bottom:var(--ds-space-1)}.navigation__item{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-3);border-radius:var(--ds-radius-md);color:var(--ds-color-text-secondary);text-decoration:none;font-size:var(--ds-type-size-base);font-weight:var(--ds-type-weight-medium);transition:all var(--ds-motion-transition-fast);margin-bottom:var(--ds-space-1);border:1px solid transparent}.navigation__item:hover{background:var(--ds-color-hover-overlay);color:var(--ds-color-text-primary);border-color:var(--ds-color-panel-border)}.navigation__item:active{background:var(--ds-color-active-overlay)}.navigation__item--active{background:var(--ds-color-primary-subtle);color:var(--ds-color-primary);border-color:var(--ds-color-primary-border);position:relative}.navigation__item--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--ds-color-primary);border-radius:0 2px 2px 0}.navigation__item--active:hover{background:var(--ds-color-primary-subtle);color:var(--ds-color-primary-text)}.navigation__icon{font-size:var(--ds-type-size-lg);flex-shrink:0;width:24px;text-align:center;opacity:.9}.navigation__item--active .navigation__icon{opacity:1}.navigation__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navigation__divider{height:1px;background:var(--ds-color-panel-border);margin:var(--ds-space-4) var(--ds-space-3)}.navigation::-webkit-scrollbar{width:6px}.navigation::-webkit-scrollbar-track{background:transparent}.navigation::-webkit-scrollbar-thumb{background:var(--ds-color-panel-border);border-radius:3px}.navigation::-webkit-scrollbar-thumb:hover{background:var(--ds-color-panel-border-hover)}:root{--ds-color-bg-primary: #181a22;--ds-color-bg-deep: #14151c;--ds-color-bg-surface: #252636;--ds-color-bg-elevated: #2d2e42;--ds-color-bg-overlay: rgba(20, 21, 28, .85);--ds-color-panel: rgba(37, 38, 54, .94);--ds-color-panel-strong: rgba(37, 38, 54, .98);--ds-color-panel-border: rgba(255, 255, 255, .11);--ds-color-panel-border-hover: rgba(255, 255, 255, .22);--ds-color-text-primary: #f2f3f7;--ds-color-text-secondary: #c4c6da;--ds-color-text-muted: #a3a5be;--ds-color-text-disabled: #6b6d85;--ds-color-text-inverse: #181a22;--ds-color-primary: #deb976;--ds-color-primary-strong: #c49a4c;--ds-color-primary-subtle: rgba(222, 185, 118, .15);--ds-color-primary-border: rgba(222, 185, 118, .4);--ds-color-primary-text: #f5e0b4;--ds-color-accent: #deb976;--ds-color-accent-strong: #c49a4c;--ds-color-accent-subtle: rgba(222, 185, 118, .12);--ds-color-danger: #ff8a9b;--ds-color-danger-strong: #ff6480;--ds-color-danger-subtle: rgba(255, 100, 128, .15);--ds-color-danger-border: rgba(255, 100, 128, .5);--ds-color-danger-text: #ffd0de;--ds-color-warning: #fcd34d;--ds-color-warning-strong: #fbbf24;--ds-color-warning-subtle: rgba(251, 191, 36, .15);--ds-color-warning-border: rgba(251, 191, 36, .5);--ds-color-warning-text: #fef3c7;--ds-color-success: #6ee7a0;--ds-color-success-strong: #34d399;--ds-color-success-subtle: rgba(52, 211, 153, .15);--ds-color-success-border: rgba(52, 211, 153, .5);--ds-color-success-text: #d1fae5;--ds-color-info: #7dbbff;--ds-color-info-strong: #5ba3f5;--ds-color-info-subtle: rgba(91, 163, 245, .15);--ds-color-info-border: rgba(91, 163, 245, .5);--ds-color-info-text: #dbeafe;--ds-color-neutral: #a3a5be;--ds-color-neutral-subtle: rgba(163, 165, 190, .15);--ds-color-neutral-border: rgba(163, 165, 190, .4);--ds-color-focus-ring: rgba(222, 185, 118, .5);--ds-color-hover-overlay: rgba(255, 255, 255, .05);--ds-color-active-overlay: rgba(255, 255, 255, .08);--ds-color-disabled-bg: rgba(255, 255, 255, .04);--ds-color-disabled-border: rgba(255, 255, 255, .08);--ds-type-font-body: "Manrope", "Segoe UI", system-ui, sans-serif;--ds-type-font-heading: "Fraunces", Georgia, serif;--ds-type-font-mono: "JetBrains Mono", "Fira Code", monospace;--ds-type-size-xs: .694rem;--ds-type-size-sm: .778rem;--ds-type-size-base: .875rem;--ds-type-size-md: 1rem;--ds-type-size-lg: 1.125rem;--ds-type-size-xl: 1.266rem;--ds-type-size-2xl: 1.424rem;--ds-type-size-3xl: 1.602rem;--ds-type-size-4xl: 1.802rem;--ds-type-size-5xl: 2.027rem;--ds-type-weight-normal: 400;--ds-type-weight-medium: 500;--ds-type-weight-semibold: 600;--ds-type-weight-bold: 700;--ds-type-weight-extrabold: 800;--ds-type-leading-tight: 1.2;--ds-type-leading-snug: 1.35;--ds-type-leading-normal: 1.5;--ds-type-leading-relaxed: 1.65;--ds-type-tracking-tight: -.01em;--ds-type-tracking-normal: 0;--ds-type-tracking-wide: .04em;--ds-type-tracking-wider: .08em;--ds-type-tracking-widest: .12em;--ds-space-0: 0;--ds-space-1: .25rem;--ds-space-2: .5rem;--ds-space-3: .75rem;--ds-space-4: 1rem;--ds-space-5: 1.25rem;--ds-space-6: 1.5rem;--ds-space-8: 2rem;--ds-space-10: 2.5rem;--ds-space-12: 3rem;--ds-space-16: 4rem;--ds-space-20: 5rem;--ds-space-24: 6rem;--ds-elevation-none: none;--ds-elevation-xs: 0 1px 2px rgba(0, 0, 0, .2);--ds-elevation-sm: 0 2px 6px rgba(0, 0, 0, .25);--ds-elevation-md: 0 4px 16px rgba(0, 0, 0, .28);--ds-elevation-lg: 0 10px 30px rgba(0, 0, 0, .4);--ds-elevation-xl: 0 20px 50px rgba(0, 0, 0, .5);--ds-elevation-inner: inset 0 1px 3px rgba(0, 0, 0, .25);--ds-radius-none: 0;--ds-radius-sm: 6px;--ds-radius-md: 10px;--ds-radius-lg: 14px;--ds-radius-xl: 18px;--ds-radius-2xl: 24px;--ds-radius-full: 999px;--ds-motion-duration-fast: .12s;--ds-motion-duration-normal: .2s;--ds-motion-duration-slow: .35s;--ds-motion-duration-slower: .5s;--ds-motion-ease-default: cubic-bezier(.4, 0, .2, 1);--ds-motion-ease-in: cubic-bezier(.4, 0, 1, 1);--ds-motion-ease-out: cubic-bezier(0, 0, .2, 1);--ds-motion-ease-in-out: cubic-bezier(.4, 0, .2, 1);--ds-motion-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ds-motion-ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ds-motion-transition-fast: var(--ds-motion-duration-fast) var(--ds-motion-ease-default);--ds-motion-transition-normal: var(--ds-motion-duration-normal) var(--ds-motion-ease-default);--ds-motion-transition-slow: var(--ds-motion-duration-slow) var(--ds-motion-ease-default);--ds-z-base: 0;--ds-z-dropdown: 100;--ds-z-sticky: 200;--ds-z-overlay: 300;--ds-z-modal: 400;--ds-z-popover: 500;--ds-z-tooltip: 600;--ds-z-toast: 700;--ds-border-width-thin: 1px;--ds-border-width-medium: 2px;--ds-border-width-thick: 3px;--ds-opacity-disabled: .5;--ds-opacity-overlay: .6;--ds-opacity-hover: .08}@media(prefers-reduced-motion:reduce){:root{--ds-motion-duration-fast: 0ms;--ds-motion-duration-normal: 0ms;--ds-motion-duration-slow: 0ms;--ds-motion-duration-slower: 0ms}}.app-layout{display:grid;grid-template-columns:315px 1fr;min-height:100vh;background:var(--ds-color-bg-primary);color:var(--ds-color-text-primary)}.app-layout__sidebar{display:flex;flex-direction:column;background:var(--ds-color-bg-deep);border-right:1px solid var(--ds-color-panel-border);overflow-y:auto;position:sticky;top:0;height:100vh}.app-layout__brand{padding:var(--ds-space-6) var(--ds-space-5);border-bottom:1px solid var(--ds-color-panel-border);background:linear-gradient(135deg,#deb97614,#deb97605)}.app-layout__brand-title{font-family:var(--ds-type-font-heading);font-size:var(--ds-type-size-3xl);font-weight:var(--ds-type-weight-bold);color:var(--ds-color-primary);margin:0 0 var(--ds-space-1);letter-spacing:var(--ds-type-tracking-wide)}.app-layout__brand-subtitle{font-size:var(--ds-type-size-sm);color:var(--ds-color-text-muted);margin:0;letter-spacing:var(--ds-type-tracking-wide);text-transform:uppercase}.app-layout__user{margin-top:auto;padding:var(--ds-space-5);border-top:1px solid var(--ds-color-panel-border);background:var(--ds-color-bg-deep)}.app-layout__user-info{display:flex;align-items:center;gap:var(--ds-space-3);margin-bottom:var(--ds-space-3)}.app-layout__user-avatar{width:40px;height:40px;border-radius:var(--ds-radius-full);background:linear-gradient(135deg,var(--ds-color-primary),var(--ds-color-primary-strong));color:var(--ds-color-text-inverse);display:flex;align-items:center;justify-content:center;font-weight:var(--ds-type-weight-bold);font-size:var(--ds-type-size-lg);flex-shrink:0}.app-layout__user-details{flex:1;min-width:0}.app-layout__user-name{font-size:var(--ds-type-size-base);font-weight:var(--ds-type-weight-medium);color:var(--ds-color-text-primary);margin-bottom:var(--ds-space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-layout__user-email{font-size:var(--ds-type-size-sm);color:var(--ds-color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-layout__sign-out{width:100%;padding:var(--ds-space-2) var(--ds-space-4);background:transparent;border:1px solid var(--ds-color-panel-border);border-radius:var(--ds-radius-sm);color:var(--ds-color-text-secondary);font-size:var(--ds-type-size-sm);font-weight:var(--ds-type-weight-medium);cursor:pointer;transition:all var(--ds-motion-transition-fast)}.app-layout__sign-out:hover{background:var(--ds-color-hover-overlay);border-color:var(--ds-color-panel-border-hover);color:var(--ds-color-text-primary)}.app-layout__sign-out:active{background:var(--ds-color-active-overlay)}.app-layout__main{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.app-layout__header{position:sticky;top:0;z-index:var(--ds-z-sticky);background:var(--ds-color-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--ds-color-panel-border);padding:var(--ds-space-4) var(--ds-space-6)}.app-layout__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-2);font-size:var(--ds-type-size-sm)}.app-layout__breadcrumb-item{display:flex;align-items:center;gap:var(--ds-space-2)}.app-layout__breadcrumb-separator{color:var(--ds-color-text-muted);font-weight:var(--ds-type-weight-normal)}.app-layout__breadcrumb-link{background:none;border:none;color:var(--ds-color-text-secondary);font-size:var(--ds-type-size-sm);cursor:pointer;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);transition:all var(--ds-motion-transition-fast)}.app-layout__breadcrumb-link:hover{color:var(--ds-color-primary);background:var(--ds-color-hover-overlay)}.app-layout__breadcrumb-current{color:var(--ds-color-text-primary);font-weight:var(--ds-type-weight-medium);padding:var(--ds-space-1) var(--ds-space-2)}.app-layout__content{flex:1;padding:var(--ds-space-8) var(--ds-space-6);max-width:1600px;width:100%;margin:0 auto}@media(max-width:1024px){.app-layout{grid-template-columns:1fr}.app-layout__sidebar{position:fixed;top:0;left:0;width:315px;height:100vh;transform:translate(-100%);transition:transform var(--ds-motion-transition-normal);z-index:var(--ds-z-overlay)}.app-layout__sidebar--open{transform:translate(0)}}.auth-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--ds-space-6);background:var(--ds-color-bg-primary);background-image:radial-gradient(circle at 20% 30%,rgba(222,185,118,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(222,185,118,.03) 0%,transparent 50%)}.auth-layout__container{width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--ds-space-6)}.auth-layout__brand{text-align:center}.auth-layout__brand-title{font-family:var(--ds-type-font-heading);font-size:var(--ds-type-size-5xl);font-weight:var(--ds-type-weight-bold);color:var(--ds-color-primary);margin:0 0 var(--ds-space-2);letter-spacing:var(--ds-type-tracking-wide)}.auth-layout__brand-subtitle{font-size:var(--ds-type-size-md);color:var(--ds-color-text-muted);margin:0;letter-spacing:var(--ds-type-tracking-wide);text-transform:uppercase}.auth-layout__content{background:var(--ds-color-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--ds-color-panel-border);border-radius:var(--ds-radius-xl);padding:var(--ds-space-8);box-shadow:var(--ds-elevation-lg)}.auth-layout__footer{text-align:center}.auth-layout__footer-text{font-size:var(--ds-type-size-sm);color:var(--ds-color-text-muted);margin:0}@media(max-width:640px){.auth-layout{padding:var(--ds-space-4)}.auth-layout__content{padding:var(--ds-space-6)}.auth-layout__brand-title{font-size:var(--ds-type-size-4xl)}}.route-guard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--ds-color-bg-primary);gap:var(--ds-space-4)}.route-guard-loading__spinner{width:48px;height:48px;border:3px solid var(--ds-color-panel-border);border-top-color:var(--ds-color-primary);border-radius:50%;animation:route-guard-spin .8s linear infinite}@keyframes route-guard-spin{to{transform:rotate(360deg)}}.route-guard-loading__text{font-size:var(--ds-type-size-md);color:var(--ds-color-text-secondary);margin:0}.route-guard-forbidden{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--ds-space-6);background:var(--ds-color-bg-primary)}.route-guard-forbidden__content{text-align:center;max-width:480px}.route-guard-forbidden__title{font-family:var(--ds-type-font-heading);font-size:var(--ds-type-size-4xl);font-weight:var(--ds-type-weight-bold);color:var(--ds-color-danger);margin:0 0 var(--ds-space-4)}.route-guard-forbidden__message{font-size:var(--ds-type-size-lg);color:var(--ds-color-text-secondary);margin:0 0 var(--ds-space-8);line-height:var(--ds-type-leading-relaxed)}.route-guard-forbidden__button{padding:var(--ds-space-3) var(--ds-space-6);background:var(--ds-color-primary);color:var(--ds-color-text-inverse);border:none;border-radius:var(--ds-radius-md);font-size:var(--ds-type-size-md);font-weight:var(--ds-type-weight-medium);cursor:pointer;transition:all var(--ds-motion-transition-fast)}.route-guard-forbidden__button:hover{background:var(--ds-color-primary-strong);transform:translateY(-1px);box-shadow:var(--ds-elevation-sm)}.route-guard-forbidden__button:active{transform:translateY(0);box-shadow:var(--ds-elevation-xs)}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);font-family:var(--ds-type-font-body);font-weight:var(--ds-type-weight-semibold);line-height:var(--ds-type-leading-tight);border-radius:var(--ds-radius-md);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background var(--ds-motion-transition-fast),border-color var(--ds-motion-transition-fast),color var(--ds-motion-transition-fast),box-shadow var(--ds-motion-transition-fast),transform var(--ds-motion-transition-fast),opacity var(--ds-motion-transition-fast);position:relative;overflow:hidden;border:var(--ds-border-width-thin) solid transparent}.ds-btn:focus-visible{outline:var(--ds-border-width-medium) solid var(--ds-color-focus-ring);outline-offset:2px}.ds-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.ds-btn--sm{font-size:var(--ds-type-size-sm);padding:var(--ds-space-1) var(--ds-space-3);min-height:30px}.ds-btn--md{font-size:var(--ds-type-size-base);padding:var(--ds-space-2) var(--ds-space-4);min-height:38px}.ds-btn--lg{font-size:var(--ds-type-size-md);padding:var(--ds-space-3) var(--ds-space-6);min-height:46px}.ds-btn--primary{background:linear-gradient(135deg,var(--ds-color-primary),var(--ds-color-primary-strong));border-color:var(--ds-color-primary-strong);color:var(--ds-color-text-inverse)}.ds-btn--primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 14px #deb9764d}.ds-btn--secondary{background:var(--ds-color-primary-subtle);border-color:var(--ds-color-primary-border);color:var(--ds-color-primary-text)}.ds-btn--secondary:hover:not(:disabled){background:#deb97638;border-color:#deb9768c;transform:translateY(-1px)}.ds-btn--ghost{background:transparent;border-color:transparent;color:var(--ds-color-text-secondary)}.ds-btn--ghost:hover:not(:disabled){background:var(--ds-color-hover-overlay);color:var(--ds-color-text-primary)}.ds-btn--danger{background:var(--ds-color-danger-subtle);border-color:var(--ds-color-danger-border);color:var(--ds-color-danger-text)}.ds-btn--danger:hover:not(:disabled){background:#ff648040;border-color:#ff6480a6;transform:translateY(-1px)}.ds-btn:disabled{opacity:var(--ds-opacity-disabled);cursor:not-allowed;pointer-events:none}.ds-btn--loading{color:transparent;pointer-events:none}.ds-btn__spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.ds-btn__spinner:after{content:"";width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--ds-radius-full);animation:ds-spin .6s linear infinite}.ds-btn--primary .ds-btn__spinner{color:var(--ds-color-text-inverse)}.ds-btn--secondary .ds-btn__spinner{color:var(--ds-color-primary-text)}.ds-btn--ghost .ds-btn__spinner{color:var(--ds-color-text-secondary)}.ds-btn--danger .ds-btn__spinner{color:var(--ds-color-danger-text)}.ds-btn--full{width:100%}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-card{background:linear-gradient(150deg,rgba(37,38,54,.92),var(--ds-color-panel));border:var(--ds-border-width-thin) solid var(--ds-color-panel-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-elevation-md);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;transition:border-color var(--ds-motion-transition-normal),box-shadow var(--ds-motion-transition-normal)}.ds-card:hover{border-color:var(--ds-color-panel-border-hover)}.ds-card__header{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-4) var(--ds-space-3);border-bottom:var(--ds-border-width-thin) solid rgba(255,255,255,.06)}.ds-card__header h2,.ds-card__header h3,.ds-card__header h4{margin:0;font-family:var(--ds-type-font-heading);font-weight:var(--ds-type-weight-semibold);line-height:var(--ds-type-leading-tight);letter-spacing:.01em}.ds-card__body{padding:var(--ds-space-4)}.ds-card__footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);border-top:var(--ds-border-width-thin) solid rgba(255,255,255,.06)}.ds-card--compact .ds-card__header{padding:var(--ds-space-3) var(--ds-space-3) var(--ds-space-2)}.ds-card--compact .ds-card__body{padding:var(--ds-space-3)}.ds-card--compact .ds-card__footer{padding:var(--ds-space-2) var(--ds-space-3)}.ds-card--no-divider .ds-card__header{border-bottom:none;padding-bottom:var(--ds-space-1)}.ds-card--no-divider .ds-card__footer{border-top:none;padding-top:var(--ds-space-1)}.ds-card--accent{position:relative}.ds-card--accent:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--ds-color-primary),var(--ds-color-primary-strong));border-radius:var(--ds-radius-lg) var(--ds-radius-lg) 0 0}.ds-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-1);border-radius:var(--ds-radius-full);border:var(--ds-border-width-thin) solid transparent;font-family:var(--ds-type-font-body);font-weight:var(--ds-type-weight-semibold);white-space:nowrap;line-height:var(--ds-type-leading-tight);vertical-align:middle}.ds-badge--sm{font-size:var(--ds-type-size-xs);padding:.12rem .36rem}.ds-badge--md{font-size:.68rem;padding:.22rem .5rem}.ds-badge--lg{font-size:var(--ds-type-size-sm);padding:.28rem .6rem}.ds-badge--neutral{border-color:var(--ds-color-neutral-border);background:var(--ds-color-neutral-subtle);color:var(--ds-color-text-secondary)}.ds-badge--primary{border-color:var(--ds-color-primary-border);background:var(--ds-color-primary-subtle);color:var(--ds-color-primary-text)}.ds-badge--success{border-color:var(--ds-color-success-border);background:var(--ds-color-success-subtle);color:var(--ds-color-success-text)}.ds-badge--warning{border-color:var(--ds-color-warning-border);background:var(--ds-color-warning-subtle);color:var(--ds-color-warning-text)}.ds-badge--danger{border-color:var(--ds-color-danger-border);background:var(--ds-color-danger-subtle);color:var(--ds-color-danger-text)}.ds-badge--info{border-color:var(--ds-color-info-border);background:var(--ds-color-info-subtle);color:var(--ds-color-info-text)}.ds-badge__dot{width:6px;height:6px;border-radius:var(--ds-radius-full);background:currentColor;flex-shrink:0}.ds-input-group{display:flex;flex-direction:column;gap:var(--ds-space-1)}.ds-input-group__label{display:block;font-size:var(--ds-type-size-sm);font-weight:var(--ds-type-weight-medium);color:var(--ds-color-text-secondary);line-height:var(--ds-type-leading-normal)}.ds-input-group__label--required:after{content:" *";color:var(--ds-color-danger)}.ds-input{width:100%;font-family:var(--ds-type-font-body);font-size:var(--ds-type-size-base);color:var(--ds-color-text-primary);background:#14151cb3;border:var(--ds-border-width-thin) solid var(--ds-color-panel-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-2) var(--ds-space-3);line-height:var(--ds-type-leading-normal);transition:border-color var(--ds-motion-transition-fast),outline var(--ds-motion-transition-fast),box-shadow var(--ds-motion-transition-fast)}.ds-input::placeholder{color:var(--ds-color-text-disabled)}.ds-input:hover:not(:disabled):not(:focus){border-color:var(--ds-color-panel-border-hover)}.ds-input:focus{outline:var(--ds-border-width-medium) solid var(--ds-color-focus-ring);border-color:var(--ds-color-primary)}.ds-input--textarea{resize:vertical;min-height:80px}.ds-input--error{border-color:var(--ds-color-danger)}.ds-input--error:focus{outline-color:#ff648066;border-color:var(--ds-color-danger)}.ds-input:disabled{opacity:var(--ds-opacity-disabled);cursor:not-allowed;background:var(--ds-color-disabled-bg)}.ds-input-group__help{font-size:var(--ds-type-size-xs);color:var(--ds-color-text-muted);line-height:var(--ds-type-leading-normal)}.ds-input-group__error{font-size:var(--ds-type-size-xs);color:var(--ds-color-danger);line-height:var(--ds-type-leading-normal)}.ds-select-group{display:flex;flex-direction:column;gap:var(--ds-space-1)}.ds-select-group__label{display:block;font-size:var(--ds-type-size-sm);font-weight:var(--ds-type-weight-medium);color:var(--ds-color-text-secondary);line-height:var(--ds-type-leading-normal)}.ds-select-group__label--required:after{content:" *";color:var(--ds-color-danger)}.ds-select-wrapper{position:relative;display:flex}.ds-select-wrapper:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--ds-color-text-muted);pointer-events:none}.ds-select{width:100%;font-family:var(--ds-type-font-body);font-size:var(--ds-type-size-base);color:var(--ds-color-text-primary);background:#14151cb3;border:var(--ds-border-width-thin) solid var(--ds-color-panel-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-2) var(--ds-space-8) var(--ds-space-2) var(--ds-space-3);line-height:var(--ds-type-leading-normal);appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color var(--ds-motion-transition-fast),outline var(--ds-motion-transition-fast),box-shadow var(--ds-motion-transition-fast)}.ds-select:hover:not(:disabled):not(:focus){border-color:var(--ds-color-panel-border-hover)}.ds-select:focus{outline:var(--ds-border-width-medium) solid var(--ds-color-focus-ring);border-color:var(--ds-color-primary)}.ds-select--error{border-color:var(--ds-color-danger)}.ds-select--error:focus{outline-color:#ff648066;border-color:var(--ds-color-danger)}.ds-select:disabled{opacity:var(--ds-opacity-disabled);cursor:not-allowed;background:var(--ds-color-disabled-bg)}.ds-select-group__error{font-size:var(--ds-type-size-xs);color:var(--ds-color-danger);line-height:var(--ds-type-leading-normal)}.ds-select-group__help{font-size:var(--ds-type-size-xs);color:var(--ds-color-text-muted);line-height:var(--ds-type-leading-normal)}.ds-select option{background:var(--ds-color-bg-surface);color:var(--ds-color-text-primary)}.ds-modal-overlay{position:fixed;inset:0;z-index:var(--ds-z-modal);display:flex;align-items:center;justify-content:center;padding:var(--ds-space-4);background:#0e0f14bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:ds-modal-overlay-in var(--ds-motion-duration-normal) var(--ds-motion-ease-out)}.ds-modal{position:relative;width:100%;max-width:540px;max-height:calc(100vh - var(--ds-space-8));display:flex;flex-direction:column;background:linear-gradient(150deg,#252636fa,#1e1f2df5);border:var(--ds-border-width-thin) solid var(--ds-color-panel-border-hover);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-elevation-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:ds-modal-in var(--ds-motion-duration-slow) var(--ds-motion-ease-spring)}.ds-modal--sm{max-width:400px}.ds-modal--lg{max-width:720px}.ds-modal--xl{max-width:960px}.ds-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-5);border-bottom:var(--ds-border-width-thin) solid rgba(255,255,255,.08);flex-shrink:0}.ds-modal__title{margin:0;font-family:var(--ds-type-font-heading);font-size:var(--ds-type-size-lg);font-weight:var(--ds-type-weight-semibold);color:var(--ds-color-text-primary);line-height:var(--ds-type-leading-tight)}.ds-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:var(--ds-border-width-thin) solid transparent;border-radius:var(--ds-radius-sm);color:var(--ds-color-text-muted);cursor:pointer;flex-shrink:0;transition:background var(--ds-motion-transition-fast),color var(--ds-motion-transition-fast);font-size:1.25rem;line-height:1}.ds-modal__close:hover{background:var(--ds-color-hover-overlay);color:var(--ds-color-text-primary);transform:none;filter:none;border-color:transparent}.ds-modal__close:focus-visible{outline:var(--ds-border-width-medium) solid var(--ds-color-focus-ring);outline-offset:2px}.ds-modal__body{padding:var(--ds-space-5);overflow-y:auto;flex:1 1 auto}.ds-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-5) var(--ds-space-4);border-top:var(--ds-border-width-thin) solid rgba(255,255,255,.08);flex-shrink:0}@keyframes ds-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ds-modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.ds-tooltip-wrapper{position:relative;display:inline-flex}.ds-tooltip{position:absolute;z-index:var(--ds-z-tooltip);max-width:280px;padding:var(--ds-space-2) var(--ds-space-3);font-family:var(--ds-type-font-body);font-size:var(--ds-type-size-xs);font-weight:var(--ds-type-weight-medium);line-height:var(--ds-type-leading-snug);color:var(--ds-color-text-primary);background:#2d2e42f7;border:var(--ds-border-width-thin) solid rgba(255,255,255,.15);border-radius:var(--ds-radius-sm);box-shadow:var(--ds-elevation-md);pointer-events:none;white-space:normal;word-wrap:break-word;animation:ds-tooltip-in var(--ds-motion-duration-fast) var(--ds-motion-ease-out)}.ds-tooltip--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.ds-tooltip--top:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#2d2e42f7}.ds-tooltip--bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.ds-tooltip--bottom:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#2d2e42f7}.ds-tooltip--left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.ds-tooltip--left:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:#2d2e42f7}.ds-tooltip--right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.ds-tooltip--right:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#2d2e42f7}@keyframes ds-tooltip-in{0%{opacity:0;transform:translate(-50%) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}.ds-tooltip--left,.ds-tooltip--right{animation-name:ds-tooltip-in-side}@keyframes ds-tooltip-in-side{0%{opacity:0;transform:translateY(-50%) scale(.96)}to{opacity:1;transform:translateY(-50%) scale(1)}}.ds-tabs{display:flex;flex-direction:column}.ds-tabs__list{display:flex;flex-wrap:wrap;gap:var(--ds-space-1);border-bottom:var(--ds-border-width-thin) solid rgba(255,255,255,.08);padding-bottom:0;margin:0}.ds-tabs__tab{position:relative;display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4) var(--ds-space-3);font-family:var(--ds-type-font-body);font-size:var(--ds-type-size-base);font-weight:var(--ds-type-weight-medium);color:var(--ds-color-text-muted);background:transparent;border:none;border-radius:0;cursor:pointer;white-space:nowrap;transition:color var(--ds-motion-transition-fast),background var(--ds-motion-transition-fast)}.ds-tabs__tab:after{content:"";position:absolute;bottom:0;left:var(--ds-space-2);right:var(--ds-space-2);height:2px;background:transparent;border-radius:2px 2px 0 0;transition:background var(--ds-motion-transition-fast)}.ds-tabs__tab:hover{color:var(--ds-color-text-secondary);background:var(--ds-color-hover-overlay);transform:none;filter:none;border-color:transparent}.ds-tabs__tab:focus-visible{outline:var(--ds-border-width-medium) solid var(--ds-color-focus-ring);outline-offset:-2px}.ds-tabs__tab--active{color:var(--ds-color-primary);font-weight:var(--ds-type-weight-semibold)}.ds-tabs__tab--active:after{background:var(--ds-color-primary)}.ds-tabs__tab--active:hover{color:var(--ds-color-primary)}.ds-tabs__tab:disabled{opacity:var(--ds-opacity-disabled);cursor:not-allowed;pointer-events:none}.ds-tabs__panel{padding-top:var(--ds-space-4)}.ds-tabs__panel:focus{outline:none}.ds-tabs--compact .ds-tabs__tab{font-size:var(--ds-type-size-sm);padding:var(--ds-space-1) var(--ds-space-3) var(--ds-space-2)}.ds-tabs--compact .ds-tabs__panel{padding-top:var(--ds-space-3)}.ds-tabs--pill .ds-tabs__list{border-bottom:none;gap:var(--ds-space-2);padding:var(--ds-space-1);background:#ffffff08;border-radius:var(--ds-radius-md)}.ds-tabs--pill .ds-tabs__tab{border-radius:var(--ds-radius-sm);padding:var(--ds-space-2) var(--ds-space-3)}.ds-tabs--pill .ds-tabs__tab:after{display:none}.ds-tabs--pill .ds-tabs__tab--active{background:var(--ds-color-primary-subtle);border:var(--ds-border-width-thin) solid var(--ds-color-primary-border);color:var(--ds-color-primary-text)}.metric-card{position:relative;overflow:visible}.metric-card .ds-card__body{padding:var(--ds-space-3)}.metric-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:var(--ds-radius-lg) var(--ds-radius-lg) 0 0;transition:opacity var(--ds-motion-transition-fast)}.metric-card:hover:before{opacity:.9}.metric-card__label{margin:0;font-size:var(--ds-type-size-xs);font-family:var(--ds-type-font-body);font-weight:var(--ds-type-weight-medium);text-transform:uppercase;letter-spacing:var(--ds-type-tracking-wide);color:var(--ds-color-text-muted);line-height:var(--ds-type-leading-tight)}.metric-card__value{display:block;margin-top:var(--ds-space-1);font-size:var(--ds-type-size-xl);font-family:var(--ds-type-font-heading);font-weight:var(--ds-type-weight-bold);line-height:var(--ds-type-leading-tight);transition:color var(--ds-motion-transition-fast)}.metric-card__subtitle{display:block;margin-top:var(--ds-space-1);font-size:var(--ds-type-size-sm);font-family:var(--ds-type-font-body);font-weight:var(--ds-type-weight-normal);color:var(--ds-color-text-muted);line-height:var(--ds-type-leading-snug)}.metric-card--danger:before,.metric-card--bad:before{background:linear-gradient(90deg,var(--ds-color-danger),var(--ds-color-danger-strong))}.metric-card--danger .metric-card__value,.metric-card--bad .metric-card__value{color:var(--ds-color-danger-text)}.metric-card--danger:hover,.metric-card--bad:hover{background:linear-gradient(150deg,rgba(37,38,54,.92),var(--ds-color-danger-subtle))}.metric-card--warning:before,.metric-card--watch:before{background:linear-gradient(90deg,var(--ds-color-warning),var(--ds-color-warning-strong))}.metric-card--warning .metric-card__value,.metric-card--watch .metric-card__value{color:var(--ds-color-warning-text)}.metric-card--warning:hover,.metric-card--watch:hover{background:linear-gradient(150deg,rgba(37,38,54,.92),var(--ds-color-warning-subtle))}.metric-card--success:before,.metric-card--good:before{background:linear-gradient(90deg,var(--ds-color-success),var(--ds-color-success-strong))}.metric-card--success .metric-card__value,.metric-card--good .metric-card__value{color:var(--ds-color-success-text)}.metric-card--success:hover,.metric-card--good:hover{background:linear-gradient(150deg,rgba(37,38,54,.92),var(--ds-color-success-subtle))}.metric-card--info:before{background:linear-gradient(90deg,var(--ds-color-info),var(--ds-color-info-strong))}.metric-card--info .metric-card__value{color:var(--ds-color-info-text)}.metric-card--info:hover{background:linear-gradient(150deg,rgba(37,38,54,.92),var(--ds-color-info-subtle))}.metric-card--neutral:before{background:linear-gradient(90deg,var(--ds-color-neutral),var(--ds-color-text-secondary))}.metric-card--neutral .metric-card__value{color:var(--ds-color-text-primary)}.metric-card--neutral:hover{background:linear-gradient(150deg,rgba(37,38,54,.92),var(--ds-color-neutral-subtle))}.snapshot-tile{background:var(--ds-color-panel);border:1px solid var(--ds-color-panel-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-3) var(--ds-space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--ds-motion-transition-fast)}.snapshot-tile:hover{border-color:var(--ds-color-panel-border-hover);box-shadow:var(--ds-elevation-sm);transform:translateY(-1px)}.snapshot-tile__label{margin:0;font-size:var(--ds-type-size-xs);text-transform:uppercase;letter-spacing:var(--ds-type-tracking-wide);color:var(--ds-color-text-muted)}.snapshot-tile__value{display:block;margin-top:var(--ds-space-2);font-size:var(--ds-type-size-lg);font-family:var(--ds-type-font-heading);font-weight:var(--ds-type-weight-bold);color:inherit}.snapshot-tile--danger,.snapshot-tile--bad{color:var(--ds-color-danger-text)}.snapshot-tile--danger:hover,.snapshot-tile--bad:hover{background:var(--ds-color-danger-subtle)}.snapshot-tile--warning,.snapshot-tile--watch{color:var(--ds-color-warning-text)}.snapshot-tile--warning:hover,.snapshot-tile--watch:hover{background:var(--ds-color-warning-subtle)}.snapshot-tile--success,.snapshot-tile--good{color:var(--ds-color-success-text)}.snapshot-tile--success:hover,.snapshot-tile--good:hover{background:var(--ds-color-success-subtle)}.snapshot-tile--info{color:var(--ds-color-info-text)}.snapshot-tile--info:hover{background:var(--ds-color-info-subtle)}.snapshot-tile--neutral{color:var(--ds-color-text-primary)}.snapshot-tile--neutral:hover{background:var(--ds-color-neutral-subtle)}.page{display:flex;flex-direction:column;gap:var(--ds-space-6)}.page__header{margin-bottom:var(--ds-space-4);padding-bottom:var(--ds-space-4);border-bottom:1px solid rgba(255,255,255,.06)}.page__title{font-family:var(--ds-type-font-heading);font-size:var(--ds-type-size-4xl);font-weight:var(--ds-type-weight-bold);color:var(--ds-color-text-primary);margin:0 0 var(--ds-space-2);line-height:var(--ds-type-leading-tight)}.page__description{font-size:var(--ds-type-size-md);color:var(--ds-color-text-secondary);margin:0;line-height:var(--ds-type-leading-normal)}.page__content{display:flex;flex-direction:column;gap:var(--ds-space-6)}.page__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--ds-space-5)}.page__card{padding:var(--ds-space-6)}.page__card-title{font-size:var(--ds-type-size-sm);font-weight:var(--ds-type-weight-semibold);color:var(--ds-color-text-muted);text-transform:uppercase;letter-spacing:var(--ds-type-tracking-wider);margin:0 0 var(--ds-space-3)}.page__card-stat{font-family:var(--ds-type-font-heading);font-size:var(--ds-type-size-4xl);font-weight:var(--ds-type-weight-bold);color:var(--ds-color-text-primary);margin:0 0 var(--ds-space-2);line-height:var(--ds-type-leading-tight)}.page__card-stat--success{color:var(--ds-color-success)}.page__card-stat--warning{color:var(--ds-color-warning)}.page__card-stat--danger{color:var(--ds-color-danger)}.page__card-label{font-size:var(--ds-type-size-sm);color:var(--ds-color-text-secondary);margin:0}.page__placeholder{padding:var(--ds-space-16) var(--ds-space-8);text-align:center;background:linear-gradient(135deg,#25263680,#25263633);border:1px dashed var(--ds-color-panel-border);border-radius:var(--ds-radius-lg)}.page__placeholder-text{font-size:var(--ds-type-size-md);color:var(--ds-color-text-muted);margin:0;line-height:var(--ds-type-leading-relaxed);font-style:italic}.page__list{display:flex;flex-direction:column;gap:var(--ds-space-3)}.page__list-item{padding:var(--ds-space-4);background:var(--ds-color-panel);border:1px solid var(--ds-color-panel-border);border-radius:var(--ds-radius-md);transition:all var(--ds-motion-transition-fast);cursor:pointer}.page__list-item:hover{background:var(--ds-color-bg-elevated);border-color:var(--ds-color-panel-border-hover);transform:translateY(-1px);box-shadow:var(--ds-elevation-sm)}.page__list-item-title{font-size:var(--ds-type-size-lg);font-weight:var(--ds-type-weight-semibold);color:var(--ds-color-text-primary);margin:0 0 var(--ds-space-2)}.page__list-item-description{font-size:var(--ds-type-size-sm);color:var(--ds-color-text-secondary);margin:0}.page__empty{padding:var(--ds-space-16) var(--ds-space-6);text-align:center}.page__empty-icon{font-size:64px;margin-bottom:var(--ds-space-4);opacity:.5}.page__empty-title{font-size:var(--ds-type-size-2xl);font-weight:var(--ds-type-weight-semibold);color:var(--ds-color-text-primary);margin:0 0 var(--ds-space-2)}.page__empty-description{font-size:var(--ds-type-size-md);color:var(--ds-color-text-muted);margin:0;line-height:var(--ds-type-leading-relaxed)}.page__hero{background:linear-gradient(135deg,rgba(222,185,118,.06) 0%,var(--ds-color-panel) 60%);border:1px solid var(--ds-color-panel-border);border-radius:var(--ds-radius-xl);padding:var(--ds-space-8) var(--ds-space-6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--ds-elevation-md)}.page__section-title{font-family:var(--ds-type-font-heading);font-size:var(--ds-type-size-xl);font-weight:var(--ds-type-weight-semibold);color:var(--ds-color-text-primary);margin:0}.page__section-subtitle{font-size:var(--ds-type-size-sm);color:var(--ds-color-text-muted);margin:var(--ds-space-1) 0 0;line-height:var(--ds-type-leading-normal)}.page__grid--4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ds-space-5)}.page__grid--3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-space-5)}.page__grid--2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-5)}@media(max-width:1200px){.page__grid--4,.page__grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.page__grid--4,.page__grid--3,.page__grid--2{grid-template-columns:1fr}}.page__list-item-row{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-space-3)}.page__list-item-meta{font-size:var(--ds-type-size-sm);color:var(--ds-color-text-muted);margin-top:var(--ds-space-2);display:flex;align-items:center;gap:var(--ds-space-3)}.page__list-item--danger{border-color:var(--ds-color-danger-border);background:var(--ds-color-danger-subtle)}.page__list-item--warning{border-color:var(--ds-color-warning-border);background:var(--ds-color-warning-subtle)}.page__list-item--success{border-color:var(--ds-color-success-border);background:var(--ds-color-success-subtle)}.page__list-item--info{border-color:var(--ds-color-info-border);background:var(--ds-color-info-subtle)}.page__list-item--active{border-color:var(--ds-color-primary-border);background:var(--ds-color-primary-subtle)}.page__callout{margin-top:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);border-left:3px solid var(--ds-color-success-border);background:var(--ds-color-success-subtle);border-radius:0 var(--ds-radius-sm) var(--ds-radius-sm) 0;font-size:var(--ds-type-size-sm);color:var(--ds-color-text-secondary)}.page__callout--danger{border-left-color:var(--ds-color-danger-border);background:var(--ds-color-danger-subtle)}.page__callout--warning{border-left-color:var(--ds-color-warning-border);background:var(--ds-color-warning-subtle)}.page__callout--info{border-left-color:var(--ds-color-info-border);background:var(--ds-color-info-subtle)}.page__stat-row{display:flex;gap:var(--ds-space-4)}.page__stat-cell{flex:1;text-align:center;padding:var(--ds-space-4);background:var(--ds-color-panel);border:1px solid var(--ds-color-panel-border);border-radius:var(--ds-radius-md);transition:all var(--ds-motion-transition-fast)}.page__stat-cell:hover{border-color:var(--ds-color-panel-border-hover);box-shadow:var(--ds-elevation-sm)}.page__stat-value{font-family:var(--ds-type-font-heading);font-size:var(--ds-type-size-3xl);font-weight:var(--ds-type-weight-bold);line-height:var(--ds-type-leading-tight);margin:0 0 var(--ds-space-1)}.page__stat-value--danger{color:var(--ds-color-danger)}.page__stat-value--warning{color:var(--ds-color-warning)}.page__stat-value--success{color:var(--ds-color-success)}.page__stat-value--info{color:var(--ds-color-info)}.page__stat-label{font-size:var(--ds-type-size-sm);color:var(--ds-color-text-muted);margin:0}.page__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-1)}.page__breadcrumb-btn{background:none;border:none;color:var(--ds-color-primary);cursor:pointer;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);font-size:var(--ds-type-size-md);font-weight:var(--ds-type-weight-medium);font-family:inherit;transition:all var(--ds-motion-transition-fast)}.page__breadcrumb-btn:hover{background:var(--ds-color-primary-subtle)}.page__breadcrumb-sep{color:var(--ds-color-text-muted);font-size:var(--ds-type-size-sm);-webkit-user-select:none;user-select:none}.page__actions{display:flex;gap:var(--ds-space-3);margin-top:var(--ds-space-4)}.page__show-more{text-align:center;padding:var(--ds-space-3);color:var(--ds-color-text-muted);font-size:var(--ds-type-size-sm);font-style:italic}.project-card{padding:var(--ds-space-5);background:var(--ds-color-panel);border:1px solid var(--ds-color-panel-border);border-radius:var(--ds-radius-lg);cursor:pointer;transition:all var(--ds-motion-transition-fast);display:flex;flex-direction:column;gap:var(--ds-space-4);position:relative}.project-card:hover{border-color:var(--ds-color-panel-border-hover);transform:translateY(-2px);box-shadow:var(--ds-elevation-md)}.project-card--archived{opacity:.7;background:var(--ds-color-bg-elevated)}.project-card--archived:hover{opacity:.9}.project-card__header{display:flex;flex-direction:column;gap:var(--ds-space-2)}.project-card__title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--ds-space-3)}.project-card__title{font-family:var(--ds-type-font-heading);font-size:var(--ds-type-size-xl);font-weight:var(--ds-type-weight-semibold);color:var(--ds-color-text-primary);margin:0;line-height:var(--ds-type-leading-tight);flex:1}.project-card__description{font-size:var(--ds-type-size-sm);color:var(--ds-color-text-secondary);margin:0;line-height:var(--ds-type-leading-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.project-card__meta{display:flex;flex-wrap:wrap;gap:var(--ds-space-4);padding-top:var(--ds-space-3);border-top:1px solid var(--ds-color-panel-border)}.project-card__meta-item{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-type-size-sm)}.project-card__meta-item--muted{margin-left:auto}.project-card__meta-label{color:var(--ds-color-text-muted);font-weight:var(--ds-type-weight-medium)}.project-card__meta-value{color:var(--ds-color-text-secondary)}.project-card__actions{display:flex;gap:var(--ds-space-2);padding-top:var(--ds-space-3);border-top:1px solid var(--ds-color-panel-border);opacity:0;transition:opacity var(--ds-motion-transition-fast)}.project-card:hover .project-card__actions{opacity:1}.project-card:focus-within .project-card__actions{opacity:1}@media(max-width:640px){.project-card__meta{flex-direction:column;gap:var(--ds-space-2)}.project-card__meta-item--muted{margin-left:0}.project-card__actions{opacity:1}}.login-page{display:flex;flex-direction:column;gap:var(--ds-space-6)}.login-page__title{font-family:var(--ds-type-font-heading);font-size:var(--ds-type-size-3xl);font-weight:var(--ds-type-weight-bold);color:var(--ds-color-text-primary);margin:0;text-align:center}.login-page__description{font-size:var(--ds-type-size-md);color:var(--ds-color-text-secondary);margin:0;text-align:center;line-height:var(--ds-type-leading-normal)}.login-page__error{display:flex;align-items:flex-start;gap:var(--ds-space-3);padding:var(--ds-space-4);background:var(--ds-color-danger-subtle);border:1px solid var(--ds-color-danger-border);border-radius:var(--ds-radius-md)}.login-page__error-icon{font-size:var(--ds-type-size-lg);flex-shrink:0}.login-page__error-text{flex:1;margin:0;font-size:var(--ds-type-size-sm);color:var(--ds-color-danger-text);line-height:var(--ds-type-leading-normal)}.login-page__form{display:flex;flex-direction:column;gap:var(--ds-space-5)}.login-page__footer{text-align:center;padding-top:var(--ds-space-4);border-top:1px solid var(--ds-color-panel-border)}.login-page__footer-text{font-size:var(--ds-type-size-sm);color:var(--ds-color-text-muted);margin:0;font-style:italic}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--ds-space-6);background:var(--ds-color-bg-primary)}.not-found-page__content{text-align:center;max-width:540px}.not-found-page__icon{font-family:var(--ds-type-font-heading);font-size:120px;font-weight:var(--ds-type-weight-extrabold);color:var(--ds-color-primary);margin:0 0 var(--ds-space-6);line-height:1;opacity:.7}.not-found-page__title{font-family:var(--ds-type-font-heading);font-size:var(--ds-type-size-4xl);font-weight:var(--ds-type-weight-bold);color:var(--ds-color-text-primary);margin:0 0 var(--ds-space-4);line-height:var(--ds-type-leading-tight)}.not-found-page__description{font-size:var(--ds-type-size-lg);color:var(--ds-color-text-secondary);margin:0 0 var(--ds-space-8);line-height:var(--ds-type-leading-relaxed)}.not-found-page__actions{display:flex;gap:var(--ds-space-4);justify-content:center;flex-wrap:wrap}:root{--bg: #181a22;--bg-deep: #14151c;--bg-surface: #252636;--ink: #f2f3f7;--muted: #a3a5be;--muted-light: #c4c6da;--accent: #deb976;--accent-strong: #c49a4c;--accent-glow: none;--panel: rgba(37, 38, 54, .94);--panel-border: rgba(255, 255, 255, .11);--panel-border-hover: rgba(255, 255, 255, .22);--danger: #ff8a9b;--danger-bright: #ff6480;--danger-glow: none;--warning: #fcd34d;--warning-bright: #fbbf24;--warning-glow: none;--info: #7dbbff;--info-bright: #5ba3f5;--info-glow: none;--success: #6ee7a0;--success-bright: #34d399;--success-glow: none;--shadow-lg: 0 10px 30px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .28);--ds-color-bg-primary: var(--bg);--ds-color-bg-deep: var(--bg-deep);--ds-color-bg-surface: var(--bg-surface);--ds-color-text-primary: var(--ink);--ds-color-text-muted: var(--muted);--ds-color-text-secondary: var(--muted-light);--ds-color-primary: var(--accent);--ds-color-primary-strong: var(--accent-strong);--ds-color-accent: var(--accent);--ds-color-accent-strong: var(--accent-strong);--ds-color-panel: var(--panel);--ds-color-panel-border: var(--panel-border);--ds-color-panel-border-hover: var(--panel-border-hover);--ds-color-danger: var(--danger);--ds-color-danger-strong: var(--danger-bright);--ds-color-warning: var(--warning);--ds-color-warning-strong: var(--warning-bright);--ds-color-info: var(--info);--ds-color-info-strong: var(--info-bright);--ds-color-success: var(--success);--ds-color-success-strong: var(--success-bright);--ds-elevation-lg: var(--shadow-lg);--ds-elevation-md: var(--shadow-md)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color-scheme:dark;background:var(--bg);background-image:radial-gradient(ellipse at 15% 0%,rgba(222,185,118,.05) 0%,transparent 50%),radial-gradient(ellipse at 85% 100%,rgba(196,154,76,.04) 0%,transparent 50%);color:var(--ink);font-family:Manrope,Segoe UI,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}