:root{--color-navy-900: #0d1f35;--color-navy-800: #142a47;--color-navy-700: #1c3760;--color-navy-600: #234478;--color-navy-500: #2d5491;--color-navy-400: #4a6fa5;--color-navy-300: #748cb8;--color-navy-200: #a3b1cc;--color-navy-100: rgba(255, 255, 255, .1);--color-navy-50: rgba(255, 255, 255, .05);--color-amber-700: #b45309;--color-amber-600: #d97706;--color-amber-500: #f59e0b;--color-amber-400: #fbbf24;--color-amber-300: #fcd34d;--color-amber-200: #fde68a;--color-amber-100: #fef3c7;--color-amber-50: #fffbeb;--color-brand-navy: #0d1f35;--color-brand-gold: #e8a020;--color-status-new-bg: #3b82f6;--color-status-new-fg: #ffffff;--color-status-new-border: #3b82f6;--color-status-invited-bg: #3b82f6;--color-status-invited-fg: #ffffff;--color-status-invited-border: #3b82f6;--color-status-progress-bg: #e8a020;--color-status-progress-fg: #0d1f35;--color-status-progress-border: #e8a020;--color-status-ready-bg: #22c55e;--color-status-ready-fg: #ffffff;--color-status-ready-border: #22c55e;--color-status-provisioning-bg: #3b82f6;--color-status-provisioning-fg: #ffffff;--color-status-provisioning-border: #3b82f6;--color-status-provisioned-bg: #22c55e;--color-status-provisioned-fg: #ffffff;--color-status-provisioned-border: #22c55e;--color-status-failed-bg: #ef4444;--color-status-failed-fg: #ffffff;--color-status-failed-border: #ef4444;--color-item-pending-bg: #e8a020;--color-item-pending-fg: #0d1f35;--color-item-pending-border: #e8a020;--color-item-submitted-bg: #3b82f6;--color-item-submitted-fg: #ffffff;--color-item-submitted-border: #3b82f6;--color-item-verified-bg: #22c55e;--color-item-verified-fg: #ffffff;--color-item-verified-border: #22c55e;--color-item-rejected-bg: #ef4444;--color-item-rejected-fg: #ffffff;--color-item-rejected-border: #ef4444;--color-bg: #0d1f35;--color-surface: rgba(255, 255, 255, .05);--color-surface-elevated: #142a47;--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .8);--color-text-subtle: rgba(255, 255, 255, .55);--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .2);--font-display: "Barlow Condensed", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 30px;--font-size-3xl: 36px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-display: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .45);--shadow-modal: 0 20px 48px rgba(0, 0, 0, .55);--layout-max-width: 1080px;--layout-bottom-nav-height: 64px;--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--easing-standard: cubic-bezier(.2, 0, 0, 1);--z-content: 1;--z-sticky-header: 10;--z-bottom-nav: 20;--z-modal-backdrop: 100;--z-modal: 110;--z-toast: 200}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--color-bg);background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility;color-scheme:dark}#root{min-height:100vh;min-height:100dvh}h1,h2,h3{font-family:var(--font-display);font-weight:var(--font-weight-display);line-height:var(--line-height-tight);margin:0 0 var(--space-3);color:var(--color-text)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4,h5,h6{font-family:var(--font-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--space-2)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}p{margin:0 0 var(--space-3)}a{color:var(--color-brand-gold);text-decoration:underline;text-underline-offset:2px}a:hover{color:#f0b545}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}input::placeholder,textarea::placeholder{color:var(--color-text-subtle)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-brand-gold);box-shadow:0 0 0 3px #e8a02026}input[type=date],input[type=datetime-local],input[type=file],select{color-scheme:dark}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%;max-width:var(--layout-max-width);margin:0 auto;padding-top:env(safe-area-inset-top)}.app-main{flex:1;padding:var(--space-6) var(--space-4);width:100%}@media (min-width: 720px){.app-main{padding:var(--space-8)}}.admin-table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.admin-table th,.admin-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text)}.admin-table th{background:#ffffff0a;color:var(--color-text-muted);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;font-size:var(--font-size-xs)}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:#ffffff0a}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm)}.client-tabs{position:sticky;top:calc(56px + env(safe-area-inset-top));z-index:var(--z-sticky-header);margin:0 calc(-1 * var(--space-4));background:var(--color-bg);border-bottom:1px solid var(--color-border)}@media (min-width: 720px){.client-tabs{top:calc(64px + env(safe-area-inset-top));margin:0 calc(-1 * var(--space-8))}}.client-tabs__inner{display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-4);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.client-tabs__inner::-webkit-scrollbar{display:none}@media (min-width: 720px){.client-tabs__inner{padding:var(--space-2) var(--space-8)}}.client-tabs__tab{flex:0 0 auto;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff9;background:transparent;border:1px solid transparent;white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.client-tabs__tab:hover{color:#fff;background:#ffffff1a}.client-tabs__tab--active,.client-tabs__tab--active:hover{background:#e8a020;color:#0d1f35;font-weight:var(--font-weight-semibold)}.clients-list{display:flex;flex-direction:column;gap:var(--space-3)}.client-row{display:grid;grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid transparent;border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard),opacity var(--duration-fast) var(--easing-standard),transform var(--duration-fast) var(--easing-standard)}.client-row:hover{background:#ffffff0d;color:var(--color-text);text-decoration:none}.client-row:active{opacity:.75;transform:scale(.995)}.client-row:focus-visible{outline:2px solid var(--color-brand-gold);outline-offset:2px}.client-row__label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.client-row__company{font-weight:var(--font-weight-semibold)}.client-row__sub{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.client-row__cell--action{display:flex;justify-content:flex-end}.client-row__open{display:inline-block;background:var(--color-brand-gold);color:var(--color-navy-900);padding:6px 14px;border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap}@media (min-width: 720px){.client-row{grid-template-columns:2fr 2fr auto 1.4fr auto auto;align-items:center;gap:var(--space-5)}.client-row__label{display:none}.client-row__cell--created{text-align:right;white-space:nowrap}}.open-pill{display:inline-block;background:var(--color-brand-gold);color:var(--color-navy-900);text-decoration:none;padding:6px 14px;border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:1px solid var(--color-brand-gold);transition:background var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard),transform var(--duration-fast) var(--easing-standard);white-space:nowrap}.open-pill:hover{background:#f0b545;color:var(--color-navy-900);box-shadow:0 0 0 4px #e8a02033;text-decoration:none}.open-pill:active{transform:translateY(1px);background:var(--color-amber-600)}.worm-cat-list{display:grid;gap:var(--space-2)}.worm-cat{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ffffff05;border:1px solid var(--color-border);border-left:4px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard),opacity var(--duration-fast) var(--easing-standard)}.worm-cat:hover{background:#ffffff0f}.worm-cat:active{opacity:.85}.worm-cat--checked{border-left-color:var(--color-brand-gold);background:#e8a0201a}.worm-cat__native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.worm-cat__box{flex:0 0 auto;width:20px;height:20px;margin-top:1px;border:2px solid rgba(255,255,255,.45);border-radius:4px;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--color-navy-900);transition:background var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard)}.worm-cat--checked .worm-cat__box{background:var(--color-brand-gold);border-color:var(--color-brand-gold)}.worm-cat__check{width:14px;height:14px;opacity:0;transition:opacity var(--duration-fast) var(--easing-standard)}.worm-cat--checked .worm-cat__check{opacity:1}.worm-cat__native:focus-visible+.worm-cat__box{outline:2px solid var(--color-brand-gold);outline-offset:2px}.worm-cat__text{flex:1 1 auto;min-width:0}.worm-cat__label{font-weight:var(--font-weight-medium);color:var(--color-text)}.worm-cat__desc{color:var(--color-text-subtle);font-size:var(--font-size-xs);margin-top:2px}.radio-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard)}.radio-card:hover{background:#ffffff0f;border-color:var(--color-border-strong)}.radio-card--active,.radio-card--active:hover{background:#e8a0201f;border-color:var(--color-brand-gold);box-shadow:0 0 0 1px var(--color-brand-gold) inset,0 0 24px #e8a0202e}.radio-card__indicator{flex:0 0 18px;width:18px;height:18px;border-radius:50%;border:2px solid var(--color-border-strong);background:transparent;margin-top:2px;position:relative;transition:border-color var(--duration-fast) var(--easing-standard),background var(--duration-fast) var(--easing-standard)}.radio-card--active .radio-card__indicator{border-color:var(--color-brand-gold);background:var(--color-brand-gold)}.radio-card--active .radio-card__indicator:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--color-navy-900)}.radio-card__label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-subtle)}.radio-card--active .radio-card__label{color:var(--color-text)}.radio-card__desc{margin-top:2px;color:var(--color-text-subtle);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.btn-gold{background:var(--color-brand-gold);color:var(--color-navy-900);border:1px solid var(--color-brand-gold);border-radius:var(--radius-md);padding:10px 22px;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);cursor:pointer;box-shadow:0 0 #e8a02000;transition:background var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard),transform var(--duration-fast) var(--easing-standard)}.btn-gold:hover:not(:disabled){background:#f0b545;box-shadow:0 0 0 4px #e8a02040}.btn-gold:active:not(:disabled){transform:translateY(1px);background:var(--color-amber-600)}.btn-gold:disabled{background:#ffffff14;color:var(--color-text-subtle);border-color:var(--color-border);box-shadow:none;cursor:not-allowed}.brand-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-4)}.brand-section__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-5);background:#ffffff08;border:none;cursor:pointer;color:var(--color-text);text-align:left;transition:background var(--duration-fast) var(--easing-standard)}.brand-section__header:hover{background:#ffffff0f}.brand-section__title{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-display);color:var(--color-text);margin:0}.brand-section__title:before{content:"";width:4px;height:18px;border-radius:var(--radius-sm);background:var(--color-brand-gold)}.brand-section__caret{color:var(--color-text-subtle);font-size:var(--font-size-md);transition:transform var(--duration-base) var(--easing-standard)}.brand-section__caret--open{transform:rotate(90deg)}.brand-section__body{padding:var(--space-5);border-top:1px solid var(--color-border);display:grid;gap:var(--space-4)}.brand-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width: 720px){.brand-grid--2{grid-template-columns:1fr 1fr}.brand-grid--3{grid-template-columns:1fr 1fr 1fr}}.field-label{display:block;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-subtle);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.field-help{font-size:var(--font-size-xs);color:var(--color-text-subtle);margin-top:var(--space-1)}.color-field{display:flex;align-items:center;gap:var(--space-3)}.color-field input[type=color]{width:48px;height:40px;padding:0;background:transparent;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer}.color-field input[type=text]{flex:1;font-family:var(--font-mono);text-transform:uppercase}.upload-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5);background:#ffffff08;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-subtle);font-size:var(--font-size-sm);text-align:center;cursor:pointer;transition:background var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard)}.upload-drop:hover{background:#e8a0200f;border-color:var(--color-brand-gold);color:var(--color-text)}.upload-drop input[type=file]{display:none}.upload-drop__filename{color:var(--color-brand-gold);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs)}.switch{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;flex-shrink:0;cursor:pointer;background:#ffffff1a;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);transition:background var(--duration-fast) var(--easing-standard)}.switch input{display:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform var(--duration-fast) var(--easing-standard)}.switch--on{background:var(--color-brand-gold);border-color:var(--color-brand-gold)}.switch--on:after{transform:translate(20px);background:var(--color-navy-900)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}