:root{--cc-color-navy-900:#0b1424;--cc-color-navy-800:#101c31;--cc-color-navy-700:#15233e;--cc-color-navy-600:#1e3155;--cc-color-navy-500:#2c4272;--cc-color-navy-300:#6d80a3;--cc-color-navy-100:#dbe2ee;--cc-color-navy-50:#f1f4fa;--cc-color-gold-700:#9a7526;--cc-color-gold-600:#b98c31;--cc-color-gold-500:#c79b3c;--cc-color-gold-300:#e2c184;--cc-color-gold-100:#f7ecd6;--cc-color-gold-50:#fdf8ef;--cc-color-white:#fff;--cc-color-gray-50:#f8fafc;--cc-color-gray-100:#f1f5f9;--cc-color-gray-200:#e6ebf2;--cc-color-gray-300:#cbd5e1;--cc-color-gray-500:#64748b;--cc-color-gray-700:#334155;--cc-color-gray-900:#0f172a;--cc-color-success-600:#16a34a;--cc-color-success-50:#e8f7ee;--cc-color-warning-600:#d18a1b;--cc-color-warning-50:#fdf3e2;--cc-color-danger-600:#dc2626;--cc-color-danger-50:#fdeaea;--cc-color-info-600:#2563eb;--cc-color-info-50:#e8f0fe;--cc-background:var(--cc-color-gray-50);--cc-surface:var(--cc-color-white);--cc-surface-muted:var(--cc-color-gray-100);--cc-foreground:var(--cc-color-navy-700);--cc-foreground-muted:var(--cc-color-gray-500);--cc-border:var(--cc-color-gray-200);--cc-border-strong:var(--cc-color-gray-300);--cc-primary:var(--cc-color-navy-700);--cc-primary-hover:var(--cc-color-navy-600);--cc-on-primary:var(--cc-color-white);--cc-accent:var(--cc-color-gold-500);--cc-accent-hover:var(--cc-color-gold-600);--cc-on-accent:var(--cc-color-navy-900);--cc-focus-ring:var(--cc-color-navy-500);--cc-sidebar-bg:var(--cc-color-navy-800);--cc-sidebar-fg:#c7d0e0;--cc-sidebar-active-bg:#ffffff14;--cc-sidebar-active-fg:var(--cc-color-white);--cc-font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--cc-font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--cc-text-display:2.25rem;--cc-text-h1:1.75rem;--cc-text-h2:1.375rem;--cc-text-h3:1.125rem;--cc-text-body:.9375rem;--cc-text-sm:.8125rem;--cc-text-caption:.75rem;--cc-leading-tight:1.2;--cc-leading-normal:1.5;--cc-weight-regular:400;--cc-weight-medium:500;--cc-weight-semibold:600;--cc-weight-bold:700;--cc-tracking-wide:.06em;--cc-space-1:4px;--cc-space-2:8px;--cc-space-3:12px;--cc-space-4:16px;--cc-space-5:20px;--cc-space-6:24px;--cc-space-8:32px;--cc-space-10:40px;--cc-space-12:48px;--cc-radius-sm:6px;--cc-radius-md:10px;--cc-radius-lg:14px;--cc-radius-pill:999px;--cc-shadow-xs:0 1px 2px #0f172a0f;--cc-shadow-sm:0 1px 3px #0f172a14, 0 1px 2px #0f172a0a;--cc-shadow-md:0 4px 12px #0f172a14;--cc-shadow-lg:0 12px 32px #0f172a1f;--cc-duration-fast:.12s;--cc-easing-standard:cubic-bezier(.2, 0, 0, 1)}[data-theme=dark]{--cc-background:var(--cc-color-navy-900);--cc-surface:var(--cc-color-navy-800);--cc-surface-muted:var(--cc-color-navy-700);--cc-foreground:#eef2f9;--cc-foreground-muted:var(--cc-color-navy-300);--cc-border:#ffffff1a;--cc-border-strong:#ffffff2e;--cc-primary:var(--cc-color-gold-500);--cc-primary-hover:var(--cc-color-gold-600);--cc-on-primary:var(--cc-color-navy-900);--cc-focus-ring:var(--cc-color-gold-300);--cc-sidebar-bg:var(--cc-color-navy-900)}.cc-base{font-family:var(--cc-font-sans);color:var(--cc-foreground)}.cc-button{justify-content:center;align-items:center;gap:var(--cc-space-2);font-family:var(--cc-font-sans);font-weight:var(--cc-weight-medium);border-radius:var(--cc-radius-sm);cursor:pointer;transition:background-color var(--cc-duration-fast) var(--cc-easing-standard), color var(--cc-duration-fast) var(--cc-easing-standard), border-color var(--cc-duration-fast) var(--cc-easing-standard);border:1px solid #0000;display:inline-flex}.cc-button:focus-visible{outline:2px solid var(--cc-focus-ring);outline-offset:2px}.cc-button:disabled{opacity:.5;cursor:not-allowed}.cc-button--sm{height:32px;padding:0 var(--cc-space-3);font-size:var(--cc-text-sm)}.cc-button--md{height:40px;padding:0 var(--cc-space-4);font-size:var(--cc-text-body)}.cc-button--lg{height:48px;padding:0 var(--cc-space-6);font-size:var(--cc-text-h3)}.cc-button--primary{background:var(--cc-primary);color:var(--cc-on-primary)}.cc-button--primary:hover:not(:disabled){background:var(--cc-primary-hover)}.cc-button--accent{background:var(--cc-accent);color:var(--cc-on-accent)}.cc-button--accent:hover:not(:disabled){background:var(--cc-accent-hover)}.cc-button--secondary{background:var(--cc-surface);color:var(--cc-foreground);border-color:var(--cc-border-strong)}.cc-button--secondary:hover:not(:disabled){background:var(--cc-surface-muted)}.cc-button--ghost{color:var(--cc-foreground);background:0 0}.cc-button--ghost:hover:not(:disabled){background:var(--cc-surface-muted)}.cc-button--danger{background:var(--cc-color-danger-600);color:var(--cc-color-white)}.cc-button--danger:hover:not(:disabled){filter:brightness(.94)}.cc-field{gap:var(--cc-space-1);flex-direction:column;display:flex}.cc-field__label{font-size:var(--cc-text-sm);font-weight:var(--cc-weight-medium);color:var(--cc-foreground)}.cc-field__hint{font-size:var(--cc-text-caption);color:var(--cc-foreground-muted)}.cc-field__error{font-size:var(--cc-text-caption);color:var(--cc-color-danger-600)}.cc-input{width:100%;min-height:40px;padding:var(--cc-space-2) var(--cc-space-3);font-family:var(--cc-font-sans);font-size:var(--cc-text-body);color:var(--cc-foreground);background:var(--cc-surface);border:1px solid var(--cc-border-strong);border-radius:var(--cc-radius-sm)}.cc-input::placeholder{color:var(--cc-foreground-muted)}.cc-input:focus-visible{outline:2px solid var(--cc-focus-ring);outline-offset:1px;border-color:var(--cc-focus-ring)}.cc-input:disabled{background:var(--cc-surface-muted);opacity:.7;cursor:not-allowed}.cc-input--invalid{border-color:var(--cc-color-danger-600)}.cc-card{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-radius-lg);box-shadow:var(--cc-shadow-sm)}.cc-card--flat{box-shadow:none}.cc-card--elevated{box-shadow:var(--cc-shadow-md)}.cc-card__header{justify-content:space-between;align-items:center;gap:var(--cc-space-4);padding:var(--cc-space-5) var(--cc-space-6);border-bottom:1px solid var(--cc-border);display:flex}.cc-card__title{font-size:var(--cc-text-h3);font-weight:var(--cc-weight-semibold)}.cc-card__body{padding:var(--cc-space-6)}.cc-card__footer{padding:var(--cc-space-4) var(--cc-space-6);border-top:1px solid var(--cc-border)}.cc-badge{align-items:center;gap:var(--cc-space-1);padding:2px var(--cc-space-2);font-size:var(--cc-text-caption);font-weight:var(--cc-weight-medium);border-radius:var(--cc-radius-pill);display:inline-flex}.cc-badge--neutral{background:var(--cc-surface-muted);color:var(--cc-foreground-muted)}.cc-badge--brand{background:var(--cc-color-navy-100);color:var(--cc-color-navy-700)}.cc-badge--accent{background:var(--cc-color-gold-100);color:var(--cc-color-gold-700)}.cc-badge--success{background:var(--cc-color-success-50);color:var(--cc-color-success-600)}.cc-badge--warning{background:var(--cc-color-warning-50);color:var(--cc-color-warning-600)}.cc-badge--danger{background:var(--cc-color-danger-50);color:var(--cc-color-danger-600)}.cc-badge--info{background:var(--cc-color-info-50);color:var(--cc-color-info-600)}.cc-stat{gap:var(--cc-space-4);padding:var(--cc-space-5);align-items:flex-start;display:flex}.cc-stat__icon{border-radius:var(--cc-radius-md);background:var(--cc-color-navy-50);width:44px;height:44px;color:var(--cc-color-navy-600);flex:none;place-items:center;display:grid}.cc-stat__label{font-size:var(--cc-text-sm);color:var(--cc-foreground-muted)}.cc-stat__value{font-size:var(--cc-text-h1);font-weight:var(--cc-weight-bold);line-height:var(--cc-leading-tight);margin-top:var(--cc-space-1)}.cc-stat__delta{font-size:var(--cc-text-caption);margin-top:var(--cc-space-2)}.cc-stat__delta--up{color:var(--cc-color-success-600)}.cc-stat__delta--down{color:var(--cc-color-danger-600)}.cc-stat__delta--flat{color:var(--cc-foreground-muted)}.cc-table{border-collapse:collapse;width:100%;font-size:var(--cc-text-body)}.cc-table th{text-align:left;font-size:var(--cc-text-caption);font-weight:var(--cc-weight-semibold);letter-spacing:var(--cc-tracking-wide);text-transform:uppercase;color:var(--cc-foreground-muted);padding:var(--cc-space-3) var(--cc-space-4);border-bottom:1px solid var(--cc-border)}.cc-table td{padding:var(--cc-space-4);border-bottom:1px solid var(--cc-border)}.cc-table tbody tr:hover{background:var(--cc-surface-muted)}.cc-tabs{gap:var(--cc-space-2);border-bottom:1px solid var(--cc-border);display:flex}.cc-tab{appearance:none;padding:var(--cc-space-3) var(--cc-space-3);font-family:var(--cc-font-sans);font-size:var(--cc-text-body);font-weight:var(--cc-weight-medium);color:var(--cc-foreground-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000}.cc-tab:hover{color:var(--cc-foreground)}.cc-tab:focus-visible{outline:2px solid var(--cc-focus-ring);outline-offset:2px}.cc-tab[aria-selected=true]{color:var(--cc-primary);border-bottom-color:var(--cc-accent)}.cc-avatar{border-radius:var(--cc-radius-pill);background:var(--cc-color-navy-100);color:var(--cc-color-navy-700);font-weight:var(--cc-weight-semibold);flex:none;place-items:center;display:grid;overflow:hidden}.cc-avatar--sm{width:28px;height:28px;font-size:var(--cc-text-caption)}.cc-avatar--md{width:40px;height:40px;font-size:var(--cc-text-sm)}.cc-avatar--lg{width:56px;height:56px;font-size:var(--cc-text-h3)}.cc-avatar img{object-fit:cover;width:100%;height:100%}.cc-progress{border-radius:var(--cc-radius-pill);background:var(--cc-surface-muted);width:100%;height:8px;overflow:hidden}.cc-progress__bar{background:var(--cc-color-info-600);height:100%}.cc-progress__bar--accent{background:var(--cc-accent)}.cc-progress__bar--success{background:var(--cc-color-success-600)}.cc-stepper{gap:var(--cc-space-4);align-items:flex-start;display:flex}.cc-step{align-items:center;gap:var(--cc-space-2);text-align:center;flex-direction:column;flex:1;display:flex}.cc-step__dot{border-radius:var(--cc-radius-pill);width:28px;height:28px;font-size:var(--cc-text-caption);font-weight:var(--cc-weight-semibold);border:1px solid var(--cc-border-strong);background:var(--cc-surface);color:var(--cc-foreground-muted);place-items:center;display:grid}.cc-step--done .cc-step__dot{background:var(--cc-color-success-600);border-color:var(--cc-color-success-600);color:var(--cc-color-white)}.cc-step--current .cc-step__dot{background:var(--cc-color-info-600);border-color:var(--cc-color-info-600);color:var(--cc-color-white)}.cc-step__label{font-size:var(--cc-text-sm);font-weight:var(--cc-weight-medium)}.cc-step__meta{font-size:var(--cc-text-caption);color:var(--cc-foreground-muted)}.cc-alert{gap:var(--cc-space-3);padding:var(--cc-space-4);border-radius:var(--cc-radius-md);font-size:var(--cc-text-body);border:1px solid #0000;display:flex}.cc-alert__title{font-weight:var(--cc-weight-semibold);margin-bottom:var(--cc-space-1)}.cc-alert--info{background:var(--cc-color-info-50);color:var(--cc-color-navy-700);border-color:#cfe0fb}.cc-alert--success{background:var(--cc-color-success-50);color:#14532d;border-color:#bfe6ce}.cc-alert--warning{background:var(--cc-color-warning-50);color:#7a4d09;border-color:#f0d6a5}.cc-alert--danger{background:var(--cc-color-danger-50);color:#7f1d1d;border-color:#f3c3c3}.cc-sidebar{gap:var(--cc-space-1);padding:var(--cc-space-4);background:var(--cc-sidebar-bg);flex-direction:column;min-height:100%;display:flex}.cc-navitem{align-items:center;gap:var(--cc-space-3);padding:var(--cc-space-3) var(--cc-space-4);border-radius:var(--cc-radius-sm);color:var(--cc-sidebar-fg);font-size:var(--cc-text-body);font-weight:var(--cc-weight-medium);cursor:pointer;font-family:var(--cc-font-sans);text-align:left;background:0 0;border:none;width:100%;text-decoration:none;display:flex}.cc-navitem:hover{background:var(--cc-sidebar-active-bg);color:var(--cc-sidebar-active-fg)}.cc-navitem:focus-visible{outline:2px solid var(--cc-color-gold-300);outline-offset:2px}.cc-navitem[aria-current=page]{background:var(--cc-sidebar-active-bg);color:var(--cc-sidebar-active-fg)}.cc-pageheader{justify-content:space-between;align-items:flex-start;gap:var(--cc-space-6);padding:var(--cc-space-6) var(--cc-space-8);background:var(--cc-surface);border-bottom:1px solid var(--cc-border);display:flex}.cc-pageheader__title{font-size:var(--cc-text-h1);font-weight:var(--cc-weight-bold);line-height:var(--cc-leading-tight)}.cc-pageheader__subtitle{font-size:var(--cc-text-body);color:var(--cc-foreground-muted);margin-top:var(--cc-space-1)}.cc-stack{flex-direction:column;display:flex}.cc-stack--sm{gap:var(--cc-space-2)}.cc-stack--md{gap:var(--cc-space-4)}.cc-stack--lg{gap:var(--cc-space-6)}.cc-stack--align-stretch{align-items:stretch}.cc-stack--align-center{align-items:center}.cc-inline{align-items:center;gap:var(--cc-space-3);flex-wrap:wrap;display:flex}.cc-inline--start{justify-content:flex-start}.cc-inline--center{justify-content:center}.cc-inline--between{justify-content:space-between}.cc-inline--end{justify-content:flex-end}.cc-form-grid{gap:var(--cc-space-4);grid-template-columns:1fr;display:grid}.cc-text--display{font-size:var(--cc-text-display);line-height:var(--cc-leading-tight)}.cc-text--body{font-size:var(--cc-text-body)}.cc-text--sm{font-size:var(--cc-text-sm)}.cc-text--caption{font-size:var(--cc-text-caption)}.cc-text--default{color:var(--cc-foreground)}.cc-text--muted{color:var(--cc-foreground-muted)}.cc-text--regular{font-weight:var(--cc-weight-regular)}.cc-text--semibold{font-weight:var(--cc-weight-semibold)}.cc-text--align-start{text-align:start}.cc-text--align-center{text-align:center}.cc-text--align-justify{text-align:justify}@media (width>=720px){.cc-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cc-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cc-logo{object-fit:contain;width:auto;display:block}.cc-logo--icon.cc-logo--sm{height:24px}.cc-logo--icon.cc-logo--md{height:32px}.cc-logo--icon.cc-logo--lg{height:48px}.cc-logo--horizontal.cc-logo--sm{height:24px}.cc-logo--horizontal.cc-logo--md{height:32px}.cc-logo--horizontal.cc-logo--lg{height:48px}.cc-logo--vertical.cc-logo--sm{height:56px}.cc-logo--vertical.cc-logo--md{height:80px}.cc-logo--vertical.cc-logo--lg{height:120px}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:var(--cc-font-sans);font-size:var(--cc-text-body);line-height:var(--cc-leading-normal);color:var(--cc-foreground);background:var(--cc-background);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:var(--cc-leading-tight)}a{color:inherit}.app-shell{grid-template-columns:max-content 1fr;min-height:100vh;display:grid}.app-sidebar{background:var(--cc-sidebar-bg);gap:var(--cc-space-4);height:100vh;padding-top:var(--cc-space-6);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.app-sidebar__brand{padding-left:var(--cc-space-6);padding-right:var(--cc-space-10)}.app-sidebar__group{padding-left:var(--cc-space-6);padding-right:var(--cc-space-6);padding-top:var(--cc-space-2);font-size:var(--cc-text-caption);letter-spacing:var(--cc-tracking-wide);text-transform:uppercase;color:var(--cc-color-navy-300)}.app-sidebar__spacer{flex:1}.app-sidebar__footer{border-top:1px solid var(--cc-color-navy-600);padding-top:var(--cc-space-2);padding-bottom:var(--cc-space-4)}.app-main{flex-direction:column;min-width:0;display:flex}.app-content{padding:var(--cc-space-8);gap:var(--cc-space-6);flex-direction:column;min-width:0;display:flex}.app-topbar{justify-content:space-between;align-items:center;gap:var(--cc-space-4);padding:var(--cc-space-4) var(--cc-space-6);background:var(--cc-surface);border-bottom:1px solid var(--cc-border);z-index:5;display:flex;position:sticky;top:0}.stack{gap:var(--cc-space-4);flex-direction:column;display:flex}.stack-sm{gap:var(--cc-space-2);flex-direction:column;display:flex}.stack-lg{gap:var(--cc-space-6);flex-direction:column;display:flex}.row{align-items:center;gap:var(--cc-space-3);flex-wrap:wrap;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--cc-space-4);flex-wrap:wrap;display:flex}.row-end{justify-content:flex-end;align-items:center;gap:var(--cc-space-3);flex-wrap:wrap;display:flex}.grow{flex:1;min-width:0}.grid-2,.grid-3,.grid-4{gap:var(--cc-space-4);grid-template-columns:1fr;display:grid}.grid-sidebar{gap:var(--cc-space-6);grid-template-columns:1fr;display:grid}.kanban{gap:var(--cc-space-4);padding-bottom:var(--cc-space-2);scroll-snap-type:x proximity;grid-auto-columns:minmax(210px,1fr);grid-auto-flow:column;display:grid;overflow-x:auto}.kanban__col{background:var(--cc-surface-muted);border-radius:var(--cc-radius-lg);padding:var(--cc-space-3);gap:var(--cc-space-3);scroll-snap-align:start;flex-direction:column;min-width:210px;display:flex}.kanban__title{font-size:var(--cc-text-caption);font-weight:var(--cc-weight-semibold);letter-spacing:var(--cc-tracking-wide);text-transform:uppercase;color:var(--cc-foreground-muted);align-items:start;gap:var(--cc-space-2);padding:var(--cc-space-1) var(--cc-space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.kanban__title>span:first-child{overflow-wrap:anywhere;line-height:1.35}.lead-funnel{gap:var(--cc-space-5);flex-direction:column;width:100%;min-width:0;display:flex}.lead-funnel__stage{width:100%;min-width:0;padding:var(--cc-space-4);background:var(--cc-surface-muted);border:1px solid var(--cc-border);border-radius:var(--cc-radius-lg)}.lead-funnel__title{justify-content:space-between;align-items:center;gap:var(--cc-space-3);margin-bottom:var(--cc-space-3);font-size:var(--cc-text-body);font-weight:var(--cc-weight-semibold);color:var(--cc-foreground);display:flex}.lead-funnel__count{border-radius:var(--cc-radius-pill);background:var(--cc-color-navy-100);min-width:28px;height:28px;color:var(--cc-color-navy-700);font-size:var(--cc-text-caption);place-items:center;padding-inline:8px;display:grid}.lead-funnel__cards{justify-content:start;gap:var(--cc-space-3);overscroll-behavior-inline:contain;scroll-snap-type:x proximity;width:100%;min-width:0;padding:2px 2px var(--cc-space-2);-webkit-overflow-scrolling:touch;grid-auto-columns:minmax(280px,320px);grid-auto-flow:column;display:grid;overflow-x:auto}.lead-funnel__card{scroll-snap-align:start;min-width:0}.lead-funnel__card>.cc-card{height:100%}.lead-funnel__empty{min-height:88px;padding:var(--cc-space-4);border:1px dashed var(--cc-border-strong);border-radius:var(--cc-radius-md);background:var(--cc-surface);white-space:nowrap;align-items:center;display:flex}@media (width<=700px){.lead-funnel{gap:var(--cc-space-4)}.lead-funnel__stage{padding:12px}.lead-funnel__cards{grid-auto-columns:minmax(260px,calc(100vw - 82px))}}@media (width>=720px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-sidebar{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}}@media (width<=900px){.app-content{padding:var(--cc-space-5)}.kanban{grid-auto-columns:minmax(230px,78vw)}}.muted{color:var(--cc-foreground-muted)}.text-sm{font-size:var(--cc-text-sm)}.text-caption{font-size:var(--cc-text-caption)}.text-display{font-size:var(--cc-text-display);font-weight:var(--cc-weight-bold);line-height:var(--cc-leading-tight)}.text-body{font-size:var(--cc-text-body);line-height:var(--cc-leading-normal)}.text-h2{font-size:var(--cc-text-h2);font-weight:var(--cc-weight-semibold)}.text-h3{font-size:var(--cc-text-h3);font-weight:var(--cc-weight-semibold)}.strong{font-weight:var(--cc-weight-semibold)}.uppercase-label{font-size:var(--cc-text-caption);letter-spacing:var(--cc-tracking-wide);text-transform:uppercase;color:var(--cc-foreground-muted);font-weight:var(--cc-weight-semibold)}.mono{font-family:var(--cc-font-mono)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-radius-lg);padding:var(--cc-space-5)}.panel-muted{background:var(--cc-surface-muted);border-radius:var(--cc-radius-md);padding:var(--cc-space-4)}.divider{background:var(--cc-border);height:1px}.empty{align-items:center;gap:var(--cc-space-2);text-align:center;padding:var(--cc-space-10) var(--cc-space-6);color:var(--cc-foreground-muted);flex-direction:column;display:flex}.table-wrap{overflow-x:auto}.timeline{gap:var(--cc-space-4);border-left:1px solid var(--cc-border);padding-left:var(--cc-space-5);flex-direction:column;display:flex}.timeline__item{position:relative}.timeline__item:before{content:"";left:calc(var(--cc-space-5)*-1 - 1px);top:var(--cc-space-2);width:var(--cc-space-2);height:var(--cc-space-2);border-radius:var(--cc-radius-pill);background:var(--cc-accent);position:absolute}.form-grid{gap:var(--cc-space-4);grid-template-columns:1fr;display:grid}@media (width>=720px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-span{grid-column:1/-1}.select,.textarea{width:100%;min-height:var(--cc-space-10);padding:var(--cc-space-2) var(--cc-space-3);font-family:var(--cc-font-sans);font-size:var(--cc-text-body);color:var(--cc-foreground);background:var(--cc-surface);border:1px solid var(--cc-border-strong);border-radius:var(--cc-radius-sm)}.textarea{min-height:var(--cc-space-12);resize:none;field-sizing:content;overflow-y:hidden}.select:focus-visible,.textarea:focus-visible{outline:2px solid var(--cc-focus-ring);border-color:var(--cc-focus-ring)}.overlay{padding:var(--cc-space-8) var(--cc-space-4);z-index:50;background:#0b142473;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.overlay__panel{background:var(--cc-surface);border-radius:var(--cc-radius-lg);box-shadow:var(--cc-shadow-lg);width:100%;max-width:var(--app-modal-width,100%)}.auth-page{background:var(--cc-color-navy-800);grid-template-columns:1fr;min-height:100vh;display:grid}.auth-hero{padding:var(--cc-space-12);color:var(--cc-color-white);flex-direction:column;justify-content:space-between;display:none;overflow:visible}.auth-hero__logo{object-fit:contain;object-position:left center;max-width:100%;overflow:visible;width:min(440px,88%)!important;height:auto!important}.auth-panel{background:var(--cc-background);justify-content:center;align-items:center;gap:var(--cc-space-6);padding:var(--cc-space-8) var(--cc-space-4);flex-direction:column;display:flex}.auth-mobile-brand{width:100%;padding-inline:var(--cc-space-4);justify-content:center;align-items:center;display:flex}.auth-mobile-brand .cc-logo{object-fit:contain;width:min(230px,62vw)!important;height:auto!important}.auth-card{filter:drop-shadow(0 12px 28px #c89b3c29);width:100%;max-width:var(--app-modal-width,100%)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.image-button{cursor:zoom-in;background:0 0;border:0;padding:0}@media (width>=900px){.auth-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth-hero{display:flex}.auth-mobile-brand{display:none}}.portal-shell{background:var(--cc-background);min-height:100vh;padding-bottom:var(--cc-space-12);flex-direction:column;display:flex}.portal-header{background:var(--cc-color-navy-800);color:var(--cc-color-white);padding:var(--cc-space-5) var(--cc-space-4);justify-content:space-between;align-items:center;gap:var(--cc-space-4);display:flex}.portal-content{padding:var(--cc-space-4);gap:var(--cc-space-4);flex-direction:column;width:100%;margin:0 auto;display:flex}.portal-tabbar{background:var(--cc-surface);border-top:1px solid var(--cc-border);z-index:10;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.portal-tabbar a{align-items:center;gap:var(--cc-space-1);padding:var(--cc-space-2);font-size:var(--cc-text-caption);color:var(--cc-foreground-muted);flex-direction:column;text-decoration:none;display:flex}.portal-tabbar a[aria-current=page]{color:var(--cc-primary);font-weight:var(--cc-weight-semibold)}.product-photo{aspect-ratio:4/3;object-fit:cover;background:var(--cc-surface-muted);border-radius:var(--cc-radius-md);width:100%}.photo-placeholder{aspect-ratio:4/3;background:var(--cc-surface-muted);border-radius:var(--cc-radius-md);width:100%;color:var(--cc-foreground-muted);place-items:center;display:grid}.grid-cards,.grid-stats{gap:var(--cc-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=640px){.grid-cards,.grid-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.thumb{width:var(--cc-space-12);height:var(--cc-space-12);object-fit:cover;border-radius:var(--cc-radius-md);border:1px solid var(--cc-border)}.portal{background:var(--cc-background);flex-direction:column;min-height:100vh;display:flex}.portal__topbar{background:var(--cc-color-navy-800);color:var(--cc-color-white);padding-block:var(--cc-space-4);padding-inline:var(--cc-space-6);justify-content:space-between;align-items:center;gap:var(--cc-space-4);display:flex}.portal__content{padding:var(--cc-space-6);gap:var(--cc-space-5);flex-direction:column;width:100%;margin-inline:auto;display:flex}.project-clean-link{color:var(--cc-primary);font-weight:var(--cc-weight-medium);align-self:flex-start;text-decoration:none}.project-clean-link:hover{text-decoration:underline}.project-card-actions{padding-top:var(--cc-space-1)}.file-choice{gap:var(--cc-space-2);flex-wrap:wrap;display:flex}.file-choice input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-choice label{justify-content:center;align-items:center;gap:var(--cc-space-2);min-height:38px;padding:var(--cc-space-2) var(--cc-space-3);border:1px solid var(--cc-border-strong);border-radius:var(--cc-radius-sm);background:var(--cc-surface);font-size:var(--cc-text-sm);font-weight:var(--cc-weight-medium);cursor:pointer;display:inline-flex}.file-choice label:hover{background:var(--cc-surface-muted)}.recording-guide{gap:var(--cc-space-2);padding:var(--cc-space-4);background:var(--cc-surface-muted);border-radius:var(--cc-radius-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.recording-guide span{font-size:var(--cc-text-sm)}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-metrics>*{min-width:0}@media (width<=719px){.dashboard-metrics{gap:var(--cc-space-3)}.dashboard-metrics .cc-card{padding:var(--cc-space-3)}.dashboard-metrics .cc-stat{gap:var(--cc-space-2);align-items:flex-start}.dashboard-metrics .cc-stat__icon{width:36px;min-width:36px;height:36px}.dashboard-metrics .cc-stat__label{font-size:var(--cc-text-caption);line-height:1.3}.dashboard-metrics .cc-stat__value{font-size:1.2rem!important}}@media (width>=1100px){.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (width<=520px){.recording-guide{grid-template-columns:1fr}}.supplier-context-header{background:#eaf3fc;border-bottom:1px solid #c8dcee;border-radius:12px 12px 0 0}.supplier-form-context{z-index:3;background:#eaf3fc;border:1px solid #b8d1e7;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 6px #17345212}.supplier-form-context strong{color:#173f64;flex:180px}.grade-table-scroll{overflow-x:auto}.grade-quantity-table{border-collapse:collapse;width:100%}.grade-quantity-table th,.grade-quantity-table td{text-align:left;border-bottom:1px solid #dce3eb;padding:10px}.grade-quantity-table td:last-child{min-width:105px;max-width:180px}.portal-product-tabs{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.portal-product-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.portal-product-summary::-webkit-details-marker{display:none}.portal-product-summary:focus-visible{outline:2px solid var(--cc-focus-ring);outline-offset:4px;border-radius:6px}.portal-product-closed-label,.portal-product-open-label{color:#183b66;font-size:14px;font-weight:600;text-decoration:underline}.portal-product-open-label,.portal-product-card[open] .portal-product-closed-label{display:none}.portal-product-card[open] .portal-product-open-label{display:inline}.portal-product-details{border-top:1px solid var(--cc-border-strong);margin-top:18px;padding-top:16px}@media (width<=560px){.portal-product-summary{flex-direction:column;align-items:flex-start}}