:root,[data-theme=light]{--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:220px;--topbar-h:52px;--color-bg:#f6f4ef;--color-surface:#faf9f5;--color-surface-2:#fdfcf9;--color-surface-offset:#eeece5;--color-divider:#dcd9d0;--color-border:#d0cdc5;--color-accent:#1a6b62;--color-accent-hover:#14524b;--color-accent-active:#0d3a35;--color-accent-light:#d0e6e3;--color-accent-faint:#e8f3f2;--color-warm:#8b4f2a;--color-warm-light:#f3e8df;--color-text:#1e1c17;--color-text-muted:#6b6860;--color-text-faint:#b0aea8;--color-success:#2d7a3a;--color-success-light:#d4edda;--color-warning:#a06020;--color-warning-light:#fdf0e2;--sidebar-bg:#1e1c17;--sidebar-text:#ffffffb8;--sidebar-text-dim:#ffffff61;--sidebar-active-bg:#ffffff17;--sidebar-hover-bg:#ffffff0f;--sidebar-border:#ffffff14;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.875rem;--radius-xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 3px #1e1c170f;--shadow-md:0 4px 16px #1e1c1717;--shadow-lg:0 12px 40px #1e1c1724;--transition:.16s cubic-bezier(.16,1,.3,1);--font-display:"Zodiak",Georgia,serif;--font-body:"Satoshi","Inter",sans-serif}[data-theme=dark]{--color-bg:#141210;--color-surface:#1a1816;--color-surface-2:#201e1c;--color-surface-offset:#252320;--color-divider:#2e2c28;--color-border:#3a3834;--color-accent:#4fa89e;--color-accent-hover:#6abfb5;--color-accent-light:#1e3432;--color-accent-faint:#172928;--color-warm:#d4875a;--color-warm-light:#3a2318;--color-text:#e8e6e1;--color-text-muted:#938f87;--color-text-faint:#635f5a;--color-success:#4caf5e;--color-success-light:#1a3020;--color-warning:#d4875a;--color-warning-light:#3a2318;--sidebar-bg:#0f0e0c;--sidebar-text:#ffffffa6;--sidebar-text-dim:#ffffff4d;--sidebar-active-bg:#ffffff14;--sidebar-hover-bg:#ffffff0d;--sidebar-border:#ffffff12;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 12px 40px #00000080}.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-md);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(--sidebar-text);background:var(--sidebar-active-bg)}.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-md);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-md);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)}.btn-kokumi-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:0 3px 12px color-mix(in oklch,var(--color-accent)30%,transparent)}.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);flex-direction:column;display:flex}.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-display);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;flex-direction:column;text-decoration:none;display:flex}.module-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-light);transform:translateY(-2px)}.module-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.module-icon--materials{color:#1a6b62;background:#e8f3f2}.module-icon--formulations{color:#2b5aad;background:#e8eef8}.module-icon--samples{color:#8b4f2a;background:#f3e8df}.module-icon--projects{color:#6a3a9a;background:#ede8f3}.module-icon--compliance{background:var(--color-warning-light);color:var(--color-warning)}.module-icon--team{color:#2d7a3a;background:#e8f3e8}.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{padding:var(--space-3)var(--space-4);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;font-weight:700}.kokumi-table tbody td{padding:var(--space-3)var(--space-4);font-size:var(--text-sm);color:var(--color-text);border-bottom:1px solid var(--color-divider)}.kokumi-table tbody tr:last-child td{border-bottom:none}.kokumi-table tbody tr:hover{background:var(--color-accent-faint)}.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(--color-success-light);color:var(--color-success)}.kokumi-badge--warning{background:var(--color-warning-light);color:var(--color-warning)}.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)}.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-display);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-md);transition:border-color var(--transition),box-shadow var(--transition)}.kokumi-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-faint);outline:none}.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-md);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)}.kokumi-btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:0 3px 12px color-mix(in oklch,var(--color-accent)30%,transparent)}.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}.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,.text-green-800{color:var(--color-success)!important}.bg-green-50,.bg-green-100{background-color:var(--color-success-light)!important}.border-green-200{border-color:#b8dfc0!important}.border-green-300{border-color:#a0d4aa!important}.text-yellow-600,.text-yellow-700,.text-yellow-800{color:var(--color-warning)!important}.bg-yellow-50,.bg-yellow-100,.bg-amber-50{background-color:var(--color-warning-light)!important}.text-amber-700,.text-amber-800{color:var(--color-warning)!important}.text-red-500,.text-red-600{color:#c0392b!important}.text-red-700{color:#a93226!important}.bg-red-50{background-color:#fdf0ed!important}.bg-red-100{background-color:#fbe3de!important}.border-red-200{border-color:#f5c6bc!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;box-shadow:0 0 0 3px var(--color-accent-faint)!important;outline:none!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;flex-direction:column;display:flex}.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-display);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-md);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);transition:background .25s;overflow:hidden}.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-display);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-md);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-display);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:#c0392b;background:0 0;border-color:#c0392b4d}.kokumi-btn--danger:hover:not(:disabled){color:#c0392b;background:#fde8e8;border-color:#c0392b}.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-md);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-md);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.tfa-status-icon--off{background:var(--color-warning-light);color:var(--color-warning)}.tfa-status-icon--on{background:var(--color-success-light);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-md);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-md);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.domain-status-icon--on{background:var(--color-success-light);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-md);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(--color-success-light);color:var(--color-success);border-color:#2d7a3a40}.kokumi-toggle--on:hover{background:#2d7a3a2e}.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;overflow:hidden}.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-md);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(--color-warning-light);color:var(--color-warning)}.team-card-title{font-family:var(--font-display);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(--color-warning-light);color:var(--color-warning);border-color:#a0602033}.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-md);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-display);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-md);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-md);background:var(--color-warning-light);width:36px;height:36px;color:var(--color-warning);border:1px solid #a0602033;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(--color-warning-light);color:var(--color-warning);border:1px solid #a0602033}.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-md);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(--color-success-light)}@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-md);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 color-mix(in oklch,var(--color-accent)18%,transparent)}.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-md);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-md);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-md);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-display);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}.rm-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);white-space:nowrap}.rm-th{padding:var(--space-3)var(--space-3);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;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,.rm-row--selected{background:var(--color-accent-faint)}.rm-td{padding:var(--space-3)var(--space-3);color:var(--color-text-muted);vertical-align:middle}.rm-td--check{width:42px;padding-inline:var(--space-3)}.rm-td--code{font-family:ui-monospace,Cascadia Code,Fira Code,monospace;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-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);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(--color-warning-light);color:var(--color-warning)}.status-badge--approved{background:var(--color-success-light);color:var(--color-success)}.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-md);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:#c0392b}.context-item--danger:hover{color:#c0392b;background:#fef0ef}.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-md);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-md);font-size:var(--text-sm);margin-bottom:var(--space-4);font-weight:500}.rm-feedback--success{background:var(--color-success-light);color:var(--color-success);border:1px solid #2d7a3a33}.rm-feedback--error{color:#c0392b;background:#fdf0ed;border:1px solid #c0392b33}.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-md);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:Courier New,monospace;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:#c0392b;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-md);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);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-accent)15%,transparent);background:var(--color-surface)}.form-input--mono{letter-spacing:.04em;font-family:Courier New,monospace}.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-md);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);transition:background .25s;overflow:hidden}.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:color-mix(in oklch,var(--color-accent)5%,transparent)}.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-display);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:#c0392b}.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-md);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{background:#fde8e8;border-color:#c0392b}.allergen-item--may-contain{border-color:var(--color-warning);background:var(--color-warning-light)}[data-theme=dark] .allergen-item--present{background:#3a1515;border-color:#e57373}[data-theme=dark] .allergen-item--may-contain{border-color:var(--color-warning);background:var(--color-warning-light)}.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:#c0392b}.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:#c0392b}.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-md);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-md);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{padding:var(--space-3)var(--space-4);text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);background:var(--color-surface-2);font-weight:700}.data-table td{padding:var(--space-4);border-bottom:1px solid var(--color-divider);color:var(--color-text)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--color-surface-offset)}.cost-value{font-family:Courier New,monospace;font-weight:700}.cost-change{font-size:var(--text-xs);font-weight:700}.cost-change--up{color:#c0392b}.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}}