:root,[data-theme=light]{--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Geist Mono","SF Mono","Fira Code","Cascadia Code",monospace;--text-xs:clamp(.75rem,.7rem + .2vw,.8125rem);--text-sm:clamp(.8125rem,.78rem + .25vw,.9375rem);--text-base:clamp(.9375rem,.9rem + .2vw,1rem);--text-lg:clamp(1.0625rem,1rem + .4vw,1.25rem);--text-xl:clamp(1.375rem,1.2rem + .6vw,1.625rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--sidebar-w:240px;--topbar-h:56px;--radius:8px;--radius-sm:6px;--radius-lg:12px;--radius-md:8px;--radius-xl:16px;--radius-full:9999px;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-2:#f8fafc;--color-surface-offset:#f1f5f9;--color-divider:#e2e8f0;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-faint:#94a3b8;--color-accent:#0d9488;--color-accent-hover:#0f766e;--color-accent-active:#115e59;--color-accent-light:#2dd4bf;--color-accent-faint:#ccfbf1;--color-accent-sidebar:#2dd4bf;--color-warm:#8b4f2a;--color-warm-light:#f3e8df;--sidebar-bg:#0f172a;--sidebar-text:#f1f5f9;--sidebar-text-dim:#64748b;--sidebar-active-bg:#0d94882e;--sidebar-hover-bg:#ffffff0f;--sidebar-border:#ffffff14;--color-success:#10b981;--color-success-light:#ecfdf5;--ok-bg:#ecfdf5;--ok-border:#a7f3d0;--ok-text:#065f46;--color-warning:#f59e0b;--color-warning-light:#fffbeb;--warn-bg:#fffbeb;--warn-border:#fde68a;--warn-text:#92400e;--color-fail:#ef4444;--fail-bg:#fef2f2;--fail-border:#fecaca;--fail-text:#991b1b;--shadow-sm:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;--shadow-md:0 4px 16px #0f172a14;--shadow-lg:0 12px 40px #0f172a1f;--transition:.16s cubic-bezier(.16,1,.3,1)}[data-theme=dark]{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-2:#1e293b;--color-surface-offset:#334155;--color-divider:#1e293b;--color-border:#334155;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-text-faint:#475569;--color-accent:#0d9488;--color-accent-hover:#14b8a6;--color-accent-active:#2dd4bf;--color-accent-light:#2dd4bf;--color-accent-faint:#0d948833;--color-warm:#d4875a;--color-warm-light:#3a2318;--sidebar-bg:#0b1120;--sidebar-text:#f1f5f9;--sidebar-text-dim:#64748b;--sidebar-active-bg:#0d948833;--sidebar-hover-bg:#ffffff0d;--sidebar-border:#ffffff12;--color-success:#10b981;--color-success-light:#022c22;--ok-bg:#022c22;--ok-border:#065f46;--ok-text:#6ee7b7;--color-warning:#f59e0b;--color-warning-light:#1c1400;--warn-bg:#1c1400;--warn-border:#78350f;--warn-text:#fcd34d;--color-fail:#ef4444;--fail-bg:#1f0a0a;--fail-border:#7f1d1d;--fail-text:#fca5a5;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 12px 40px #00000080}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}.mono{font-family:var(--font-mono)}.sidebar-header{padding:var(--space-4)var(--space-4)var(--space-3);border-bottom:1px solid var(--sidebar-border);min-height:var(--topbar-h);justify-content:space-between;align-items:center;display:flex}.sidebar-logo{align-items:center;width:100%;display:flex}.sidebar-logo-img{filter:invert()brightness(1.1);width:70%;height:auto}.sidebar-org{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--sidebar-border);display:flex}.org-avatar{border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;width:28px;height:28px;font-size:var(--text-xs);font-weight:800;font-family:var(--font-body);flex-shrink:0;justify-content:center;align-items:center;display:flex}.org-info{flex-direction:column;gap:1px;display:flex;overflow:hidden}.org-name{font-size:var(--text-sm);color:var(--sidebar-text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.org-role{font-size:var(--text-xs);color:var(--sidebar-text-dim)}.sidebar-nav{padding:var(--space-3)var(--space-2);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:99px}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);border-radius:var(--radius);font-size:var(--text-sm);color:var(--sidebar-text);transition:background var(--transition),color var(--transition);text-align:left;width:100%;font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--sidebar-hover-bg)}.nav-item--active{background:var(--sidebar-active-bg);color:#fff}.nav-item--active:before{content:"";background:var(--color-accent);border-radius:0 var(--radius-full)var(--radius-full)0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item--soon{opacity:.6}.nav-item--soon:hover{opacity:.8}.nav-icon{opacity:.7;flex-shrink:0;width:16px;height:16px}.nav-item--active .nav-icon{opacity:1}.nav-badge{letter-spacing:.04em;border-radius:var(--radius-full);color:#ffffff80;background:#ffffff1a;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.nav-chevron{opacity:.4;width:14px;height:14px;transition:transform var(--transition);margin-left:auto}.nav-item--group-toggle{width:100%}.nav-item--group-toggle[aria-expanded=true] .nav-chevron{transform:rotate(90deg)}.nav-sub{padding:var(--space-1)0 var(--space-1)calc(var(--space-3) + 16px + var(--space-3));flex-direction:column;gap:1px;margin-top:2px;display:none}.nav-sub.open{display:flex}.nav-sub-item{padding:var(--space-2)var(--space-3);font-size:var(--text-xs);color:var(--sidebar-text-dim);border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition);display:block}.nav-sub-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text)}.nav-sub-item--active{color:var(--color-accent-sidebar);background:var(--sidebar-active-bg);font-weight:600}.sidebar-footer{padding:var(--space-3)var(--space-2);border-top:1px solid var(--sidebar-border)}.btn-theme-toggle{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);border-radius:var(--radius);font-size:var(--text-xs);color:var(--sidebar-text-dim);width:100%;transition:background var(--transition),color var(--transition);display:flex}.btn-theme-toggle:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text)}.btn-kokumi{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-size:var(--text-sm);border-radius:var(--radius);transition:background var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition);white-space:nowrap;border:1.5px solid #0000;font-weight:600;display:inline-flex}.btn-kokumi:hover{transform:translateY(-1px)}.btn-kokumi:active{transform:translateY(0)}.btn-kokumi-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 1px 2px #0d94884d}.btn-kokumi-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:0 4px 12px #0d948859}.btn-kokumi-ghost{color:var(--color-text-muted);border-color:var(--color-border);background:0 0}.btn-kokumi-ghost:hover{background:var(--color-surface-offset);color:var(--color-text)}.stats-strip{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:var(--space-1);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}[data-theme=dark] .stat-card{box-shadow:none}.stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-faint);font-weight:700}.stat-value{font-family:var(--font-body);font-size:var(--text-xl);color:var(--color-text);font-weight:700;line-height:1}.stat-value--accent{color:var(--color-accent)}.module-card{gap:var(--space-4);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition);color:inherit;box-shadow:var(--shadow-sm);flex-direction:column;text-decoration:none;display:flex}[data-theme=dark] .module-card{box-shadow:none}.module-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-light);transform:translateY(-2px)}.module-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.module-icon--materials{background:var(--color-accent-faint);color:var(--color-accent)}.module-icon--formulations{color:#2563eb;background:#dbeafe}.module-icon--samples{color:#d97706;background:#fef3c7}.module-icon--projects{color:#7c3aed;background:#ede9fe}.module-icon--compliance{background:var(--warn-bg);color:var(--color-warning)}.module-icon--team{background:var(--ok-bg);color:var(--color-success)}.kokumi-table{border-collapse:separate;border-spacing:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;overflow:hidden}.kokumi-table thead th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);background:var(--color-surface-offset);border-bottom:1px solid var(--color-divider);text-align:left;padding:9px 14px;font-weight:700}.kokumi-table tbody td{font-size:var(--text-sm);color:var(--color-text);border-bottom:1px solid var(--color-divider);padding:9px 14px}.kokumi-table tbody tr:last-child td{border-bottom:none}.kokumi-table tbody tr:nth-child(2n){background:#f8fafc99}[data-theme=dark] .kokumi-table tbody tr:nth-child(2n){background:#33415540}.kokumi-table tbody tr:hover{background:#0d94880d}[data-theme=dark] .kokumi-table tbody tr:hover{background:#0d948814}.kokumi-badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.kokumi-badge--success{background:var(--ok-bg);color:var(--ok-text)}.kokumi-badge--warning{background:var(--warn-bg);color:var(--warn-text)}.kokumi-badge--accent{background:var(--color-accent-faint);color:var(--color-accent)}.kokumi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}[data-theme=dark] .kokumi-card{box-shadow:none}.kokumi-card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;display:flex}.kokumi-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.kokumi-page-title{font-family:var(--font-body);font-size:var(--text-xl);letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-1);font-weight:700}.kokumi-page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.kokumi-input{width:100%;padding:var(--space-2)var(--space-3);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition),box-shadow var(--transition)}.kokumi-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #0d94881f}.kokumi-input::placeholder{color:var(--color-text-faint)}.kokumi-tabs{gap:var(--space-1);border-bottom:1px solid var(--color-divider);margin-bottom:var(--space-6);display:flex}.kokumi-tab{padding:var(--space-2)var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition),border-color var(--transition);cursor:pointer;border-bottom:2px solid #0000;font-weight:500}.kokumi-tab:hover{color:var(--color-text)}.kokumi-tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}.kokumi-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);border-radius:var(--radius);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition);white-space:nowrap;border:1.5px solid #0000;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.kokumi-btn:hover{transform:translateY(-1px)}.kokumi-btn:active{transform:translateY(0)}.kokumi-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.kokumi-btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 1px 2px #0d94884d}.kokumi-btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:0 4px 12px #0d948859}.kokumi-btn--outline{color:var(--color-text-muted);border-color:var(--color-border);background:var(--color-surface)}.kokumi-btn--outline:hover:not(:disabled){background:var(--color-surface-offset);color:var(--color-text);border-color:var(--color-accent-light)}.kokumi-btn--ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.kokumi-btn--ghost:hover:not(:disabled){background:var(--color-surface-offset);color:var(--color-text)}.kokumi-auth-page{background:var(--color-bg);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.kokumi-auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-8)var(--space-6);box-shadow:var(--shadow-md)}.kokumi-form-group{margin-bottom:var(--space-4)}.kokumi-label{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-1);font-weight:600;display:block}.topbar-search{flex:1;max-width:380px;margin:0 16px;position:relative}.topbar-search-input{width:100%;font-size:13px;font-family:var(--font-body);color:var(--color-text);background:var(--color-surface-offset);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;padding:7px 12px 7px 34px;transition:border-color .15s,box-shadow .15s}.topbar-search-input::placeholder{color:var(--color-text-faint)}.topbar-search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0d94881f}.topbar-search-icon{color:var(--color-text-faint);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.bg-white{background-color:var(--color-surface)!important}.border-gray-100{border-color:var(--color-divider)!important}.border-gray-200,.border-gray-300{border-color:var(--color-border)!important}.text-gray-400{color:var(--color-text-faint)!important}.text-gray-500,.text-gray-600{color:var(--color-text-muted)!important}.text-gray-700,.text-gray-800,.text-gray-900{color:var(--color-text)!important}.bg-gray-50,.bg-gray-100,.hover\:bg-gray-50:hover,.hover\:bg-gray-100:hover{background-color:var(--color-surface-offset)!important}.ring-blue-500,.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-accent)!important}.focus\:ring-2:focus{--tw-ring-shadow:0 0 0 2px var(--color-accent-faint)!important}.border-blue-300{border-color:var(--color-accent-light)!important}.border-blue-500{border-color:var(--color-accent)!important}.text-blue-600{color:var(--color-accent)!important}.text-blue-700{color:var(--color-accent-hover)!important}.text-blue-500{color:var(--color-accent)!important}.bg-blue-50{background-color:var(--color-accent-faint)!important}.bg-blue-100{background-color:var(--color-accent-light)!important}.bg-blue-600{background-color:var(--color-accent)!important}.bg-blue-700,.hover\:bg-blue-700:hover{background-color:var(--color-accent-hover)!important}.text-green-600,.text-green-700{color:var(--color-success)!important}.text-green-800{color:var(--ok-text)!important}.bg-green-50,.bg-green-100{background-color:var(--ok-bg)!important}.border-green-200,.border-green-300{border-color:var(--ok-border)!important}.text-yellow-600{color:var(--color-warning)!important}.text-yellow-700,.text-yellow-800{color:var(--warn-text)!important}.bg-yellow-50,.bg-yellow-100,.bg-amber-50{background-color:var(--warn-bg)!important}.text-amber-700,.text-amber-800{color:var(--warn-text)!important}.text-red-500,.text-red-600{color:var(--color-fail)!important}.text-red-700{color:var(--fail-text)!important}.bg-red-50,.bg-red-100{background-color:var(--fail-bg)!important}.border-red-200{border-color:var(--fail-border)!important}input[type=text],input[type=number],input[type=email],input[type=password],input[type=date],input[type=search],select,textarea{font-family:var(--font-body)!important;color:var(--color-text)!important}input:focus,select:focus,textarea:focus{border-color:var(--color-accent)!important;outline:none!important;box-shadow:0 0 0 3px #0d94881f!important}[role=tablist]{border-bottom:1px solid var(--color-divider)!important;gap:var(--space-1)!important;background:0 0!important;border-radius:0!important;padding:0!important}[role=tab]{font-family:var(--font-body)!important;font-size:var(--text-sm)!important;color:var(--color-text-muted)!important;padding:var(--space-2)var(--space-4)!important;box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:2px solid #0000!important;border-radius:0!important;font-weight:500!important;transition:color .16s,border-color .16s!important}[role=tab]:hover{color:var(--color-text)!important;background:0 0!important}[role=tab][data-state=active]{color:var(--color-accent)!important;border-bottom-color:var(--color-accent)!important;box-shadow:none!important;background:0 0!important;font-weight:600!important}button[class*=bg-primary],.bg-primary{background-color:var(--color-accent)!important}button[class*=bg-primary]:hover,.bg-primary:hover{background-color:var(--color-accent-hover)!important}@media (max-width:1100px){.stats-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-strip{grid-template-columns:1fr}.kokumi-page-header{gap:var(--space-4);flex-direction:column}}.info-cards-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.info-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);transition:border-color var(--transition),background .25s ease;box-shadow:var(--shadow-sm);flex-direction:column;display:flex}[data-theme=dark] .info-card{box-shadow:none}.info-card-header{align-items:center;gap:var(--space-3);display:flex}.info-card-icon{border-radius:var(--radius-sm);background:var(--color-accent-faint);width:28px;height:28px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-card-icon--muted{background:var(--color-surface-offset);color:var(--color-text-muted)}.info-card-title{font-family:var(--font-body);font-size:var(--text-base);letter-spacing:-.01em;color:var(--color-text);font-weight:700}.info-card-sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:calc(-1*var(--space-1));line-height:1.5}.info-card-fields{gap:var(--space-3);padding-top:var(--space-1);border-top:1px solid var(--color-divider);flex-direction:column;margin-top:auto;display:flex}.info-field{flex-direction:column;gap:2px;display:flex}.info-field-label{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.info-field-value{font-size:var(--text-sm);color:var(--color-text)}.info-field-value--strong{font-weight:700}.info-field-link{font-size:var(--text-sm);color:var(--color-accent);transition:color var(--transition);font-weight:600;text-decoration:none}.info-field-link:hover{color:var(--color-accent-hover);text-decoration:underline}.info-card-body{font-size:var(--text-sm);color:var(--color-text-muted);flex:1;line-height:1.6}.info-card-actions{padding-top:var(--space-3);border-top:1px solid var(--color-divider);margin-top:auto}.support-email-btn{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-surface-offset);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2)var(--space-3);transition:background var(--transition),color var(--transition),border-color var(--transition);font-weight:600;text-decoration:none;display:inline-flex}.support-email-btn:hover{background:var(--color-bg);color:var(--color-text);border-color:var(--color-text-muted)}.settings-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-5);box-shadow:var(--shadow-sm);transition:background .25s;overflow:hidden}[data-theme=dark] .settings-section{box-shadow:none}.settings-section-header{align-items:flex-start;gap:var(--space-3);padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--color-divider);background:var(--color-surface-2);display:flex}.settings-section-icon{border-radius:var(--radius-sm);background:var(--color-accent-faint);width:30px;height:30px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.settings-section-icon--muted{background:var(--color-surface-offset);color:var(--color-text-muted)}.settings-section-title{font-family:var(--font-body);font-size:var(--text-base);letter-spacing:-.01em;color:var(--color-text);margin-bottom:4px;font-weight:700}.settings-section-sub{font-size:var(--text-xs);color:var(--color-text-muted);max-width:680px;line-height:1.6}.settings-section-body{padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.logo-upload-area{align-items:flex-start;gap:var(--space-6);display:flex}.logo-preview{border-radius:var(--radius);border:2px dashed var(--color-border);background:var(--color-surface-offset);width:96px;height:96px;transition:border-color var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.logo-preview:hover{border-color:var(--color-accent-light)}.logo-preview-inner{background:var(--color-accent);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.logo-preview-text{font-family:var(--font-body);color:#fff;text-align:center;letter-spacing:.04em;font-size:12px;font-weight:700;line-height:1.2}.logo-upload-info{gap:var(--space-2);padding-top:var(--space-1);flex-direction:column;display:flex}.logo-upload-spec{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.logo-upload-formats{font-size:var(--text-xs);color:var(--color-text-muted)}.logo-upload-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.kokumi-btn--danger{color:var(--color-fail);background:0 0;border-color:#ef44444d}.kokumi-btn--danger:hover:not(:disabled){background:var(--fail-bg);border-color:var(--color-fail);color:var(--color-fail)}.tfa-status-row{padding:var(--space-4)var(--space-5);background:var(--color-surface-offset);border:1px solid var(--color-divider);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.tfa-status-left{align-items:center;gap:var(--space-3);display:flex}.tfa-status-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.tfa-status-icon--off{background:var(--warn-bg);color:var(--color-warning)}.tfa-status-icon--on{background:var(--ok-bg);color:var(--color-success)}.tfa-status-label{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.tfa-status-sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.tfa-notes{gap:var(--space-2);padding-left:var(--space-4);flex-direction:column;margin:0;list-style:outside;display:flex}.tfa-notes li{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5}.domain-restriction-row{padding:var(--space-4)var(--space-5);background:var(--color-surface-offset);border:1px solid var(--color-divider);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.domain-restriction-left{align-items:center;gap:var(--space-3);display:flex}.domain-status-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.domain-status-icon--on{background:var(--ok-bg);color:var(--color-success)}.domain-status-icon--off{background:var(--color-surface-offset);color:var(--color-text-muted);border:1px solid var(--color-divider)}.kokumi-toggle{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius);font-size:var(--text-xs);letter-spacing:.03em;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition);white-space:nowrap;border:1.5px solid #0000;font-weight:700;display:inline-flex}.kokumi-toggle--on{background:var(--ok-bg);color:var(--color-success);border-color:var(--ok-border)}.kokumi-toggle--on:hover{background:#10b9812e}.kokumi-toggle--off{background:var(--color-surface-offset);color:var(--color-text-muted);border-color:var(--color-divider)}.kokumi-toggle--off:hover{background:var(--color-bg)}.domain-tag{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--color-accent-faint);border:1px solid var(--color-accent-light);color:var(--color-accent);font-size:var(--text-xs);padding:5px 10px;font-weight:600;display:inline-flex}.domain-tag-remove{width:16px;height:16px;color:var(--color-accent);transition:background var(--transition),color var(--transition);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.domain-tag-remove:hover{background:var(--color-accent-light);color:var(--color-accent-hover)}.add-domain-row{align-items:center;gap:var(--space-3);display:flex}.add-domain-input-wrap{flex:1;max-width:340px;position:relative}.add-domain-at{left:var(--space-3);color:var(--color-text-faint);pointer-events:none;font-size:var(--text-sm);position:absolute;top:50%;transform:translateY(-50%)}.save-domain-row{padding-top:var(--space-2);border-top:1px solid var(--color-divider);justify-content:flex-end;display:flex}.team-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-5);transition:border-color var(--transition),background .25s ease;box-shadow:var(--shadow-sm);overflow:hidden}[data-theme=dark] .team-card{box-shadow:none}.team-card-header{align-items:center;gap:var(--space-3);padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--color-divider);background:var(--color-surface-2);display:flex}.team-card-icon{border-radius:var(--radius);background:var(--color-accent-faint);width:32px;height:32px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.team-card-icon--warning{background:var(--warn-bg);color:var(--color-warning)}.team-card-title{font-family:var(--font-body);font-size:var(--text-base);letter-spacing:-.01em;color:var(--color-text);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.team-card-sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.team-card-body{padding:var(--space-6)}.member-count-badge{border-radius:var(--radius-full);background:var(--color-surface-offset);border:1px solid var(--color-divider);min-width:20px;height:20px;font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);justify-content:center;align-items:center;padding:0 6px;font-weight:700;display:inline-flex}.member-count-badge--warning{background:var(--warn-bg);border-color:var(--warn-border);color:var(--color-warning)}.seats-card{padding:var(--space-6)}.seats-top{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.seats-left{align-items:center;gap:var(--space-4);display:flex}.seats-icon{border-radius:var(--radius);background:var(--color-accent-faint);width:40px;height:40px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.seats-count{font-family:var(--font-body);font-size:var(--text-xl);color:var(--color-text);margin-bottom:3px;font-weight:700;line-height:1}.seats-used{color:var(--color-accent)}.seats-sep{color:var(--color-text-faint);margin:0 2px}.seats-total{color:var(--color-text-muted)}.seats-label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.seats-pending{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.pending-dot{background:var(--color-warning);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.seats-progress-track{border-radius:var(--radius-full);background:var(--color-surface-offset);height:8px;overflow:hidden}.seats-progress-bar{border-radius:var(--radius-full);background:var(--color-accent);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.invite-fields{gap:var(--space-3);margin-bottom:var(--space-3);grid-template-columns:1fr 180px auto;align-items:flex-end;display:grid}.invite-field-wrap,.invite-role-wrap{gap:var(--space-2);flex-direction:column;display:flex}.field-label{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.domain-hint{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-accent);font-weight:500;display:flex}.member-list{flex-direction:column;display:flex}.member-row{align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--color-divider);transition:background var(--transition);display:flex}.member-row:last-child{border-bottom:none}.member-row:hover{background:var(--color-surface-offset)}.member-avatar{border-radius:var(--radius);width:36px;height:36px;font-size:var(--text-xs);font-weight:800;font-family:var(--font-body);background:var(--color-surface-offset);color:var(--color-text-muted);border:1px solid var(--color-divider);flex-shrink:0;justify-content:center;align-items:center;display:flex}.member-avatar--accent{background:var(--color-accent);color:#fff;border-color:#0000}.pending-avatar{border-radius:var(--radius);background:var(--warn-bg);width:36px;height:36px;color:var(--color-warning);border:1px solid var(--warn-border);flex-shrink:0;justify-content:center;align-items:center;display:flex}.member-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.member-name{font-size:var(--text-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:var(--space-2);font-weight:600;display:flex;overflow:hidden}.you-badge{border-radius:var(--radius-full);background:var(--color-accent-faint);color:var(--color-accent);border:1px solid var(--color-accent-light);letter-spacing:.03em;font-size:10px;font-weight:700;font-family:var(--font-body);align-items:center;padding:1px 7px;display:inline-flex}.member-joined{font-size:var(--text-xs);color:var(--color-text-faint);align-items:center;gap:4px;display:flex}.member-joined--expiry{color:var(--color-warning)}.member-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.role-badge{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-weight:600;display:inline-flex}.role-badge--admin{background:var(--color-accent-faint);color:var(--color-accent);border:1px solid var(--color-accent-light)}.role-badge--developer{background:var(--warn-bg);color:var(--color-warning);border:1px solid var(--warn-border)}.role-badge--viewer{background:var(--color-surface-offset);color:var(--color-text-muted);border:1px solid var(--color-divider)}.btn-copy-link{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius);border:1.5px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition);white-space:nowrap;background:0 0;font-weight:600;display:inline-flex}.btn-copy-link:hover{background:var(--color-surface-offset);color:var(--color-text);border-color:var(--color-text-muted)}.btn-copy-link--copied{border-color:var(--color-success);color:var(--color-success);background:var(--ok-bg)}@media (max-width:900px){.info-cards-grid{grid-template-columns:1fr 1fr}}@media (max-width:680px){.info-cards-grid{grid-template-columns:1fr}.logo-upload-area{flex-direction:column}.settings-section-body,.settings-section-header{padding:var(--space-4)}.tfa-status-row,.domain-restriction-row{flex-direction:column;align-items:flex-start}.invite-fields{grid-template-columns:1fr}.seats-top{align-items:flex-start;gap:var(--space-3);flex-direction:column}.member-row{gap:var(--space-3);padding:var(--space-4)}}.rm-toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.rm-search-wrap{flex:1;min-width:200px;max-width:340px;position:relative}.rm-search-icon{color:var(--color-text-faint);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.rm-search{width:100%;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);outline:none;padding:.4375rem .75rem .4375rem 2.25rem}.rm-search::placeholder{color:var(--color-text-faint)}.rm-search:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0d94881f}.rm-filter-group{position:relative}.rm-filter-btn{align-items:center;gap:var(--space-2);padding:.4375rem var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius);white-space:nowrap;cursor:pointer;transition:border-color var(--transition),background var(--transition),color var(--transition);font-weight:500;display:inline-flex}.rm-filter-btn:hover{border-color:var(--color-accent);color:var(--color-text);background:var(--color-surface-offset)}.rm-filter-btn[aria-expanded=true]{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-faint)}.filter-chevron{opacity:.6;transition:transform var(--transition)}.rm-filter-btn[aria-expanded=true] .filter-chevron{transform:rotate(180deg)}.rm-dropdown{background:var(--color-surface-2);border:1.5px solid var(--color-border);border-radius:var(--radius);min-width:160px;box-shadow:var(--shadow-md);z-index:200;padding:var(--space-1);display:none;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.rm-dropdown.open{display:block}.rm-dropdown-item{width:100%;padding:var(--space-2)var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:background var(--transition),color var(--transition);background:0 0;border:none;align-items:center;display:flex}.rm-dropdown-item:hover{background:var(--color-surface-offset);color:var(--color-text)}.rm-dropdown-item--active{color:var(--color-accent);background:var(--color-accent-faint);font-weight:600}.rm-toolbar-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.rm-status-strip{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.rm-status-card{gap:var(--space-1);padding:var(--space-3)var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius);text-align:left;cursor:pointer;min-width:110px;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition);flex-direction:column;display:flex}.rm-status-card:hover{border-color:var(--color-accent-light);background:var(--color-surface-offset)}.rm-status-card--active{border-color:var(--color-accent);background:var(--color-accent-faint);box-shadow:0 0 0 1px var(--color-accent)}.rm-status-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);white-space:nowrap;align-items:center;gap:4px;font-weight:600;display:flex}.rm-status-card--active .rm-status-label{color:var(--color-accent)}.rm-status-count{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text);font-weight:700;line-height:1}.rm-status-count--draft{color:var(--color-warning)}.rm-status-count--approved{color:var(--color-success)}.rm-status-count--inuse{color:var(--color-accent)}.rm-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);overflow:auto hidden}[data-theme=dark] .rm-table-wrap{box-shadow:none}.rm-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);white-space:nowrap}.rm-th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);background:var(--color-surface-offset);border-bottom:1.5px solid var(--color-divider);text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:9px 14px;font-weight:700}.rm-th--check{width:42px;padding-inline:var(--space-3)}.rm-th--num{text-align:right}.rm-th--center{text-align:center}.rm-th--actions{text-align:center;width:48px}.rm-th--name{min-width:220px}.rm-th--sortable{cursor:pointer;transition:color var(--transition)}.rm-th--sortable:hover{color:var(--color-text-muted)}.sort-icon{vertical-align:middle;opacity:.35;transition:opacity var(--transition),transform var(--transition);margin-left:4px;display:inline-block}.rm-th--sortable:hover .sort-icon{opacity:.7}.rm-row{border-bottom:1px solid var(--color-divider);transition:background var(--transition)}.rm-row:last-child{border-bottom:none}.rm-row:hover{background:#0d94880d}[data-theme=dark] .rm-row:hover{background:#0d948814}.rm-row--selected{background:var(--color-accent-faint)}.rm-table tbody tr:nth-child(2n){background:#f8fafc99}[data-theme=dark] .rm-table tbody tr:nth-child(2n){background:#33415540}.rm-td{color:var(--color-text-muted);vertical-align:middle;padding:9px 14px}.rm-td--check{width:42px;padding-inline:var(--space-3)}.rm-td--code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint);white-space:nowrap}.rm-td--name{white-space:normal;min-width:200px}.rm-name-link{color:var(--color-accent);transition:color var(--transition);font-weight:500;line-height:1.4;text-decoration:none}.rm-name-link:hover{color:var(--color-accent-hover);text-decoration:underline}.rm-td--supplier{color:var(--color-text-muted);font-size:var(--text-xs);white-space:normal;max-width:180px}.rm-td--cost{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-text);white-space:nowrap;font-weight:500}.rm-td--date{font-size:var(--text-xs);color:var(--color-text-faint);white-space:nowrap}.rm-td--version{text-align:center;white-space:nowrap}.version-pill{background:var(--color-surface-offset);color:var(--color-text-muted);font-family:var(--font-mono);border-radius:var(--radius-full);border:1px solid var(--color-border);white-space:nowrap;align-items:center;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.version-total{color:var(--color-text-faint);margin-left:4px;font-size:11px}.rm-td--usedin{white-space:nowrap}.usedin-chip{border-radius:var(--radius-full);border:1.5px solid var(--color-border);color:var(--color-text-muted);white-space:nowrap;background:0 0;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.usedin-chip--inuse{border-color:var(--color-accent-light);color:var(--color-accent);background:var(--color-accent-faint)}.usedin-none{font-size:var(--text-xs);color:var(--color-text-faint);font-style:italic}.warn-icon{color:var(--color-warning);cursor:default;vertical-align:middle;align-items:center;margin-left:4px;font-size:12px;font-style:normal;display:inline-flex}.status-badge{letter-spacing:.04em;text-transform:lowercase;border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.status-badge--draft{background:var(--warn-bg);color:var(--warn-text)}.status-badge--approved{background:var(--ok-bg);color:var(--ok-text)}.status-badge--inuse{background:var(--color-accent-faint);color:var(--color-accent);border:1px solid var(--color-accent-light)}.status-badge--archived{background:var(--color-surface-offset);color:var(--color-text-faint)}.rm-checkbox{width:15px;height:15px;accent-color:var(--color-accent);cursor:pointer}.rm-td--actions{text-align:center;width:48px;position:relative}.action-btn{border-radius:var(--radius-sm);letter-spacing:-1px;width:28px;height:28px;color:var(--color-text-faint);cursor:pointer;transition:background var(--transition),color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:1;display:inline-flex}.action-btn:hover{background:var(--color-surface-offset);color:var(--color-text)}.context-menu{z-index:500;background:var(--color-surface-2);border:1.5px solid var(--color-border);border-radius:var(--radius);min-width:160px;box-shadow:var(--shadow-lg);padding:var(--space-1);display:none;position:fixed;overflow:hidden}.context-menu.open{display:block}.context-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2)var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:background var(--transition),color var(--transition);white-space:nowrap;background:0 0;border:none;display:flex}.context-item:hover{background:var(--color-surface-offset);color:var(--color-text)}.context-item--danger{color:var(--color-fail)}.context-item--danger:hover{background:var(--fail-bg);color:var(--color-fail)}.context-divider{background:var(--color-divider);height:1px;margin:var(--space-1)0}.rm-pagination{padding:var(--space-3)var(--space-1);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.rm-pagination-info{font-size:var(--text-xs);color:var(--color-text-faint)}.rm-pagination-info strong{color:var(--color-text-muted);font-weight:600}.rm-compare-bar{padding:var(--space-3)var(--space-4);background:var(--color-accent-faint);border:1.5px solid var(--color-accent-light);border-radius:var(--radius);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.rm-compare-bar-left{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-accent);font-weight:500;display:flex}.rm-compare-bar-right{align-items:center;gap:var(--space-2);display:flex}.rm-feedback{padding:var(--space-3)var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);margin-bottom:var(--space-4);font-weight:500}.rm-feedback--success{background:var(--ok-bg);color:var(--ok-text);border:1px solid var(--ok-border)}.rm-feedback--error{background:var(--fail-bg);color:var(--fail-text);border:1px solid var(--fail-border)}.rm-archived-banner{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-surface-offset);border:1px solid var(--color-divider);border-radius:var(--radius);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}@media (max-width:900px){.rm-toolbar{flex-direction:column;align-items:flex-start}.rm-toolbar-actions{margin-left:0}.rm-status-strip{gap:var(--space-2)}.rm-status-card{min-width:90px}}@media (max-width:768px){.rm-table{font-size:var(--text-xs)}}.edit-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.edit-page-header-left{gap:var(--space-2);flex-direction:column;display:flex}.material-code-sub{font-size:var(--text-sm);color:var(--color-text-muted);align-items:center;gap:var(--space-2);display:flex}.code-pill{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);background:var(--color-accent-faint);border:1px solid var(--color-accent-light);border-radius:var(--radius-sm);letter-spacing:.04em;padding:2px 8px;font-weight:700}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-row{gap:var(--space-5);display:grid}.field-row--2{grid-template-columns:1fr 1fr}.field-label{font-size:var(--text-sm);color:var(--color-text);align-items:center;gap:var(--space-1);font-weight:600;display:flex}.field-required{color:var(--color-fail);font-size:var(--text-sm);line-height:1}.field-hint{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:2px}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2)var(--space-4);font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);appearance:none;transition:border-color var(--transition),box-shadow var(--transition),background .25s ease;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-faint)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-accent);background:var(--color-surface);box-shadow:0 0 0 3px #0d94881f}.form-input--mono{font-family:var(--font-mono);letter-spacing:.04em}.form-textarea{resize:vertical;min-height:80px;padding:var(--space-3)var(--space-4);line-height:1.6}.form-textarea--tall{min-height:120px}.select-wrap{position:relative}.form-select{padding-right:calc(var(--space-4) + 18px);cursor:pointer}.select-chevron{right:var(--space-3);color:var(--color-text-faint);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.change-type-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.change-type-option{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius);border:1.5px solid var(--color-border);cursor:pointer;transition:border-color var(--transition),background var(--transition);background:var(--color-bg);display:flex}.change-type-option:hover{border-color:var(--color-accent-light);background:var(--color-surface)}.change-type-dot{border:2px solid var(--color-border);width:16px;height:16px;transition:border-color var(--transition),background var(--transition);border-radius:50%;flex-shrink:0;margin-top:1px;position:relative}.change-type-dot:after{content:"";background:var(--color-accent);opacity:0;transition:opacity var(--transition);border-radius:50%;position:absolute;inset:3px}.change-type-option--selected{border-color:var(--color-accent);background:var(--color-accent-faint)}.change-type-option--selected .change-type-dot{border-color:var(--color-accent)}.change-type-option--selected .change-type-dot:after{opacity:1}.change-type-body{flex-direction:column;gap:2px;display:flex}.change-type-name{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.change-type-desc{font-size:var(--text-xs);color:var(--color-text-muted)}.tab-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:background .25s;overflow:hidden}[data-theme=dark] .tab-section{box-shadow:none}.tab-bar{border-bottom:1px solid var(--color-divider);background:var(--color-surface-2);padding:0 var(--space-2);gap:2px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{height:0}.tab-btn{padding:var(--space-3)var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;transition:color var(--transition),border-color var(--transition),background var(--transition);cursor:pointer;font-weight:500;font-family:var(--font-body);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px}.tab-btn:hover{color:var(--color-text);background:#0d94880d}.tab-btn--active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}.tab-panel-header{padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--color-divider)}.tab-panel-title{font-family:var(--font-body);font-size:var(--text-base);letter-spacing:-.01em;color:var(--color-text);margin-bottom:3px;font-weight:700}.tab-panel-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.tab-panel-body{padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.nutrition-grid{flex-direction:column;display:flex}.nutrition-row{align-items:center;gap:var(--space-4);padding:var(--space-3)0;border-bottom:1px solid var(--color-divider);grid-template-columns:1fr 160px 80px;display:grid}.nutrition-row:last-child{border-bottom:none}.nutrition-row--header{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);padding-bottom:var(--space-2);font-weight:700}.nutrition-row--sub .nutrition-name{padding-left:var(--space-4);color:var(--color-text-muted)}.nutrition-name{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.nutrition-unit{font-size:var(--text-xs);color:var(--color-text-faint);font-weight:600}.allergen-legend{align-items:center;gap:var(--space-6);padding:var(--space-4)0;font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.allergen-legend-item{align-items:center;gap:var(--space-2);display:flex}.allergen-legend-dot{border-radius:50%;width:8px;height:8px}.legend-dot--free{background:var(--color-border)}.legend-dot--present{background:var(--color-fail)}.legend-dot--may{background:var(--color-warning)}.allergen-legend-hint{font-size:var(--text-xs);color:var(--color-text-faint);margin-left:auto;font-style:italic}.allergen-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.allergen-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius);border:1.5px solid var(--color-border);cursor:pointer;transition:border-color var(--transition),background var(--transition);-webkit-user-select:none;user-select:none;display:flex}.allergen-item:hover{border-color:var(--color-accent-light);background:var(--color-surface-offset)}.allergen-item--present{border-color:var(--color-fail);background:var(--fail-bg)}.allergen-item--may-contain{border-color:var(--color-warning);background:var(--warn-bg)}[data-theme=dark] .allergen-item--present{border-color:var(--fail-text);background:var(--fail-bg)}[data-theme=dark] .allergen-item--may-contain{border-color:var(--color-warning);background:var(--warn-bg)}.allergen-dot{background:var(--color-border);width:10px;height:10px;transition:background var(--transition);border-radius:50%;flex-shrink:0}.allergen-item--present .allergen-dot{background:var(--color-fail)}.allergen-item--may-contain .allergen-dot{background:var(--color-warning)}.allergen-label{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.allergen-status{letter-spacing:.04em;text-transform:uppercase;margin-left:auto;font-size:10px;font-weight:700}.allergen-item--present .allergen-status{color:var(--color-fail)}.allergen-item--may-contain .allergen-status{color:var(--color-warning)}.allergen-source-popover{z-index:600;background:var(--color-surface-2);border:1.5px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--space-4);width:280px;position:fixed}.allergen-source-popover .field-label{margin-bottom:var(--space-2)}.cost-table-wrap{border-radius:var(--radius);border:1px solid var(--color-border);overflow:hidden}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.data-table thead tr{border-bottom:1px solid var(--color-divider)}.data-table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);background:var(--color-surface-2);padding:9px 14px;font-weight:700}.data-table td{border-bottom:1px solid var(--color-divider);color:var(--color-text);padding:9px 14px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:nth-child(2n){background:#f8fafc99}[data-theme=dark] .data-table tbody tr:nth-child(2n){background:#33415540}.data-table tbody tr:hover{background:#0d94880d}[data-theme=dark] .data-table tbody tr:hover{background:#0d948814}.cost-value{font-weight:700;font-family:var(--font-mono)}.cost-change{font-size:var(--text-xs);font-weight:700}.cost-change--up{color:var(--color-fail)}.cost-change--down{color:var(--color-success)}.cost-change--neutral{color:var(--color-text-faint)}.date-cell{color:var(--color-text-muted)}.muted-cell{color:var(--color-text-faint);font-size:var(--text-xs)}.form-footer{background:var(--color-surface);border-top:1px solid var(--color-divider);z-index:20;flex-shrink:0;transition:background .25s;position:sticky;bottom:0}.form-footer-inner{padding:var(--space-4)var(--space-8);justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}@media (max-width:760px){.change-type-grid,.field-row--2{grid-template-columns:1fr}.edit-page-header{gap:var(--space-3);flex-direction:column}.tab-panel-body{padding:var(--space-4)}.nutrition-row{grid-template-columns:1fr 120px 60px}}