*{box-sizing:border-box}body{color:#1f2933;background:#f8f3ed;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button{color:#fff;cursor:pointer;background:#c8102e;border:none;border-radius:10px;padding:12px 16px;font-weight:700}button:disabled{cursor:not-allowed;background:#94a3b8}.page-container{background:#f8f3ed;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.card{background:#fff;border-radius:16px;width:100%;max-width:480px;padding:32px;box-shadow:0 12px 30px #0f172a14}.card h1{margin-top:0;margin-bottom:12px}.card p{color:#52616b;margin-bottom:0}.card-description{color:#7c5f55;margin-bottom:24px}.form{flex-direction:column;gap:18px;margin-top:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#1f2933;font-weight:600}.form-group input{border:1px solid #d6dde5;border-radius:10px;outline:none;padding:12px 14px}.form-group input:focus{border-color:#c8102e;box-shadow:0 0 0 3px #c8102e1f}.error-message{color:#b42318;margin:0;font-weight:600}.empty-message{color:#7c5f55;background:#fffaf6;border-radius:12px;padding:18px}.demo-users{color:#52616b;border-top:1px solid #e5e7eb;flex-direction:column;gap:4px;margin-top:24px;padding-top:18px;font-size:14px;display:flex}.demo-users p{color:#1f2933;margin:0 0 4px;font-weight:700}.customer-dashboard{color:#1f2933;background:#f8f3ed;min-height:100vh}.customer-topbar{background:linear-gradient(135deg,#fff 0%,#fffaf6 100%);border-bottom:1px solid #eadfd5;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:12px 32px;display:flex;box-shadow:0 10px 28px #78350f14}.brand-area{align-items:center;gap:14px;min-width:320px;display:flex}.symrise-logo{align-items:center;gap:12px;display:flex}.symrise-wordmark{color:#c8102e;letter-spacing:-2px;font-family:Arial Black,Trebuchet MS,Arial,Helvetica,sans-serif;font-size:42px;font-weight:900;line-height:1}.symrise-logo-image{object-fit:contain;flex-shrink:0;width:48px;height:48px;display:block}.brand-divider{color:#d6c7bb;font-size:30px;font-weight:300}.brand-section{color:#3f2f2f;letter-spacing:1.6px;text-transform:uppercase;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;font-size:15px;font-weight:900}.customer-tabs{background:#f5ebe3;border-radius:999px;align-items:center;gap:8px;padding:6px;display:flex}.tab-button{color:#7c5f55;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:10px 18px;font-weight:700}.tab-button:hover{background:#fff7f1}.active-tab{color:#fff;background:#c8102e;box-shadow:0 8px 18px #c8102e38}.active-tab:hover{color:#fff;background:#a90d27}.topbar-user{justify-content:flex-end;align-items:center;gap:16px;min-width:260px;display:flex}.topbar-user-details{text-align:right;flex-direction:column;display:flex}.topbar-user span{color:#7c5f55;font-size:14px}.notification-bell-wrapper{position:relative}.notification-bell-button{color:#3f2f2f;background:#f5ebe3;border-radius:999px;width:42px;height:42px;padding:0;font-size:18px;position:relative}.notification-bell-button:hover{background:#eadfd5}.notification-badge{color:#fff;background:#c8102e;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;line-height:1;display:inline-flex;position:absolute;top:-4px;right:-4px}.notification-panel{z-index:1200;background:#fff;border:1px solid #eadfd5;border-radius:14px;width:320px;max-height:380px;padding:14px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 18px 48px #1f29332e}.notification-panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.notification-panel-header strong{color:#3f2f2f}.notification-panel-header span,.notification-empty{color:#7c5f55;font-size:13px}.notification-panel-actions{align-items:center;gap:8px;display:flex}.notification-clear-button{color:#7c5f55;background:#f5ebe3;border-radius:999px;padding:5px 8px;font-size:12px;line-height:1}.notification-clear-button:hover{color:#3f2f2f;background:#eadfd5}.notification-empty{margin:0}.notification-list{flex-direction:column;gap:8px;display:flex}.notification-item{color:#3f2f2f;text-align:left;background:#fffaf6;border-radius:10px;flex-direction:column;gap:4px;width:100%;padding:11px;display:flex}.notification-item:hover{background:#f5ebe3}.notification-item strong{color:#3f2f2f;font-size:14px}.notification-item span{color:#7c5f55;font-size:13px}.notification-item small{color:#9b7f72;font-size:12px}.unread-notification{background:#fff1f2;border-left:4px solid #c8102e}.secondary-button{color:#3f2f2f;background:#f5ebe3}.secondary-button:hover{background:#eadfd5}.danger-button{color:#991b1b;background:#fee2e2}.danger-button:hover{background:#fecaca}.customer-content{max-width:1680px;margin:0 auto;padding:32px}.dashboard-section{flex-direction:column;gap:24px;display:flex}.section-title h1{margin:0 0 8px;font-size:32px}.section-title p{color:#7c5f55;margin:0}.placeholder-layout{grid-template-columns:minmax(760px,1.75fr) minmax(420px,.95fr);gap:24px;display:grid}.placeholder-large-card,.placeholder-side-card{background:#fff;border:1px solid #eadfd5;border-radius:20px;padding:28px;box-shadow:0 14px 36px #78350f14}.placeholder-large-card{min-height:520px}.placeholder-side-card{border-radius:14px;align-self:start;min-height:auto;padding:18px}.builder-side-layout{flex-direction:column;gap:18px;display:flex}.bottle-composition-panel{order:1}.bottle-composition-panel h2{color:#1f2933;align-items:center;gap:7px;margin-top:0;margin-bottom:14px;font-size:20px;display:flex}.placeholder-large-card h2,.placeholder-side-card h2{margin-top:0}.placeholder-large-card p,.placeholder-side-card p{color:#7c5f55}.bottle-placeholder{background:linear-gradient(#fff7f1 0%,#f4ddd6 100%);border:1px dashed #d8b4a8;border-radius:18px;justify-content:center;align-items:center;height:260px;margin:24px 0;display:flex}.bottle-placeholder span{font-size:96px}.ingredients-library-card{background:#fff;border:1px solid #eadfd5;border-radius:20px;min-height:520px;padding:0;overflow:hidden;box-shadow:0 14px 36px #78350f14}.ingredients-library-header{border-bottom:1px solid #eadfd5;justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 28px 20px;display:flex}.ingredients-library-header h2{margin:0 0 6px}.ingredients-library-header p{color:#7c5f55;margin:0}.ingredients-library-header span{color:#8a1c2c;white-space:nowrap;background:#f5ebe3;border-radius:999px;padding:8px 12px;font-weight:700}.ingredient-search-bar{margin-bottom:22px;padding:22px 28px 0}.ingredient-table-header{color:#7c5f55;background:#fffaf6;border-bottom:1px solid #eadfd5;grid-template-columns:40px minmax(240px,2fr) 1fr 230px 76px;align-items:center;gap:16px;padding:14px 22px;font-size:14px;font-weight:800;display:grid}.ingredient-table-header span:nth-child(4){padding-left:90px}.ingredient-grid{flex-direction:column;display:flex}.ingredient-row{background:#fff;border-bottom:1px solid #f0e5dc;grid-template-columns:40px minmax(240px,1.9fr) 1fr 230px 76px;align-items:center;gap:16px;min-height:68px;padding:10px 22px;display:grid}.ingredient-row:hover{background:#fffaf6}.ingredient-info-button{color:#8a1c2c;background:#f5ebe3;border-radius:999px;width:30px;height:30px;padding:0;font-size:14px;font-weight:900;position:relative}.ingredient-info-button:hover{background:#eadfd5}.ingredient-info-button:hover:after{content:attr(data-tooltip);z-index:20;color:#fff;text-align:left;background:#1f2933;border-radius:10px;width:260px;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.35;position:absolute;top:50%;left:38px;transform:translateY(-50%);box-shadow:0 12px 28px #1f29332e}.ingredient-main-info{align-items:center;gap:14px;display:flex}.ingredient-photo{object-fit:cover;background:#f5ebe3;border:1px solid #eadfd5;border-radius:12px;flex-shrink:0;width:46px;height:46px;box-shadow:0 6px 14px #78350f14}.ingredient-main-info h3{color:#2f2525;margin:0 0 3px;font-size:17px}.ingredient-main-info p{color:#7c5f55;margin:0;font-size:14px}.ingredient-status{color:#166534;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.approved-dot{color:#16a34a;border:1px solid #16a34a;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:inline-flex}.ingredient-percentage-control{justify-content:flex-end;align-items:stretch;display:flex}.ingredient-percentage-control input{border:1px solid #d8c8bd;border-right:none;border-radius:10px 0 0 10px;outline:none;width:118px;padding:10px 12px}.ingredient-percentage-control input:focus{border-color:#c8102e;box-shadow:0 0 0 3px #c8102e1f}.percentage-buttons{flex-direction:column;display:flex}.percentage-buttons button{color:#3f2f2f;background:#fff;border:1px solid #d8c8bd;border-radius:0;width:54px;height:50%;padding:0;font-size:13px;line-height:1}.percentage-buttons button:first-child{border-radius:0 10px 0 0}.percentage-buttons button:last-child{border-top:none;border-radius:0 0 10px}.ingredient-remove-button{color:#7c5f55;background:#f5ebe3;border-radius:10px;width:100%;min-width:68px;padding:9px 10px;font-size:13px;font-weight:800}.ingredient-remove-button:hover{color:#c8102e;background:#f5ebe3}@media (width<=1100px){.customer-topbar{flex-direction:column;align-items:stretch;padding:20px}.brand-area,.topbar-user{min-width:0}.brand-area{justify-content:center}.symrise-wordmark{font-size:36px}.symrise-logo-image{width:42px;height:42px}.topbar-user{justify-content:space-between}.topbar-user-details{text-align:left}.notification-panel{left:0;right:auto}.placeholder-layout,.builder-side-layout{grid-template-columns:1fr}.create-flavor-form{border-bottom:none;border-right:none;padding-bottom:0;padding-right:0}.ingredient-table-header,.ingredient-row{grid-template-columns:32px 1.5fr 1fr}.ingredient-table-header span:nth-child(4),.ingredient-table-header span:nth-child(5),.ingredient-percentage-control,.ingredient-remove-button{display:none}}.composition-summary{background:#fff;border:1px solid #eadfd5;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:14px 0 18px;display:grid;overflow:hidden}.composition-summary p{color:#3f2f2f;border-right:1px solid #eadfd5;flex-direction:column;align-items:center;gap:6px;margin:0;padding:12px 8px;display:flex}.composition-summary p:last-child{border-right:none}.composition-summary span{color:#7c5f55;font-size:13px;font-weight:700}.composition-summary strong{color:#1f2933;font-size:18px}.selected-ingredients-list{border-bottom:1px solid #eadfd5;margin-top:0;padding-bottom:16px}.selected-ingredients-list h3{align-items:center;gap:7px;margin:0 0 12px;font-size:16px;display:flex}.empty-selected-message{color:#7c5f55;margin:0}.selected-ingredient-row{border-bottom:none;justify-content:space-between;align-items:center;gap:16px;padding:4px 0;font-size:14px;display:flex}.selected-ingredient-row:before{content:"";background:#c8102e;border-radius:999px;flex-shrink:0;width:6px;height:6px}.selected-ingredient-row span{color:#3f2f2f;flex:1;font-weight:500}.selected-ingredient-row strong{color:#1f2933;font-weight:700}.composition-bottle-wrapper{background:linear-gradient(#fff 0%,#fffaf6 100%);flex-direction:column;align-items:center;margin:8px 0 12px;padding:14px 0 8px;display:flex;position:relative}.composition-bottle-wrapper:after{content:"";z-index:0;filter:blur(2px);background:radial-gradient(#5a372838 0%,#5a37281a 45%,#0000 72%);border-radius:999px;width:118px;height:18px;position:absolute;bottom:45px;left:50%;transform:translate(-50%)}.bottle-neck{z-index:1;background:linear-gradient(90deg,#3f0714 0%,#7f0b1f 22%,#c46a7a 48%,#6f0a1c 72%,#2a0410 100%);border:1px solid #58071652;border-bottom:none;border-radius:8px 8px 3px 3px;width:38px;height:36px;position:relative;box-shadow:inset 6px 0 8px #ffffff47,inset -6px 0 8px #2d000c38,0 6px 14px #58071629}.bottle-neck:before{content:"";background:#ffffff6b;border-radius:999px;width:7px;height:28px;position:absolute;top:3px;left:8px}.bottle-neck:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset -7px 0 10px #2d000c42}.bottle-body{z-index:1;background:linear-gradient(90deg,#ffffffdb 0%,#fffffff5 16%,#f2e7de8a 48%,#ae978b3d 76%,#482d242e 100%);border:1px solid #5c403342;border-radius:42px 42px 18px 18px/34px 34px 18px 18px;width:134px;height:188px;position:relative;overflow:hidden;box-shadow:inset 10px 0 18px #ffffff85,inset -18px 0 22px #5c403326,inset 0 -18px 22px #5c40332e,0 20px 36px #78350f29}.bottle-body:before{content:"";z-index:4;filter:blur(1px);pointer-events:none;background:#4b2d232e;border-radius:999px;height:10px;position:absolute;bottom:7px;left:16px;right:16px}.bottle-body:after{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff47 0%,#0000 46%,#5c403314 100%);border-radius:24px 24px 13px 13px;position:absolute;inset:9px 12px}.bottle-complete{animation:.42s ease-out bottle-pop}.bottle-fill{transition:height .35s;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 12px 0 18px #ffffff2e,inset -14px 0 18px #52000d29}.bottle-fill-warning{background:linear-gradient(90deg,#ff8c9b9e 0%,#eb3a5294 28%,#c8102ecc 55%,#760518bd 100%)}.bottle-fill-valid{background:linear-gradient(90deg,#ff8c9bad 0%,#eb3a52a3 28%,#c8102edb 62%,#760518c7 100%)}.bottle-fill-invalid{background:linear-gradient(#fb7185 0%,#c8102e 100%)}.bottle-shine{z-index:3;filter:blur(.5px);background:linear-gradient(#ffffff9e 0%,#ffffff2e 100%);border-radius:999px;width:12px;height:118px;position:absolute;top:20px;left:20px}.bottle-logo{z-index:2;object-fit:contain;background:#ffffffdb;border:1px solid #c8102e29;border-radius:999px;width:56px;height:56px;padding:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%);box-shadow:0 8px 18px #5a372824,inset 0 1px #fffc;-webkit-mask-image:radial-gradient(circle,#000 58%,#000000b8 72%,#0000 100%);mask-image:radial-gradient(circle,#000 58%,#000000b8 72%,#0000 100%)}@keyframes bottle-pop{0%{filter:brightness();transform:scale(1)}45%{filter:brightness(1.08);transform:scale(1.035)}to{filter:brightness();transform:scale(1)}}.bottle-percentage{color:#3f2f2f;margin:10px 0 0;font-size:28px;font-weight:800}.composition-progress{margin:8px 0 0}.composition-progress-header{color:#3f2f2f;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;font-size:14px;display:flex}.composition-progress-header span{color:#7c5f55;font-weight:700}.progress-track{background:#f5ebe3;border-radius:999px;height:8px;overflow:hidden}.progress-fill{border-radius:999px;height:100%;transition:width .35s}.progress-warning,.progress-valid{background:#c8102e}.progress-invalid{background:#dc2626}.create-flavor-form{border-top:none;border-right:none;flex-direction:column;order:2;gap:14px;margin-top:0;padding-top:0;padding-right:0;display:flex}.create-flavor-form h3{align-items:center;gap:7px;margin:0;font-size:16px;display:flex}.create-flavor-form button:disabled{color:#fff;background:#e9a3ad}.revision-mode-notice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;flex-direction:column;gap:4px;padding:13px 14px;display:flex}.revision-mode-notice strong{color:#7c2d12}.revision-mode-notice span{font-size:14px}.builder-form-group{flex-direction:column;gap:7px;display:flex}.builder-form-group label{color:#3f2f2f;font-size:15px;font-weight:700}.builder-form-group input,.builder-form-group textarea{color:#1f2933;background:#fff;border:1px solid #d8c8bd;border-radius:10px;outline:none;width:100%;padding:11px 12px;font-size:15px}.builder-form-group input:focus,.builder-form-group textarea:focus{border-color:#c8102e;box-shadow:0 0 0 3px #c8102e1f}.builder-form-group input[readonly]{color:#7c5f55;cursor:not-allowed;background:#f5ebe3}.success-message{color:#166534;margin:0;font-weight:700}.submit-success-toast{color:#14532d;background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border:1px solid #bbf7d0;border-radius:16px;align-items:center;gap:14px;margin-bottom:22px;padding:16px 18px;display:flex;box-shadow:0 12px 28px #1665341f}.page-toast{z-index:1000;width:calc(100% - 32px);max-width:520px;margin-bottom:0;position:fixed;top:24px;left:50%;transform:translate(-50%)}.create-flavor-toast{top:99.5906px}.submit-success-icon{color:#fff;background:#16a34a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;font-weight:900;display:inline-flex}.submit-success-toast strong,.review-action-toast strong{color:#14532d;margin-bottom:3px;display:block}.submit-success-toast p,.review-action-toast p{color:#166534;margin:0;font-size:14px}.review-action-rejected{color:#991b1b;background:linear-gradient(135deg,#fff1f2 0%,#fff 100%);border-color:#fecaca;box-shadow:0 12px 28px #991b1b1f}.review-action-rejected .submit-success-icon{background:#dc2626}.review-action-rejected strong{color:#991b1b}.review-action-rejected p{color:#b91c1c}.my-fragrances-card{background:#fff;border:1px solid #eadfd5;border-radius:20px;min-height:520px;padding:28px;overflow-x:auto;box-shadow:0 14px 36px #78350f14}.my-fragrances-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.my-fragrances-header h2{margin:0 0 6px}.my-fragrances-header p{color:#7c5f55;margin:0}.my-fragrances-header span{color:#8a1c2c;white-space:nowrap;background:#f5ebe3;border-radius:999px;padding:8px 12px;font-weight:700}.fragrance-table-header{color:#7c5f55;background:#fffaf6;border-top:1px solid #eadfd5;border-bottom:1px solid #eadfd5;grid-template-columns:92px minmax(240px,1.8fr) 130px minmax(250px,1.2fr) minmax(330px,1.2fr);align-items:center;gap:16px;min-width:1110px;padding:14px 22px;font-size:14px;font-weight:800;display:grid}.fragrance-grid{flex-direction:column;display:flex}.fragrance-card{background:#fff;border-bottom:1px solid #f0e5dc;border-left:4px solid #0000;grid-template-columns:92px minmax(240px,1.8fr) 130px minmax(250px,1.2fr) minmax(330px,1.2fr);align-items:stretch;gap:16px;min-width:1110px;min-height:116px;padding:12px 22px;display:grid}.fragrance-card:hover{background:#fffaf6}.fragrance-row-new{border-left-color:#fb7185}.fragrance-row-submitted{border-left-color:#f59e0b}.fragrance-row-approved{border-left-color:#22c55e}.fragrance-row-rejected{border-left-color:#e11d48}.fragrance-card-content{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.fragrance-card-content h3{color:#2f2525;margin:0;font-size:17px}.fragrance-card-content p{color:#7c5f55;margin:0;font-size:14px}.fragrance-bottle-preview{justify-content:center;align-items:center;display:flex}.fragrance-mini-bottle{flex-direction:column;align-items:center;display:flex;transform:translateY(2px)}.fragrance-mini-bottle-cap{background:linear-gradient(90deg,#2a0410 0%,#8a1c2c 52%,#3f0714 100%);border-radius:8px 8px 4px 4px;width:28px;height:10px}.fragrance-mini-bottle-neck{background:linear-gradient(90deg,#3f0714 0%,#c46a7a 48%,#2a0410 100%);border-radius:5px 5px 2px 2px;width:22px;height:14px}.fragrance-mini-bottle-body{background:linear-gradient(90deg,#ffffffeb 0%,#ffffffad 28%,#c8102e52 72%,#5c40332e 100%);border:1px solid #5c40333d;border-radius:24px 24px 10px 10px/22px 22px 10px 10px;justify-content:center;align-items:center;width:54px;height:72px;display:flex;position:relative;overflow:hidden;box-shadow:inset 8px 0 12px #ffffff70,inset -10px 0 14px #5c40331f,0 12px 22px #78350f29}.fragrance-mini-bottle-body:before{content:"";background:#ffffff8a;border-radius:999px;width:6px;height:38px;position:absolute;top:10px;left:10px}.fragrance-mini-bottle-body img{z-index:1;object-fit:contain;background:#ffffffdb;border-radius:999px;width:34px;height:34px;padding:5px;box-shadow:0 8px 16px #5a37281f}.bottle-new .fragrance-mini-bottle-body{background:linear-gradient(90deg,#fff 0%,#ffe4e6 42%,#fb7185 100%)}.bottle-submitted .fragrance-mini-bottle-body{background:linear-gradient(90deg,#fff 0%,#fef3c7 42%,#f59e0b 100%)}.bottle-approved .fragrance-mini-bottle-body{background:linear-gradient(90deg,#fff 0%,#dcfce7 42%,#22c55e 100%)}.bottle-rejected .fragrance-mini-bottle-body{background:linear-gradient(90deg,#fff 0%,#ffe4e6 42%,#e11d48 100%)}.fragrance-status{text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.fragrance-status-cell,.fragrance-meta,.fragrance-actions{align-self:center}.status-new{color:#991b1b;background:#fee2e2}.status-submitted{color:#92400e;background:#fef3c7}.status-approved{color:#166534;background:#dcfce7}.status-rejected{color:#be123c;background:#ffe4e6}.fragrance-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.fragrance-meta{flex-wrap:wrap;gap:8px;display:flex}.fragrance-meta span{color:#3f2f2f;background:#fff;border:1px solid #eadfd5;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700}.fragrance-actions{flex-wrap:nowrap;justify-content:flex-end;gap:8px;display:flex}.fragrance-actions button{white-space:nowrap;flex:none;padding:9px 12px;font-size:14px}.fragrance-filters{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.fragrance-filters input{color:#1f2933;background:#fff;border:1px solid #d8c8bd;border-radius:12px;outline:none;width:100%;max-width:360px;padding:12px 14px}.fragrance-filters input:focus{border-color:#c8102e;box-shadow:0 0 0 3px #c8102e1f}.status-filter-list{flex-wrap:wrap;gap:8px;display:flex}.filter-pill{color:#7c5f55;background:#f5ebe3;border-radius:999px;padding:9px 13px;font-size:14px;font-weight:800}.filter-pill:hover{background:#eadfd5}.active-filter-pill{color:#fff;background:#c8102e}.modal-backdrop{z-index:1100;background:#1f29337a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.flavor-detail-modal{background:#fff;border:1px solid #eadfd5;border-radius:18px;width:100%;max-width:820px;max-height:calc(100vh - 48px);padding:24px;overflow:auto;box-shadow:0 24px 70px #1f29333d}.flavor-detail-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.flavor-detail-modal-header h2{margin:0 0 6px}.flavor-detail-modal-header p{color:#7c5f55;margin:0}.flavor-detail-modal-content{flex-direction:column;gap:18px;display:flex}.flavor-detail-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.flavor-detail-summary div{background:#fffaf6;border:1px solid #eadfd5;border-radius:12px;flex-direction:column;gap:6px;padding:13px;display:flex}.flavor-detail-summary span{color:#7c5f55;font-size:13px;font-weight:700}.flavor-detail-summary strong{color:#3f2f2f}.flavor-detail-description,.flavor-detail-comments-panel{background:#fffaf6;border:1px solid #eadfd5;border-radius:12px;padding:16px}.flavor-detail-description h3,.flavor-detail-section h3,.flavor-detail-comments-header h3{margin:0 0 10px;font-size:18px}.flavor-detail-description p{color:#7c5f55;margin:0;line-height:1.5}.flavor-detail-composition-table{border:1px solid #eadfd5;border-radius:12px;overflow:hidden}.flavor-detail-composition-header,.flavor-detail-composition-row{grid-template-columns:minmax(220px,1.6fr) .8fr;align-items:center;gap:14px;padding:13px 14px;display:grid}.cost-detail-composition-table .flavor-detail-composition-header,.cost-detail-composition-table .flavor-detail-composition-row{grid-template-columns:minmax(220px,1.6fr) .8fr 1fr .8fr}.flavor-detail-composition-header{color:#7c5f55;background:#fffaf6;font-size:13px;font-weight:800}.flavor-detail-composition-row{background:#fff;border-top:1px solid #eadfd5}.flavor-detail-ingredient-cell{align-items:center;gap:12px;display:flex}.flavor-detail-ingredient-cell img{object-fit:cover;background:#f5ebe3;border:1px solid #eadfd5;border-radius:10px;flex:none;width:44px;height:44px}.flavor-detail-ingredient-cell div{flex-direction:column;gap:4px;min-width:0;display:flex}.flavor-detail-composition-row strong{color:#3f2f2f}.flavor-detail-composition-row span{color:#7c5f55}.flavor-detail-composition-total{background:#fffaf6;border-top:1px solid #eadfd5;justify-content:flex-end;align-items:center;gap:18px;padding:13px 14px;display:flex}.flavor-detail-composition-total span{color:#7c5f55;font-weight:800}.flavor-detail-composition-total strong{color:#3f2f2f;font-size:18px}.flavor-detail-comments-panel{flex-direction:column;gap:12px;display:flex}.flavor-detail-comments-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.flavor-detail-comments-header h3{margin-bottom:0}.flavor-detail-comments-header span{color:#8a1c2c;white-space:nowrap;background:#f5ebe3;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.flavor-detail-comments-list{flex-direction:column;gap:10px;display:flex}.flavor-detail-comment-card{background:#fff;border:1px solid #eadfd5;border-radius:12px;padding:13px}.flavor-detail-comment-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px;display:flex}.flavor-detail-comment-header>div{flex-direction:column;gap:3px;min-width:0;display:flex}.flavor-detail-comment-card strong{color:#3f2f2f}.flavor-detail-comment-card span{color:#7c5f55;font-size:13px}.flavor-detail-comment-card p{color:#3f2f2f;margin:0;line-height:1.5}.flavor-detail-comment-actions,.flavor-detail-comment-edit div{flex:none;gap:8px;display:flex}.flavor-detail-comment-actions button,.flavor-detail-comment-edit button{padding:7px 10px;font-size:13px}.flavor-detail-comment-edit{flex-direction:column;gap:10px;display:flex}.flavor-detail-comment-edit textarea{resize:vertical;color:#1f2933;width:100%;font:inherit;border:1px solid #d8c8bd;border-radius:10px;outline:none;padding:11px 12px}.flavor-detail-comment-edit textarea:focus{border-color:#c8102e;box-shadow:0 0 0 3px #c8102e1f}.flavor-detail-actions{flex-wrap:wrap;gap:10px;padding-top:2px;display:flex}.flavor-detail-actions .secondary-button{color:#991b1b;background:#fee2e2}.flavor-detail-actions .secondary-button:hover{background:#fecaca}@media (width<=720px){.modal-backdrop{align-items:flex-start;padding:16px}.flavor-detail-modal{max-height:calc(100vh - 32px);padding:18px}.flavor-detail-summary,.flavor-detail-composition-header,.flavor-detail-composition-row{grid-template-columns:1fr}.flavor-detail-modal-header,.flavor-detail-comments-header,.flavor-detail-comment-header{flex-direction:column;align-items:flex-start}}.flavorist-submissions-card{background:#fff;border:1px solid #eadfd5;border-radius:20px;min-height:520px;padding:28px;overflow-x:auto;box-shadow:0 14px 36px #78350f14}.flavorist-submissions-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.flavorist-submissions-header h2{margin:0 0 6px}.flavorist-submissions-header p{color:#7c5f55;margin:0}.flavorist-submissions-header span{color:#8a1c2c;white-space:nowrap;background:#f5ebe3;border-radius:999px;padding:8px 12px;font-weight:700}.flavorist-user-info{background:#fffaf6;border:1px solid #eadfd5;border-radius:14px;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:14px 16px;display:flex}.flavorist-user-info p{color:#7c5f55;margin:0}.flavorist-history-panel{background:#fffaf6;border:1px solid #eadfd5;border-radius:14px;flex-direction:column;gap:12px;margin-top:24px;padding:16px;display:flex}.flavorist-history-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.flavorist-history-header h3{color:#3f2f2f;margin:0 0 4px;font-size:18px}.flavorist-history-header p{color:#7c5f55;margin:0;font-size:14px}.flavorist-history-header span{color:#8a1c2c;white-space:nowrap;background:#f5ebe3;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.flavorist-history-list{flex-direction:column;display:flex}.flavorist-history-table{overflow-x:auto}.flavorist-history-table-header{color:#7c5f55;background:#fff;border:1px solid #eadfd5;grid-template-columns:minmax(220px,1.5fr) minmax(160px,1fr) 100px 120px minmax(190px,1fr) 190px;align-items:center;gap:16px;min-width:1110px;padding:12px 16px;font-size:13px;font-weight:800;display:grid}.flavorist-history-item{background:#fff;border-bottom:1px solid #eadfd5;border-left:4px solid #0000;border-right:1px solid #eadfd5;grid-template-columns:minmax(220px,1.5fr) minmax(160px,1fr) 100px 120px minmax(190px,1fr) 190px;align-items:center;gap:16px;min-width:1110px;padding:12px 16px;display:grid}.flavorist-history-item:hover{background:#fffaf6}.history-approved{border-left-color:#22c55e}.history-rejected{border-left-color:#e11d48}.flavorist-history-item div:not(.flavorist-history-actions){min-width:0}.flavorist-history-item strong{color:#3f2f2f;text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.flavorist-history-item>strong{text-transform:capitalize;border-radius:999px;width:fit-content;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.history-approved>strong{color:#166534;background:#dcfce7}.history-rejected>strong{color:#be123c;background:#ffe4e6}.flavorist-history-item p{color:#7c5f55;margin:3px 0 0;font-size:13px;line-height:1.35}.flavorist-history-item>span,.flavorist-history-item time{color:#7c5f55;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.flavorist-history-item button{white-space:nowrap;padding:8px 10px;font-size:13px}.flavorist-history-actions{gap:8px;display:flex}.flavorist-history-actions .danger-button{color:#be123c;border-color:#fecdd3}.flavorist-history-actions .danger-button:hover{background:#ffe4e6}.flavorist-submissions-grid{flex-direction:column;display:flex}.flavorist-submissions-table-header{color:#7c5f55;background:#fffaf6;border-top:1px solid #eadfd5;border-bottom:1px solid #eadfd5;grid-template-columns:92px minmax(240px,1.6fr) 180px 130px minmax(220px,1fr) 120px;align-items:center;gap:16px;min-width:1110px;padding:14px 22px;font-size:14px;font-weight:800;display:grid}.flavorist-submission-row{background:#fff;border-bottom:1px solid #f0e5dc;border-left:4px solid #0000;grid-template-columns:92px minmax(240px,1.6fr) 180px 130px minmax(220px,1fr) 120px;align-items:stretch;gap:16px;min-width:1110px;min-height:116px;padding:12px 22px;display:grid}.flavorist-submission-row:hover{background:#fffaf6}.flavorist-creator-cell{flex-direction:column;align-self:center;gap:4px;min-width:0;display:flex}.flavorist-creator-cell strong{color:#2f2525;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.flavorist-creator-cell span{color:#7c5f55;font-size:13px}.flavorist-submission-details{flex-wrap:wrap;align-self:center;gap:8px;display:flex}.flavorist-submission-details span{color:#3f2f2f;background:#fff;border:1px solid #eadfd5;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700}.flavorist-review-panel{background:#fff;border:1px solid #eadfd5;border-radius:20px;padding:28px;box-shadow:0 14px 36px #78350f14}.flavorist-review-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.flavorist-review-header h2{margin:0 0 6px}.flavorist-review-header p{color:#7c5f55;margin:0}.flavorist-review-content{flex-direction:column;gap:24px;display:flex}.flavorist-review-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.flavorist-review-summary div{background:#fffaf6;border:1px solid #eadfd5;border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.flavorist-review-summary span{color:#7c5f55;font-size:14px}.flavorist-review-summary strong{color:#3f2f2f}.flavorist-review-description{background:#fffaf6;border:1px solid #eadfd5;border-radius:14px;padding:18px}.flavorist-review-description h3,.flavorist-composition-list h3{margin:0 0 12px;font-size:18px}.flavorist-review-description p{color:#7c5f55;margin:0;line-height:1.5}.flavorist-composition-table{border:1px solid #eadfd5;border-radius:14px;overflow:hidden}.flavorist-composition-header,.flavorist-composition-row{grid-template-columns:1.6fr 1fr 1fr;align-items:center;gap:16px;padding:14px 16px;display:grid}.flavorist-composition-header{color:#7c5f55;background:#fffaf6;font-size:13px;font-weight:800}.flavorist-composition-row{background:#fff;border-top:1px solid #eadfd5}.flavorist-composition-row div{flex-direction:column;gap:4px;display:flex}.flavorist-composition-row strong{color:#3f2f2f}.flavorist-composition-row span{color:#7c5f55}.flavorist-comments-panel{background:#fffaf6;border:1px solid #eadfd5;border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex}.flavorist-comments-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.flavorist-comments-header h3{margin:0;font-size:18px}.flavorist-comments-header span{color:#8a1c2c;white-space:nowrap;background:#f5ebe3;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.flavorist-comments-list{flex-direction:column;gap:10px;display:flex}.flavorist-comment-card{background:#fff;border:1px solid #eadfd5;border-radius:12px;padding:14px}.flavorist-comment-card div{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.flavorist-comment-card strong{color:#3f2f2f}.flavorist-comment-card span{color:#7c5f55;font-size:13px}.flavorist-comment-card p{color:#3f2f2f;margin:0;line-height:1.5}.flavorist-comment-form{flex-direction:column;gap:10px;padding-top:4px;display:flex}.flavorist-comment-form label{color:#3f2f2f;font-size:14px;font-weight:700}.flavorist-comment-form textarea{color:#1f2933;background:#fff;border:1px solid #d8c8bd;border-radius:10px;outline:none;width:100%;padding:11px 12px}.flavorist-comment-form textarea:focus{border-color:#c8102e;box-shadow:0 0 0 3px #c8102e1f}.flavorist-comment-form button{align-self:flex-start}.flavorist-review-actions{flex-wrap:wrap;gap:10px;padding-top:6px;display:flex}.flavorist-review-actions .secondary-button{color:#991b1b;background:#fee2e2}.flavorist-review-actions .secondary-button:hover{background:#fecaca}