:root{--app-header-height: 4rem;--brand-elderberry: #17182B;--brand-wattish: #3FE3A1;--brand-alabaster: #F2F0E6;--surface-canvas: #fafbfc;--surface-primary: #ffffff;--surface-secondary: #f8f9fa;--surface-tertiary: var(--brand-alabaster);--surface-inverse: var(--brand-elderberry);--border-default: #e8eaed;--border-subtle: #f1f3f5;--border-strong: #d4d7dc;--text-primary: var(--brand-elderberry);--text-secondary: #5f6368;--text-tertiary: #9aa0a6;--text-inverse: #ffffff;--text-link: var(--brand-elderberry);--text-link-hover: #0d0e17;--status-success-bg: #e6f4ed;--status-success-text: #1e4d2b;--status-success-border: #5bb98b;--status-info-bg: #e8f0fe;--status-info-text: #174ea6;--status-info-border: #4285f4;--status-warning-bg: #fef7e0;--status-warning-text: #7c4a03;--status-warning-border: #f9ab00;--status-danger-bg: #fce8e6;--status-danger-text: #8c1d18;--status-danger-border: #d93025;--status-neutral-bg: var(--surface-secondary);--status-neutral-text: var(--text-secondary);--status-neutral-border: var(--border-default);--interactive-primary-bg: var(--brand-wattish);--interactive-primary-text: var(--brand-elderberry);--interactive-primary-hover: #36cc8e;--interactive-secondary-bg: var(--brand-elderberry);--interactive-secondary-text: var(--text-inverse);--interactive-secondary-hover: #0d0e17;--interactive-ghost-bg: transparent;--interactive-ghost-text: var(--text-primary);--interactive-ghost-hover: var(--surface-secondary);--focus-ring-color: var(--brand-wattish);--focus-ring-offset: var(--brand-elderberry);--focus-ring-width: 2px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--heading-h1-size: var(--text-3xl);--heading-h1-weight: 700;--heading-h1-line: 1.2;--heading-h2-size: var(--text-2xl);--heading-h2-weight: 700;--heading-h2-line: 1.3;--heading-h3-size: var(--text-xl);--heading-h3-weight: 600;--heading-h3-line: 1.4;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-md: 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 8px -2px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 16px -4px rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 var(--focus-ring-width) rgba(63, 227, 161, .25);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line)}h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line)}h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line)}a{color:var(--text-link);text-decoration:none}.container{width:100%;max-width:1100px;margin-left:auto;margin-right:auto;padding-left:var(--space-5);padding-right:var(--space-5)}.container--narrow{max-width:960px}.stack{display:flex;flex-direction:column}.stack--1{gap:var(--space-1)}.stack--2{gap:var(--space-2)}.stack--3{gap:var(--space-3)}.stack--4{gap:var(--space-4)}.stack--5{gap:var(--space-5)}.stack--6{gap:var(--space-6)}.stack--8{gap:var(--space-8)}.stack--10{gap:var(--space-10)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.cluster--space-between{justify-content:space-between}.grid{display:grid;gap:var(--space-6)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--2-responsive{grid-template-columns:repeat(2,1fr)}.grid--3-responsive{grid-template-columns:repeat(3,1fr)}.grid--layout-2-1{grid-template-columns:2fr 1fr}@media(max-width:1024px){.grid--2-responsive,.grid--3-responsive,.grid--layout-2-1{grid-template-columns:1fr}}.card{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.card--raised{box-shadow:var(--shadow-md)}.card--highlight{border-width:1px;border-color:var(--status-success-border);background:var(--status-success-bg)}.card__header{padding:var(--space-4) var(--space-6);background:var(--surface-secondary);border-bottom:1px solid var(--border-default)}.card__header--split{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.card__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.card__body{padding:var(--space-6)}.card__body--compact{padding:var(--space-4)}.metric-card{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4)}.metric-card__icon{width:3rem;height:3rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-card__icon--wattish{background:#3fe3a11f;color:#1e4d2b}.metric-card__icon--alabaster{background:var(--brand-alabaster);color:var(--brand-elderberry)}.metric-card__content{flex:1}.metric-card__label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium)}.metric-card__value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-top:var(--space-1)}.metric-card__value--small{font-size:var(--text-base)}.metric-card__value--large{font-size:var(--text-3xl)}.metric-card--cta{background:var(--surface-inverse);color:var(--text-inverse);cursor:pointer;transition:transform var(--transition-fast)}.metric-card--cta:hover{transform:translateY(-1px)}.metric-card--cta .metric-card__label{color:var(--brand-wattish)}.metric-card--cta .metric-card__value{color:var(--text-inverse)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;background:var(--surface-primary);color:var(--text-primary);white-space:nowrap}.btn:hover{background:var(--surface-secondary);border-color:var(--border-strong)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--interactive-primary-bg);color:var(--interactive-primary-text);border-color:var(--interactive-primary-bg);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-4)}.btn--primary:hover{background:var(--interactive-primary-hover);border-color:var(--interactive-primary-hover)}.btn--secondary{background:var(--interactive-secondary-bg);color:var(--interactive-secondary-text);border-color:var(--interactive-secondary-bg);font-weight:var(--weight-semibold)}.btn--secondary:hover{background:var(--interactive-secondary-hover);border-color:var(--interactive-secondary-hover)}.btn--danger{background:var(--status-danger-bg);color:var(--status-danger-text);border-color:var(--status-danger-border)}.btn--danger:hover{background:#f9d3d0}.btn--ghost{background:var(--interactive-ghost-bg)}.btn--ghost:hover{background:var(--interactive-ghost-hover)}.btn--full{width:100%}.btn--loading{position:relative;color:transparent}.btn--loading:after{content:"";position:absolute;width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.form-input,.form-select,.form-textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;color:var(--text-primary);background:var(--surface-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::-moz-placeholder{color:var(--text-tertiary)}.form-input::placeholder{color:var(--text-tertiary)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--brand-wattish);box-shadow:var(--shadow-focus)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--surface-secondary);color:var(--text-tertiary);cursor:not-allowed}.form-input--error{border-color:var(--status-danger-border)}.form-input--error:focus{box-shadow:0 0 0 2px #d9302526}.form-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.form-error{font-size:var(--text-xs);color:var(--status-danger-text);font-weight:var(--weight-medium)}.form-checkbox{display:flex;align-items:start;gap:var(--space-3)}.form-checkbox input[type=checkbox],.form-radio input[type=radio]{width:1rem;height:1rem;margin-top:.125rem;border:1px solid var(--border-default);cursor:pointer;accent-color:var(--brand-wattish)}.form-checkbox input[type=checkbox]{border-radius:var(--radius-sm)}.form-radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-radio{display:flex;align-items:center;gap:var(--space-2)}.table-wrapper{overflow-x:auto}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm)}.table--compact{font-size:var(--text-xs)}.table--compact td,.table--compact th{padding:var(--space-2) var(--space-4)}.table thead{background:var(--surface-secondary);position:relative}.table--sticky-header thead{position:sticky;top:0;z-index:10}.table th{text-align:left;padding:var(--space-3) var(--space-6);font-weight:var(--weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-xs);border-bottom:1px solid var(--border-default)}.table th--sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.table th--sortable:hover{color:var(--text-primary)}.table td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle)}.table tbody tr:hover{background:var(--surface-canvas)}.table--zebra tbody tr:nth-child(2n){background:var(--surface-secondary)}.table--zebra tbody tr:nth-child(2n):hover{background:var(--surface-tertiary)}.table__value--bold{font-weight:var(--weight-semibold);color:var(--text-primary)}.table__value--mono{font-family:SF Mono,Monaco,Courier New,monospace;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1}.badge--success{background:var(--status-success-bg);color:var(--status-success-text)}.badge--info{background:var(--status-info-bg);color:var(--status-info-text)}.badge--warning{background:var(--status-warning-bg);color:var(--status-warning-text)}.badge--danger{background:var(--status-danger-bg);color:var(--status-danger-text)}.badge--neutral{background:var(--status-neutral-bg);color:var(--status-neutral-text)}.badge--large{font-size:var(--text-base);padding:var(--space-2) var(--space-3)}.header{background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-default);position:sticky;top:0;z-index:100}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;min-height:var(--app-header-height)}.logo{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);text-decoration:none;flex-shrink:0}.logo:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.nav{display:flex;gap:var(--space-6);align-items:center}.nav__link{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--weight-medium);transition:color var(--transition-fast);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap}.nav__link:hover{color:var(--text-primary);background:var(--surface-secondary)}.nav__link:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.nav__link--active{color:var(--text-primary);background:var(--surface-secondary)}.header__user{display:flex;align-items:center;gap:var(--space-3);padding-left:var(--space-6);border-left:1px solid var(--border-default)}.header__mobile-toggle{display:none}.header__mobile-nav{display:none;padding:var(--space-4) 0;border-top:1px solid var(--border-subtle)}.header__mobile-nav .nav{flex-direction:column;align-items:stretch;gap:0}.header__mobile-nav .nav__link{padding:var(--space-3) var(--space-4);border-radius:0;border-bottom:1px solid var(--border-subtle)}.header__mobile-nav .nav__link:last-child{border-bottom:none}@media(max-width:640px){.header__inner{flex-wrap:nowrap}.nav.hidden,.header__user.hidden{display:none}.header__mobile-toggle{display:flex}.header__mobile-nav.show{display:block}.header__mobile-nav-active{display:block;padding:var(--space-4) 0;border-top:1px solid var(--border-subtle)}.logo{font-size:var(--text-lg)}}@media(max-width:480px){.header__inner{padding:var(--space-3) 0}.logo{font-size:var(--text-base)}.header__mobile-nav .nav__link{padding:var(--space-3)}}@media(min-width:641px){.header__inner{gap:var(--space-8)}.nav{flex:1;justify-content:center}}.page-header{padding:var(--space-8) 0}.page-header--with-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.page-header__title{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);color:var(--text-primary)}.page-header__subtitle{color:var(--text-secondary);margin-top:var(--space-2)}.page-header__meta{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.sticky-subheader{background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-default);border-top:none;border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);padding:var(--space-4) 0;position:sticky;top:var(--app-header-height);z-index:50}.sticky-subheader__inner{display:flex;justify-content:space-between;align-items:center}.callout{border-left:3px solid var(--brand-wattish);background:#3fe3a114;padding:var(--space-4);border-radius:0 var(--radius-lg) var(--radius-lg) 0;display:flex;gap:var(--space-3)}.callout__icon{width:1.5rem;height:1.5rem;flex-shrink:0;color:#1e4d2b}.callout__content{flex:1}.callout__text{color:var(--brand-elderberry);font-style:italic;font-weight:var(--weight-medium)}.callout__text+.callout__text{margin-top:var(--space-3)}.detail-list{display:flex;flex-direction:column}.detail-list__item{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.detail-list__item:last-child{border-bottom:none}.detail-list__label{color:var(--text-secondary);font-size:var(--text-sm)}.detail-list__value{font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:var(--weight-bold)}.avatar--sm{width:1.5rem;height:1.5rem;font-size:var(--text-xs)}.avatar--md{width:2rem;height:2rem;font-size:var(--text-sm)}.avatar--initials{background:var(--surface-secondary);color:var(--text-secondary)}.step-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--space-2)}.table-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);flex:1;max-width:100%}.table-toolbar__search{flex:1;max-width:24rem;position:relative}.table-toolbar__filters{display:flex;gap:var(--space-3);align-items:center}.toast{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:200;max-width:400px;min-width:320px;background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.toast--success{border-left:3px solid var(--status-success-border);background:var(--status-success-bg)}.toast--info{border-left:3px solid var(--status-info-border);background:var(--status-info-bg)}.toast--warning{border-left:3px solid var(--status-warning-border);background:var(--status-warning-bg)}.toast--danger{border-left:3px solid var(--status-danger-border);background:var(--status-danger-bg)}.toast__content{display:flex;align-items:start;gap:var(--space-3);padding:var(--space-4)}.toast__icon{flex-shrink:0;width:2rem;height:2rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.toast--success .toast__icon{background:var(--status-success-border);color:#fff}.toast--info .toast__icon{background:var(--status-info-border);color:#fff}.toast--warning .toast__icon{background:var(--status-warning-border);color:#fff}.toast--danger .toast__icon{background:var(--status-danger-border);color:#fff}.toast__body{flex:1;min-width:0}.toast__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.toast__message{font-size:var(--text-xs);color:var(--text-secondary)}.toast__close{flex-shrink:0;background:transparent;border:none;padding:var(--space-1);cursor:pointer;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast__close:hover{background:var(--surface-secondary);color:var(--text-primary)}@media(max-width:640px){.toast{bottom:var(--space-3);right:var(--space-3);left:var(--space-3);max-width:none;min-width:0}}.divider{height:1px;background:var(--border-subtle);border:none;margin:var(--space-6) 0}.text-mono{font-family:SF Mono,Monaco,Courier New,monospace;font-variant-numeric:tabular-nums}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-wattish{color:var(--brand-wattish)}.text-elderberry{color:var(--brand-elderberry)}.text-alabaster{color:var(--brand-alabaster)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-inverse{color:var(--text-inverse)}.text-normal{font-weight:var(--weight-normal)}.text-medium{font-weight:var(--weight-medium)}.text-semibold{font-weight:var(--weight-semibold)}.text-bold{font-weight:var(--weight-bold)}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.view-switcher{position:fixed;bottom:var(--space-4);right:var(--space-4);background:var(--brand-elderberry);color:var(--text-inverse);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);box-shadow:var(--shadow-lg);z-index:200}.view-switcher select{background:transparent;color:var(--brand-wattish);border:1px solid var(--brand-wattish);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:var(--weight-semibold);cursor:pointer;margin-left:var(--space-2)}.view{display:none}.view.active{display:block}.hidden{display:none}@media(min-width:640px){.sm\:flex{display:flex}.sm\:hidden{display:none}}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}}