:root{--color-primary: #E5007D;--color-primary-hover: #C4006A;--color-primary-active: #C4006A;--color-secondary: #1E2D40;--color-navy-deep: #0D1A2A;--color-bg: #FFFFFF;--color-surface-1: #F9FAFB;--color-surface-2: #F4F4F4;--color-surface-3: #F3F3F3;--color-text: #1E2D40;--color-text-body: #374151;--color-text-muted: #9CA3AF;--color-text-strong: #1E2D40;--color-text-inverse: #FFFFFF;--color-border: #E5E7EB;--color-divider: #E5E7EB;--color-success: #16A34A;--color-success-bg: #DCFCE7;--color-warning: #92400E;--color-warning-bg: #FEF3C7;--color-error: #D32F2F;--color-info: #1863DC;--overlay-dark: rgba(0,0,0,.5);--font-display: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 40px;--s-8: 48px;--s-9: 64px;--s-10: 80px;--s-11: 96px;--s-12: 128px;--r-xs: 2px;--r-sm: 6px;--r-md: 12px;--r-pill: 999px;--r-circle: 50%;--sh-xs: 0 1px 2px rgba(0,0,0,.06);--sh-sm: 0 2px 5px rgba(0,0,0,.25);--sh-md: 0 8px 10px -8px rgba(131,131,131,.7);--sh-lg: 0 0 20px rgba(0,0,0,.2);--sh-xl: 0 32px 68px rgba(0,0,0,.3);--sh-ring: 0 0 0 3px rgba(229,0,125,.25);--sh-glow: 0 4px 20px rgba(229,0,125,.4);--container-max: 1320px;--container-narrow: 960px;--gutter: 16px;--gutter-lg: 32px;--grid-cols: 12;--grid-gap: 24px;--ease: cubic-bezier(.2,.7,.2,1);--ease-emph: cubic-bezier(.16,1,.3,1);--d-fast: .16s;--d-base: .24s;--d-slow: .4s;--z-sticky: 100;--z-header: 200;--z-overlay: 900;--z-drawer: 1000;--z-modal: 1100;--z-toast: 1200}@media(prefers-reduced-motion:reduce){:root{--d-fast: .01ms;--d-base: .01ms;--d-slow: .01ms}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-text-body);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-text);margin:0}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-6);padding:var(--s-6);background:linear-gradient(145deg,var(--color-navy-deep) 0%,var(--color-secondary) 55%,var(--color-navy-deep) 100%)}.login__logo{display:block;flex:0 0 auto}.login__brand{display:block;align-self:center}.login__card{width:100%;max-width:420px;background:var(--color-bg);border-radius:var(--r-md);padding:var(--s-7) var(--s-6);box-shadow:var(--sh-md);display:flex;flex-direction:column;gap:var(--s-5)}.login__head{display:flex;flex-direction:column;gap:var(--s-1)}.login__head h1{font:600 28px/1.15 var(--font-display);margin:0;color:var(--color-text)}.login__head h1 .accent{color:var(--color-primary)}.login__form{display:flex;flex-direction:column;gap:var(--s-4)}.login__error{padding:12px 14px;font:400 14px/1.4 var(--font-body);color:var(--color-error);background:#d32f2f14;border:1px solid var(--color-error);border-radius:var(--r-xs)}.login__submit{align-self:flex-start}dialog.dialog{border:none;padding:0;background:transparent;max-width:520px;width:100%}dialog.dialog::backdrop{background:#00000080}.dialog__card{background:var(--color-bg);border-radius:var(--r-md);padding:var(--s-7);box-shadow:var(--sh-xl);display:flex;flex-direction:column;gap:var(--s-5)}.dialog__head{display:flex;flex-direction:column;gap:var(--s-1)}.dialog__head h2{font:600 24px/1.25 var(--font-display);color:var(--color-text);margin:0}.dialog__head h2 .accent{color:var(--color-primary)}.dialog__form{display:flex;flex-direction:column;gap:var(--s-4)}.dialog__body{margin:0;color:var(--color-text)}.dialog__error{padding:10px 12px;font:400 14px/1.4 var(--font-body);color:var(--color-error);background:#d32f2f14;border:1px solid var(--color-error);border-radius:var(--r-xs)}.dialog__actions{display:flex;justify-content:flex-end;gap:var(--s-3);margin-top:var(--s-2)}.dialog__danger{color:var(--color-error)}.status-badge{display:inline-block;padding:4px 10px;font:500 12px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--r-pill);white-space:nowrap}.status-badge--in_progress{color:var(--color-secondary);background:#1e2d401a}.status-badge--approval_pending{color:var(--color-warning);background:var(--color-warning-bg)}.status-badge--completed{color:var(--color-success);background:var(--color-success-bg)}.status-badge--cancelled{color:var(--color-text-muted);background:var(--color-surface-2)}.data-table{display:flex;flex-direction:column;background:var(--color-bg);border:1px solid var(--color-divider);border-radius:var(--r-md);box-shadow:var(--sh-md);overflow:hidden}.data-table__head,.data-table__row{display:grid;gap:var(--s-4);padding:0 var(--s-5);align-items:center}.data-table__head{padding-top:var(--s-3);padding-bottom:var(--s-3);background:var(--color-surface-1);font:500 12px/1.4 var(--font-display);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.data-table__row{min-height:56px;border-top:1px solid var(--color-divider);font:400 14px/1.5 var(--font-body);color:var(--color-text-strong)}.data-table__c{display:flex;align-items:center;justify-content:center;text-align:center}.data-table__row--link{color:inherit;text-decoration:none;cursor:pointer;transition:background-color var(--d-fast) var(--ease)}.data-table__row--link:hover{background:var(--color-surface-1)}.data-table__row--link:focus-visible{outline:none;box-shadow:var(--sh-ring)}.data-table__row--skeleton{height:56px;background:linear-gradient(90deg,var(--color-surface-1) 0%,var(--color-surface-2) 50%,var(--color-surface-1) 100%);background-size:200% 100%;animation:skeleton 1.2s ease-in-out infinite}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.cell-customer{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.cell-stack__primary{font:500 14px/1.35 var(--font-body);color:var(--color-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-muted{color:var(--color-text-muted);font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:var(--color-text-strong)}.empty{background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--r-md);padding:var(--s-5);color:var(--color-text-muted);font:400 14px/1.5 var(--font-body)}.section-error{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);background:#d32f2f14;color:var(--color-error);border-radius:var(--r-xs)}.customers-toolbar{display:flex;gap:var(--s-3);align-items:center;margin-bottom:var(--s-4);flex-wrap:wrap}.customers-toolbar__search{max-width:360px}.customers-toolbar>.btn{margin-left:auto}.customers-table .data-table__head,.customers-table .data-table__row{grid-template-columns:1.6fr 1.4fr 1.6fr 1fr 90px 96px}.customers-table__delete:not(:disabled){color:var(--color-error)}.customers-table__delete:disabled{opacity:.4;cursor:not-allowed}.dash-lead{margin:calc(-1 * var(--s-3)) 0 var(--s-6);max-width:60ch;font:400 16px/1.55 var(--font-body);color:var(--color-text-body)}.dash-section{margin-top:var(--s-7);display:flex;flex-direction:column;gap:var(--s-4)}.dash-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4)}.dash-section__title{font:600 24px/1.25 var(--font-display);color:var(--color-text);margin:0}.dash-link{display:inline-flex;align-items:center;gap:6px;font:500 13px/1 var(--font-display);letter-spacing:.5px;color:var(--color-primary);white-space:nowrap;transition:gap var(--d-fast) var(--ease),color var(--d-fast) var(--ease)}.dash-link:after{content:"→";font-size:15px;line-height:1}.dash-link:hover{color:var(--color-primary-hover);gap:10px}.dash-link:focus-visible{outline:none;box-shadow:var(--sh-ring);border-radius:var(--r-xs)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s-4)}.kpi-card{--kpi-accent: var(--color-text-muted);position:relative;overflow:hidden;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--r-md);padding:var(--s-5);box-shadow:var(--sh-md);display:flex;flex-direction:column;gap:var(--s-3);transition:transform var(--d-base) var(--ease-emph),box-shadow var(--d-base) var(--ease),border-color var(--d-base) var(--ease);animation:kpi-rise var(--d-slow) var(--ease-emph) backwards}.kpi-card:nth-child(1){animation-delay:0ms}.kpi-card:nth-child(2){animation-delay:70ms}.kpi-card:nth-child(3){animation-delay:.14s}.kpi-card:nth-child(4){animation-delay:.21s}.kpi-card:before{content:"";position:absolute;top:-56px;right:-56px;width:140px;height:140px;border-radius:var(--r-circle);background:radial-gradient(circle,color-mix(in srgb,var(--kpi-accent) 26%,transparent) 0%,transparent 68%);pointer-events:none;transition:transform var(--d-base) var(--ease)}.kpi-card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--kpi-accent) 0%,color-mix(in srgb,var(--kpi-accent) 35%,transparent) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--d-base) var(--ease-emph)}.kpi-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);border-color:color-mix(in srgb,var(--kpi-accent) 45%,var(--color-border))}.kpi-card:hover:before{transform:scale(1.18)}.kpi-card:hover:after{transform:scaleX(1)}.kpi-card--neutral{--kpi-accent: var(--color-primary)}.kpi-card--approval_pending{--kpi-accent: var(--color-warning)}.kpi-card--in_progress{--kpi-accent: var(--color-info)}.kpi-card--completed{--kpi-accent: var(--color-success)}.kpi-card__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-sm);color:var(--kpi-accent);background:color-mix(in srgb,var(--kpi-accent) 12%,var(--color-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kpi-accent) 18%,transparent)}.kpi-card__icon svg{width:22px;height:22px}.kpi-card__value{margin:0;font:600 40px/1.05 var(--font-display);color:var(--color-text-strong);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.kpi-card__label{margin:0;font:500 13px/1.4 var(--font-display);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.kpi-card__value[aria-busy=true]{color:var(--color-text-muted)}@keyframes kpi-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.kpi-grid__error{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);background:#d32f2f14;color:var(--color-error);border-radius:var(--r-xs)}.dashboard-table .data-table__head,.dashboard-table .data-table__row{grid-template-columns:190px 1.6fr 1.4fr 180px 120px}.feed{position:relative;list-style:none;margin:0;padding:var(--s-3) 0;background:var(--color-bg);border:1px solid var(--color-divider);border-radius:var(--r-xs)}.feed:before{content:"";position:absolute;left:24px;top:22px;bottom:22px;width:2px;background:var(--color-divider)}.feed__item{position:relative;display:grid;grid-template-columns:16px 1fr;gap:var(--s-3);padding:var(--s-3) var(--s-4);align-items:start}.feed__dot{justify-self:center;width:10px;height:10px;margin-top:4px;border-radius:var(--r-circle);background:var(--color-text-muted);box-shadow:0 0 0 3px var(--color-bg);z-index:1}.feed__dot--brand{background:var(--color-primary)}.feed__dot--info{background:var(--color-secondary)}.feed__dot--success{background:var(--color-success)}.feed__dot--warn{background:var(--color-warning)}.feed__dot--neutral{background:var(--color-text-muted)}.feed__item--skeleton{display:block;height:52px;margin:0 var(--s-4);border-radius:var(--r-xs);background:linear-gradient(90deg,var(--color-surface-1) 0%,var(--color-surface-2) 50%,var(--color-surface-1) 100%);background-size:200% 100%;animation:skeleton 1.2s ease-in-out infinite}.feed__body{display:flex;flex-direction:column;gap:4px;min-width:0}.feed__line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3)}.feed__message{margin:0;font:400 14px/1.5 var(--font-body);color:var(--color-text-strong)}.feed__time{flex-shrink:0;font:400 12px/1.4 var(--font-body);color:var(--color-text-muted);white-space:nowrap}.feed__meta{margin:0;font:400 12px/1.4 var(--font-body);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.feed__project{color:var(--color-text-strong);transition:color var(--d-fast) var(--ease)}.feed__project:hover{color:var(--color-primary)}.feed__project:focus-visible{outline:none;box-shadow:var(--sh-ring);border-radius:2px}.feed__actor{color:var(--color-text-muted)}.feed__event-type{font:500 11px/1 var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text);background:var(--color-surface-2);padding:3px 8px;border-radius:var(--r-xs)}.ai-tab{display:flex;flex-direction:column;gap:var(--s-5)}.ai-tab__hint{margin:0;padding:var(--s-3) var(--s-4);background:var(--color-surface-1);border-radius:var(--r-md);color:var(--color-text-body);font:400 14px/1.5 var(--font-body)}.ai-group{display:flex;flex-direction:column;gap:var(--s-3)}.ai-group--discarded{opacity:.55}.ai-group__head{display:flex;align-items:center;gap:var(--s-3)}.ai-group__title{margin:0;font:600 15px/1.3 var(--font-display);color:var(--color-text-strong)}.ai-group__flag{padding:2px 10px;font:500 11px/1.4 var(--font-display);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--r-pill);background:var(--color-surface-2);color:var(--color-text-muted)}.ai-grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}@media(max-width:560px){.ai-grid{grid-template-columns:1fr}}.ai-tile{display:flex;flex-direction:column;gap:var(--s-2)}.ai-tile--skeleton{aspect-ratio:3 / 1;border-radius:var(--r-md);background:var(--color-surface-1)}.ai-tile__image{position:relative;aspect-ratio:3 / 1;width:100%;padding:0;background:var(--color-surface-2);border:1px solid var(--color-divider);border-radius:var(--r-md);overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:zoom-in;font:inherit;transition:border-color var(--d-fast),box-shadow var(--d-fast)}.ai-tile__image:hover{border-color:var(--color-primary);box-shadow:var(--sh-md)}.ai-tile__image:focus-visible{outline:none;box-shadow:var(--sh-ring)}.ai-tile__image img{width:100%;height:100%;object-fit:contain;transition:transform var(--d-base)}.ai-tile__image:hover img{transform:scale(1.03)}.ai-tile__zoomcue{position:absolute;bottom:var(--s-2);left:var(--s-2);padding:4px 10px;font:500 11px/1.4 var(--font-display);letter-spacing:.3px;border-radius:var(--r-pill);background:#0d1a2ad1;color:#fff;opacity:0;pointer-events:none;transition:opacity var(--d-fast)}.ai-tile__image:hover .ai-tile__zoomcue,.ai-tile__image:focus-visible .ai-tile__zoomcue{opacity:1}.ai-tile__badge{position:absolute;top:var(--s-2);right:var(--s-2);padding:3px 10px;font:500 11px/1.4 var(--font-display);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--r-pill);background:var(--color-surface-1);color:var(--color-text-strong)}.ai-tile__badge--selected{background:var(--color-success);color:var(--color-text-inverse)}.ai-tile__badge--locked{background:var(--color-primary);color:#fff}.ai-tile__badge--favorited{background:var(--color-warning-bg);color:var(--color-warning)}.ai-tile__caption{font:500 13px/1.3 var(--font-body);color:var(--color-text-muted)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--s-4);background:#0d1a2adb}.lightbox__inner{display:flex;flex-direction:column;width:100%;max-width:min(1280px,96vw);max-height:94vh;overflow:hidden;background:var(--color-bg);border-radius:var(--r-md);box-shadow:var(--sh-xl)}.lightbox__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--color-divider)}.lightbox__title{font:600 16px/1.3 var(--font-display);color:var(--color-text-strong)}.lightbox__tools{display:flex;align-items:center;gap:var(--s-2)}.lightbox__zoom{padding:5px 12px;font:500 12px/1.3 var(--font-display);color:var(--color-text-strong);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--r-pill);cursor:pointer;transition:background var(--d-fast),border-color var(--d-fast),color var(--d-fast)}.lightbox__zoom[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.lightbox__close{padding:0 var(--s-2);font-size:28px;line-height:1;color:var(--color-text);background:transparent;border:none;border-radius:var(--r-sm);cursor:pointer}.lightbox__zoom:focus-visible,.lightbox__close:focus-visible,.lightbox__nav:focus-visible{outline:none;box-shadow:var(--sh-ring)}.lightbox__stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:360px;padding:var(--s-5);overflow:hidden;background:var(--color-surface-2)}.lightbox__image{display:block;max-width:100%;max-height:78vh;object-fit:contain;cursor:zoom-in;transition:transform var(--d-base);will-change:transform}.lightbox__image--zoomed{cursor:zoom-out}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;color:var(--color-text);background:var(--color-bg);border:none;border-radius:var(--r-circle);box-shadow:var(--sh-md);cursor:pointer}.lightbox__nav--prev{left:var(--s-3)}.lightbox__nav--next{right:var(--s-3)}.lightbox__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);font:500 13px/1.4 var(--font-body);color:var(--color-text-muted);border-top:1px solid var(--color-divider)}@media(prefers-reduced-motion:reduce){.ai-tile__image img,.lightbox__image{transition:none}.ai-tile__image:hover img{transform:none}}.approval-tab{display:flex;flex-direction:column;gap:var(--s-5)}.approval-banner{display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-4) var(--s-5);border-radius:var(--r-md);border-left:3px solid var(--color-divider);background:var(--color-surface-1)}.approval-banner__title{font:600 15px/1.3 var(--font-display);color:var(--color-text-strong)}.approval-banner__text{font:400 14px/1.5 var(--font-body);color:var(--color-text-body)}.approval-banner--approved{border-left-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 8%,var(--color-bg))}.approval-banner--pending{border-left-color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 8%,var(--color-bg))}.approval-banner--changes{border-left-color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 10%,var(--color-bg))}.approval-comment{display:flex;flex-direction:column;gap:4px;padding:var(--s-2) var(--s-3);border-radius:var(--r-xs);background:color-mix(in srgb,var(--color-warning) 10%,var(--color-bg));border-left:2px solid var(--color-warning)}.approval-comment__label{font:500 11px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.approval-comment__text{margin:0;font:400 13px/1.5 var(--font-body);color:var(--color-text-strong);word-break:break-word}.approval-comment__none{margin:0;font:400 13px/1.5 var(--font-body);font-style:italic}.briefing-view{display:flex;flex-direction:column;gap:var(--s-4)}.briefing-view__submitted{margin:0;font:400 13px/1.4 var(--font-body);color:var(--color-text-muted)}.briefing-view__submitted time{color:var(--color-text-strong);font-weight:500}.briefing-tab__skeleton{height:240px;border-radius:var(--r-md);background:linear-gradient(90deg,var(--color-surface-1) 0%,var(--color-surface-2) 50%,var(--color-surface-1) 100%);background-size:200% 100%;animation:skeleton 1.2s ease-in-out infinite}.briefing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--s-5);align-items:start}.briefing-colors{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.briefing-color{display:flex;align-items:center;gap:var(--s-3)}.briefing-color__swatch{width:28px;height:28px;flex:none;border-radius:var(--r-sm);border:1px solid var(--color-divider)}.briefing-color__meta{display:flex;flex-direction:column;line-height:1.3}.briefing-color__hex{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:var(--color-text-strong)}.briefing-color__cmyk{font:400 12px/1.3 var(--font-body);color:var(--color-text-body)}.briefing-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-2)}.briefing-tag{font:500 12px/1 var(--font-display);color:var(--color-secondary);background:#1e2d4014;padding:5px 10px;border-radius:var(--r-pill)}.briefing-file--image{display:inline-block;border:1px solid var(--color-divider);border-radius:var(--r-sm);padding:var(--s-2);background:var(--color-surface-1);transition:border-color var(--d-fast) var(--ease)}.briefing-file--image:hover{border-color:var(--color-primary)}.briefing-file--image img{display:block;max-width:160px;max-height:80px;object-fit:contain}.project-detail{display:flex;flex-direction:column;gap:var(--s-5)}.project-detail__skeleton{background:var(--color-surface-1);border-radius:var(--r-md);padding:var(--s-6);color:var(--color-text-muted);font:400 14px/1.5 var(--font-body)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-5);padding-bottom:var(--s-5);border-bottom:1px solid var(--color-divider)}.project-header__left{display:flex;flex-direction:column;gap:var(--s-2);min-width:0}.project-header__left h1{margin:0;font:600 32px/1.2 var(--font-display);color:var(--color-text)}.project-header__meta{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;font:400 14px/1.5 var(--font-body);color:var(--color-text-body)}.project-header__customer{display:inline-flex;align-items:center;gap:var(--s-2)}.project-header__divider{color:var(--color-text-muted)}.project-header__ax{display:inline-flex;align-items:center;gap:var(--s-2)}.project-header__ax-value{color:var(--color-text-strong);font-weight:500}.project-header__ax-value .muted{font-style:italic;color:var(--color-text-muted)}.project-header__ax-edit{display:inline-flex;align-items:center;gap:var(--s-2)}.project-header__ax-edit .input{width:200px;padding:6px 10px;font-size:14px}.project-header__error{margin:0;color:var(--color-error);font:400 13px/1.4 var(--font-body)}.project-header__right{display:flex;align-items:flex-start}.project-tabs{display:flex;gap:var(--s-1);border-bottom:1px solid var(--color-divider);overflow-x:auto;scrollbar-width:none}.project-tabs::-webkit-scrollbar{display:none}.project-tabs__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:var(--s-3) var(--s-4);font:500 13px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color var(--d-fast) var(--ease),border-color var(--d-fast) var(--ease);white-space:nowrap}.project-tabs__tab:hover{color:var(--color-text)}.project-tabs__tab:focus-visible{outline:none;box-shadow:var(--sh-ring);border-radius:var(--r-xs)}.project-tabs__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.project-detail__tab-content{min-height:240px}.project-detail__tab-content .muted{color:var(--color-text-muted);font:400 14px/1.5 var(--font-body)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--s-5)}.overview-card{background:var(--color-bg);border:1px solid var(--color-divider);border-radius:var(--r-md);padding:var(--s-5)}.overview-card__title{margin:0 0 var(--s-3);font:500 14px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.overview-list{margin:0;display:grid;grid-template-columns:160px 1fr;row-gap:var(--s-3);column-gap:var(--s-4);font:400 14px/1.5 var(--font-body)}.overview-list dt{color:var(--color-text-muted);font-weight:500}.overview-list dd{margin:0;color:var(--color-text-strong)}.overview-list .muted{color:var(--color-text-muted);font-style:italic}.overview-link{color:var(--color-secondary);text-decoration:none}.overview-link:hover{text-decoration:underline}.project-detail__tab-content .feed{position:relative;list-style:none;margin:0;padding:var(--s-2) 0;background:var(--color-bg);border:1px solid var(--color-divider);border-radius:var(--r-xs)}.project-detail__tab-content .feed:before{content:"";position:absolute;left:31px;top:27px;bottom:27px;width:2px;background:var(--color-divider)}.project-detail__tab-content .feed__item{position:relative;display:grid;grid-template-columns:132px 1fr;gap:var(--s-4);padding:16px var(--s-4) 16px 52px;border-top:1px solid var(--color-divider)}.project-detail__tab-content .feed__item:first-child{border-top:none}.project-detail__tab-content .feed__item:before{content:"";position:absolute;left:26px;top:21px;width:10px;height:10px;border-radius:var(--r-circle);background:var(--color-primary);box-shadow:0 0 0 3px var(--color-bg)}.project-detail__tab-content .feed__item--skeleton{display:block;height:56px;margin:0 var(--s-4);padding:0;border-top:none;border-radius:var(--r-xs);background:linear-gradient(90deg,var(--color-surface-1) 0%,var(--color-surface-2) 50%,var(--color-surface-1) 100%);background-size:200% 100%;animation:skeleton 1.2s ease-in-out infinite}.project-detail__tab-content .feed__item--skeleton:before{display:none}.project-detail__tab-content .feed__time{font:400 13px/1.5 var(--font-body);color:var(--color-text-muted);white-space:nowrap}.project-detail__tab-content .feed__body{display:flex;flex-direction:column;gap:4px;min-width:0}.project-detail__tab-content .feed__message{margin:0;font:400 14px/1.5 var(--font-body);color:var(--color-text-strong)}.project-detail__tab-content .feed__meta{margin:0;font:400 12px/1.4 var(--font-body);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.project-detail__tab-content .feed__event-type{font:500 11px/1 var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text);background:var(--color-surface-2);padding:3px 8px;border-radius:var(--r-xs)}.role-badge{display:inline-block;padding:2px 8px;font:500 11px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--r-pill);white-space:nowrap}.role-badge--grafik{color:var(--color-primary);background:#e5007d1a}.role-badge--oem{color:var(--color-secondary);background:#1e2d401a}.role-badge--vertrieb{color:var(--color-warning);background:var(--color-warning-bg)}.role-badge--kunde{color:var(--color-info);background:#1863dc1a}.role-badge--system{color:var(--color-text-muted);background:var(--color-surface-2)}.comments{display:flex;flex-direction:column;gap:var(--s-5)}.comment-form{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);background:var(--color-surface-1);border:1px solid var(--color-divider);border-radius:var(--r-md)}.comment-form__text{resize:vertical;min-height:64px}.comment-form__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.comment-form__flag{display:inline-flex;align-items:center;gap:var(--s-2);font:400 13px/1.4 var(--font-body);color:var(--color-text-body);cursor:pointer}.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-3)}.comment-list__item{padding:var(--s-4);background:var(--color-bg);border:1px solid var(--color-divider);border-radius:var(--r-md)}.comment-list__head{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-2)}.comment-list__author{font:600 14px/1.2 var(--font-display);color:var(--color-text-strong)}.comment-list__internal{font:500 11px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);background:var(--color-surface-2);padding:2px 8px;border-radius:var(--r-pill)}.comment-list__time{margin-left:auto;font:400 13px/1.4 var(--font-body);color:var(--color-text-muted);white-space:nowrap}.comment-list__text{margin:0;font:400 14px/1.6 var(--font-body);color:var(--color-text-strong);white-space:pre-wrap}.action-dialog__current{margin:0;display:flex;align-items:center;gap:var(--s-2);font:400 14px/1.5 var(--font-body);color:var(--color-text-body)}.action-dialog__empty{margin:0;padding:var(--s-4);background:var(--color-surface-1);border-radius:var(--r-xs);font:400 14px/1.5 var(--font-body);color:var(--color-text-muted)}.action-dialog__choices{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.action-dialog__choices legend{margin-bottom:var(--s-2)}.action-dialog__choice{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid var(--color-divider);border-radius:var(--r-xs);cursor:pointer;font:400 14px/1.4 var(--font-body);transition:border-color var(--d-fast) var(--ease),background-color var(--d-fast) var(--ease)}.action-dialog__choice:hover{border-color:var(--color-primary)}.action-dialog__choice input[type=radio]{accent-color:var(--color-primary)}.action-dialog__hint{padding:var(--s-3);background:#1e2d4014;border-left:3px solid var(--color-secondary);border-radius:var(--r-xs);font:400 13px/1.5 var(--font-body);color:var(--color-text-body)}.action-dialog__hint strong{color:var(--color-text-strong)}.action-dialog__message{resize:vertical;min-height:80px}.action-dialog__actions{display:flex;justify-content:flex-end;gap:var(--s-3)}.briefing-link__hint{color:var(--color-text-muted);margin-bottom:var(--s-4)}.briefing-link__checkbox{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-4)}.briefing-link__result{margin-top:var(--s-4);display:grid;gap:var(--s-2)}.briefing-link__meta{margin:0}.variants-tab{display:flex;flex-direction:column;gap:var(--s-5)}.variants-tab__header{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap}.variants-tab__count{margin:0;font:400 14px/1.5 var(--font-body);color:var(--color-text-muted)}.variants-tab__count strong{color:var(--color-text-strong);font-weight:500}.variant-upload{background:var(--color-surface-1);border:1px solid var(--color-divider);border-radius:var(--r-md);padding:var(--s-4) var(--s-5);display:flex;flex-direction:column;gap:var(--s-3)}.variant-upload__row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.4fr) auto;gap:var(--s-4);align-items:end}.variant-upload__field{display:flex;flex-direction:column;gap:6px;min-width:0}.variant-upload__field .label{font:500 11px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.variant-upload__field--file .input{padding:6px 8px;font-size:13px}.variant-upload__hint{margin:0;font:400 12px/1.4 var(--font-body);color:var(--color-text-muted)}.variant-upload__error{margin:0;font:400 13px/1.4 var(--font-body);color:var(--color-error)}.variant-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s-4)}.variant-grid--archived{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s-3)}.variant-card{display:flex;flex-direction:column;background:var(--color-bg);border:1px solid var(--color-divider);border-radius:var(--r-md);overflow:hidden;transition:border-color var(--d-fast) var(--ease),box-shadow var(--d-fast) var(--ease)}.variant-card--under_review:hover,.variant-card--approved:hover{border-color:var(--color-text-muted);box-shadow:0 1px 3px #0000000f}.variant-card--archived{opacity:.7;background:var(--color-surface-1)}.variant-card--skeleton{height:320px;background:linear-gradient(90deg,var(--color-surface-1) 0%,var(--color-surface-2) 50%,var(--color-surface-1) 100%);background-size:200% 100%;animation:skeleton 1.2s ease-in-out infinite;border-color:transparent}.variant-card__preview{position:relative;aspect-ratio:5 / 4;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--color-divider)}.variant-card__image{width:100%;height:100%;object-fit:contain;background:#fff}.variant-card__pdf{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);color:var(--color-text-muted)}.variant-card__pdf-tag{font:600 16px/1 var(--font-display);letter-spacing:1px;padding:8px 14px;border:1.5px solid var(--color-text-muted);border-radius:var(--r-xs);color:var(--color-text-body)}.variant-card__pdf-hint{font:400 12px/1.4 var(--font-body)}.variant-status{position:absolute;top:10px;right:10px;font:500 11px/1 var(--font-display);text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:999px;background:var(--color-bg);border:1px solid var(--color-divider);color:var(--color-text-body)}.variant-status--under_review{background:color-mix(in srgb,var(--color-secondary) 12%,var(--color-bg));border-color:color-mix(in srgb,var(--color-secondary) 30%,var(--color-divider));color:var(--color-secondary)}.variant-status--approved{background:color-mix(in srgb,var(--color-success) 14%,var(--color-bg));border-color:color-mix(in srgb,var(--color-success) 35%,var(--color-divider));color:var(--color-success)}.variant-status--archived{background:var(--color-surface-2);color:var(--color-text-muted)}.variant-card__body{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3) var(--s-4) var(--s-4)}.variant-card__label{margin:0;font:600 16px/1.3 var(--font-display);color:var(--color-text-strong);word-break:break-word}.variant-card__note{margin:0;font:400 13px/1.5 var(--font-body);color:var(--color-text-body);background:var(--color-surface-1);border-left:2px solid var(--color-divider);padding:6px 10px;border-radius:var(--r-xs)}.variant-card__meta{margin:0;font:400 12px/1.4 var(--font-body);color:var(--color-text-muted);display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}.variant-card__meta .muted,.variant-card__meta-divider{color:var(--color-text-muted)}.variant-card__actions{display:flex;gap:var(--s-2);padding-top:var(--s-2);border-top:1px solid var(--color-divider);margin-top:var(--s-2)}.variant-card__edit{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-3) var(--s-4) var(--s-4)}.variant-card__edit-field{display:flex;flex-direction:column;gap:6px}.variant-card__edit-field .label{font:500 11px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.variant-card__edit-textarea{resize:vertical;min-height:64px;font:400 13px/1.5 var(--font-body)}.variant-card__edit-error{margin:0;font:400 13px/1.4 var(--font-body);color:var(--color-error)}.variant-card__edit-actions{display:flex;justify-content:flex-end;gap:var(--s-2)}.variant-archive__lead{margin:0;font:400 14px/1.5 var(--font-body);color:var(--color-text-body)}.variant-archive__lead strong{color:var(--color-text-strong)}.variants-tab__archived{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--color-divider);display:flex;flex-direction:column;gap:var(--s-3)}.variants-tab__archived-title{margin:0;font:500 14px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.projects-toolbar{display:flex;gap:var(--s-3);align-items:center;margin-bottom:var(--s-4);flex-wrap:wrap}.projects-toolbar__search{max-width:360px}.projects-toolbar__status{max-width:220px}.projects-toolbar>.btn{margin-left:auto}.projects-table .data-table__head,.projects-table .data-table__row{grid-template-columns:170px 1.5fr 1.3fr 180px 120px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-top:var(--s-4)}.pagination__label{font:400 14px/1.5 var(--font-body);color:var(--color-text-muted)}.pagination__total{color:var(--color-text-muted)}.user-status-badge--active{color:var(--color-success);background:var(--color-success-bg)}.user-status-badge--inactive{color:var(--color-text-muted);background:var(--color-surface-2)}.team-toolbar{display:flex;justify-content:flex-end;margin-bottom:var(--s-4)}.users-table .data-table__head,.users-table .data-table__row{grid-template-columns:minmax(0,2.4fr) .9fr .9fr 1fr 1.1fr;gap:var(--s-3)}.users-table .data-table__row{min-height:64px}.users-table__identity{display:flex;align-items:center;gap:var(--s-3);min-width:0}.users-table__identity-text{display:flex;flex-direction:column;min-width:0;gap:2px}.users-table__name{font:500 14px/1.3 var(--font-display);color:var(--color-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-table__email{font:400 13px/1.3 var(--font-body);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-avatar{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--r-circle);background:var(--color-surface-2);color:var(--color-text);font:600 13px/1 var(--font-display);letter-spacing:.5px;-webkit-user-select:none;user-select:none}.user-avatar--active{background:#e5007d14}.user-avatar--inactive{opacity:.65}.user-avatar:after{content:"";position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:var(--r-circle);border:2px solid var(--color-bg);background:var(--color-text-muted)}.user-avatar--active:after{background:var(--color-success)}.users-table__login{display:inline-flex;flex-direction:column;align-items:center;line-height:1.3}.users-table__date{font:400 14px/1.3 var(--font-body);color:var(--color-text-strong);white-space:nowrap}.users-table__time{font:400 12px/1.3 var(--font-body);color:var(--color-text-muted)}.users-table__never{color:var(--color-text-muted)}.users-table__row-self{background:var(--color-surface-1);box-shadow:inset 3px 0 0 var(--color-primary)}.users-table .data-table__row:not(.data-table__row--skeleton){animation:users-row-in var(--d-base) var(--ease-emph) backwards;animation-delay:calc(var(--row-index, 0) * 45ms)}@keyframes users-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.users-table .data-table__row:not(.data-table__row--skeleton){animation:none}}.settings-tabs{display:flex;gap:var(--s-2);margin-bottom:var(--s-5);border-bottom:1px solid var(--color-divider)}.settings-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;padding:var(--s-3) var(--s-2);font:inherit;color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.settings-tab:hover{color:var(--color-text)}.settings-tab:focus-visible{outline:none;box-shadow:var(--sh-ring);border-radius:var(--r-xs)}.settings-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.settings-card{background:var(--color-bg);border-radius:var(--r-md);padding:var(--s-6);box-shadow:var(--sh-md);display:flex;flex-direction:column;gap:var(--s-5)}.settings-card__intro{display:flex;flex-direction:column;gap:var(--s-2)}.settings-card__title{font-size:1.125rem;color:var(--color-text)}.settings-card__lead{color:var(--color-text-body);max-width:56ch}.settings-card__hint{color:var(--color-text-muted)}.settings-card__error{padding:var(--s-3) var(--s-4);background:#d32f2f14;color:var(--color-error);border-radius:var(--r-xs)}.notif-list{display:flex;flex-direction:column}.notif-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);padding:var(--s-4) 0;border-bottom:1px solid var(--color-divider)}.notif-row:first-child{padding-top:0}.notif-row:last-child{border-bottom:none;padding-bottom:0}.notif-row__text{display:flex;flex-direction:column;gap:var(--s-1)}.notif-row__label{color:var(--color-text-strong);font-weight:600}.notif-row__desc{color:var(--color-text-muted);font-size:.875rem;line-height:1.4}.switch{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--s-2);background:none;border:none;padding:0;cursor:pointer;color:var(--color-text-muted);font-size:.8125rem}.switch__track{position:relative;width:44px;height:24px;border-radius:var(--r-pill);background:var(--color-border);transition:background var(--d-fast) var(--ease)}.switch__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:var(--r-circle);background:var(--color-text-inverse);box-shadow:var(--sh-xs);transition:transform var(--d-fast) var(--ease)}.switch[data-on=true] .switch__track{background:var(--color-primary)}.switch[data-on=true] .switch__thumb{transform:translate(20px)}.switch[data-on=true] .switch__state{color:var(--color-primary)}.switch__state{min-width:2.2em;text-align:left}.switch:focus-visible{outline:none}.switch:focus-visible .switch__track{box-shadow:var(--sh-ring)}.switch:disabled{cursor:progress;opacity:.55}@media(prefers-reduced-motion:reduce){.switch__track,.switch__thumb{transition-duration:.01ms}}#root{min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}.eyebrow{display:inline-block;font:500 14px/1.4 var(--font-display);color:var(--color-primary);letter-spacing:.5px;text-transform:none}.btn{display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 28px 0 22px;border:1px solid transparent;border-radius:var(--r-xs);font:500 14px/1 var(--font-display);letter-spacing:1.5px;text-transform:uppercase;transition:background var(--d-fast) var(--ease),color var(--d-fast) var(--ease),border-color var(--d-fast) var(--ease);cursor:pointer}.btn:after{content:"→";font-size:18px;line-height:1}.btn--no-arrow:after{content:none}.btn--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;box-shadow:var(--sh-glow)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--primary:active{background:var(--color-primary-active)}.btn--secondary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--secondary:hover{background:var(--color-primary);color:#fff}.btn--ghost{background:transparent;color:var(--color-text)}.btn--ghost:hover{color:var(--color-primary)}.btn--subtle{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-divider)}.btn--subtle:hover{background:var(--color-surface-3);border-color:var(--color-border)}.btn:focus-visible{outline:none;box-shadow:var(--sh-ring)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.btn--sm{height:32px;padding:0 16px 0 14px;font-size:12px}.btn--lg{height:56px;padding:0 36px 0 28px}.label{display:block;margin-bottom:6px;font:500 14px/1.4 var(--font-display);color:var(--color-text)}.input{width:100%;padding:14px 16px;font:400 16px/1.4 var(--font-body);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--r-xs);transition:border-color var(--d-fast),box-shadow var(--d-fast)}.input:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--sh-ring)}.input[aria-invalid=true]{border-color:var(--color-error)}.shell{display:grid;grid-template-columns:248px 1fr;grid-template-rows:auto 1fr;min-height:100vh;background:var(--color-bg);transition:grid-template-columns var(--d-base) var(--ease-emph)}.shell--collapsed{grid-template-columns:76px 1fr}.shell__sidebar{grid-row:1 / span 2;position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--color-secondary) 0%,var(--color-navy-deep) 100%);border-right:1px solid rgba(255,255,255,.06);padding:var(--s-5) var(--s-4);display:flex;flex-direction:column;gap:var(--s-5);overflow:hidden}.shell__topbar{grid-column:2;background:var(--color-bg);border-bottom:1px solid var(--color-divider);padding:var(--s-4) var(--s-6);display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.shell__main{grid-column:2;padding:var(--s-6)}.brand{display:flex;align-items:center;gap:var(--s-3);padding:0 var(--s-1);min-height:40px}.brand__logo{flex:0 0 auto;display:block}.brand__text{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar__toggle{flex:0 0 auto;margin-left:auto;width:30px;height:30px;display:grid;place-items:center;color:var(--color-text-muted);background:transparent;border:1px solid transparent;border-radius:var(--r-xs);cursor:pointer;transition:background var(--d-fast) var(--ease),color var(--d-fast) var(--ease)}.sidebar__toggle:hover{background:var(--color-surface-2);color:var(--color-text)}.sidebar__toggle:focus-visible{outline:none;box-shadow:var(--sh-ring)}.sidebar__toggle-icon{transition:transform var(--d-base) var(--ease-emph)}.shell--collapsed .sidebar__toggle-icon{transform:rotate(180deg)}.nav{display:flex;flex-direction:column;gap:var(--s-1);flex:1 1 auto;overflow-y:auto;margin-top:var(--s-4)}.nav__link{position:relative;display:flex;align-items:center;gap:var(--s-3);padding:10px var(--s-3);font:500 14px/1.4 var(--font-display);color:var(--color-text);border-radius:var(--r-xs);white-space:nowrap;transition:background var(--d-fast) var(--ease),color var(--d-fast) var(--ease)}.nav__icon{flex:0 0 auto;display:inline-flex;color:var(--color-text-muted);transition:color var(--d-fast) var(--ease)}.nav__link:hover{background:var(--color-surface-2);color:var(--color-text)}.nav__link:hover .nav__icon{color:var(--color-text)}.nav__link[aria-current=page]{color:var(--color-primary);background:var(--color-surface-2)}.nav__link[aria-current=page] .nav__icon{color:var(--color-primary)}.nav__link[aria-current=page]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--color-primary);border-radius:var(--r-pill)}.nav__link:focus-visible{outline:none;box-shadow:var(--sh-ring)}.sidebar__footer{margin-top:auto;padding-top:var(--s-4);border-top:1px solid var(--color-divider);display:flex;flex-direction:column;gap:var(--s-5)}.sidebar__user{display:flex;align-items:center;gap:var(--s-3);padding:0;min-width:0}.sidebar__avatar{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;font:600 14px/1 var(--font-display);color:var(--color-text-inverse);background:var(--color-secondary);border-radius:var(--r-circle)}.sidebar__user-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-2);min-width:0}.sidebar__user-name{max-width:100%;font:600 14px/1.3 var(--font-display);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__logout{width:100%;justify-content:flex-start;gap:var(--s-3);padding:0 var(--s-3) 0 0}.sidebar__logout-iconwrap{flex:0 0 38px;display:inline-flex;align-items:center;justify-content:center}.shell--collapsed .shell__sidebar{padding-left:var(--s-3);padding-right:var(--s-3)}.shell--collapsed .brand{justify-content:center}.shell--collapsed .brand__logo,.shell--collapsed .brand__text,.shell--collapsed .nav__label,.shell--collapsed .sidebar__user-info,.shell--collapsed .sidebar__logout-label{display:none}.shell--collapsed .sidebar__toggle{margin-left:0}.shell--collapsed .nav__link{justify-content:center;gap:0;padding-left:0;padding-right:0}.shell--collapsed .sidebar__user{justify-content:center;padding:0}.shell--collapsed .sidebar__logout{width:38px;height:38px;padding:0;justify-content:center;align-self:center}.shell__sidebar .sidebar__toggle{color:#fff9}.shell__sidebar .sidebar__toggle:hover{background:#ffffff14;color:#fff}.shell__sidebar .nav__link{color:#ffffffb8}.shell__sidebar .nav__icon{color:#ffffff80}.shell__sidebar .nav__link:hover{background:#ffffff12;color:#fff}.shell__sidebar .nav__link:hover .nav__icon{color:#fff}.shell__sidebar .nav__link[aria-current=page]{color:#fff;background:#e5007d2e}.shell__sidebar .nav__link[aria-current=page] .nav__icon{color:var(--color-primary)}.shell__sidebar .sidebar__footer{border-top:1px solid rgba(255,255,255,.1)}.shell__sidebar .sidebar__avatar{background:var(--color-primary)}.shell__sidebar .sidebar__user-name{color:#fff}.shell__sidebar .role-chip{background:#ffffff1a;color:#ffffffd9}.shell__sidebar .sidebar__logout{color:#ffffffb8}.shell__sidebar .sidebar__logout:hover{color:#fff}.topbar__greeting{font:600 18px/1.2 var(--font-display);color:var(--color-text);margin:0}.topbar__greeting-accent{color:var(--color-primary)}.role-chip{display:inline-block;padding:4px 10px;font:600 12px/1 var(--font-display);color:var(--color-text-inverse);background:var(--color-secondary);border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.5px}.page-header{margin-bottom:var(--s-5);display:flex;flex-direction:column;gap:var(--s-1)}.page-header h1{font:600 28px/1.15 var(--font-display);margin:0;color:var(--color-text)}.page-header h1 .accent{color:var(--color-primary)}.panel{background:var(--color-bg);border-radius:var(--r-md);padding:var(--s-6);box-shadow:var(--sh-md);display:flex;flex-direction:column;gap:var(--s-5)}.panel .customers-toolbar,.panel .projects-toolbar{margin-bottom:0}.placeholder-card{background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--r-md);padding:var(--s-6);color:var(--color-text-muted)}.fullscreen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--s-6);background:var(--color-surface-1)}.fullscreen__card{max-width:480px;width:100%;background:var(--color-bg);border-radius:var(--r-md);padding:var(--s-6);box-shadow:var(--sh-md);display:flex;flex-direction:column;gap:var(--s-4);text-align:center}