@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap";
:root{--color-happy-yellow:#ffcd00;--color-coffee-brown:#7e4015;--color-dark-brown:#5a2d0c;--color-creamy-yellow:#fff6df;--color-warm-beige:#fff0c6;--color-bg-page:#faf7f2;--color-bg-card:#fff;--color-bg-card-hover:#fffcf5;--color-bg-input:#fefdf9;--color-bg-header:var(--color-coffee-brown);--color-bg-sidebar:#1e1610;--color-bg-sidebar-hover:#2a2018;--color-bg-ai:#f0f9ff;--color-text-primary:#2d1810;--color-text-secondary:#6b5744;--color-text-muted:#9b8b7a;--color-text-on-dark:#fff6df;--color-text-on-yellow:#5a2d0c;--color-severity-low:#009845;--color-severity-low-bg:#e8f8f0;--color-severity-med:#bf5627;--color-severity-med-bg:#fff0e8;--color-severity-high:#852e2c;--color-severity-high-bg:#ffeceb;--color-success:#009845;--color-success-bg:#e8f8f0;--color-warning:#e8a317;--color-warning-bg:#fff8e1;--color-error:#c62828;--color-error-bg:#ffebee;--color-info:#1565c0;--color-info-bg:#e3f2fd;--color-ai-accent:#7c3aed;--color-ai-bg:#f5f3ff;--color-ai-border:#ddd6fe;--color-border:#e8dfd4;--color-border-focus:var(--color-happy-yellow);--shadow-sm:0 1px 2px #2d18100a;--shadow-md:0 4px 12px #2d181014;--shadow-lg:0 8px 24px #2d18101f;--shadow-card:0 2px 8px #2d18100f;--shadow-card-hover:0 6px 20px #2d18101f;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:100px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-family:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-md:.9375rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{min-height:100vh;font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-weight:400;line-height:1.6;display:flex}a{color:inherit;text-decoration:none}.app-header{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-xl);color:var(--color-text-primary);border-bottom:1.5px solid var(--color-border);z-index:100;background:#fffdf7;display:flex;position:sticky;top:0}.app-header__logo{border:2px solid var(--color-happy-yellow);object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.app-header__title{font-size:var(--font-size-lg);letter-spacing:-.01em;color:var(--color-coffee-brown);font-weight:800}.app-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:auto;font-weight:500}.app-main{flex:1;width:100%;padding:0}.wizard-progress{margin-bottom:var(--space-xl);padding:var(--space-lg) var(--space-md);justify-content:center;align-items:center;gap:0;display:flex}.wizard-step{align-items:center;gap:var(--space-sm);cursor:default;display:flex}.wizard-step__circle{width:40px;height:40px;font-weight:700;font-size:var(--font-size-md);transition:all var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.wizard-step--upcoming .wizard-step__circle{background:var(--color-bg-card);color:var(--color-text-muted);border:2px solid var(--color-border)}.wizard-step--active .wizard-step__circle{background:var(--color-happy-yellow);color:var(--color-text-on-yellow);border:2px solid var(--color-happy-yellow);animation:2s infinite pulse-ring;box-shadow:0 0 0 4px #ffcd0033}.wizard-step--completed .wizard-step__circle{background:var(--color-success);color:#fff;border:2px solid var(--color-success)}.wizard-step__label{font-size:var(--font-size-sm);white-space:nowrap;font-weight:500}.wizard-step--upcoming .wizard-step__label{color:var(--color-text-muted)}.wizard-step--active .wizard-step__label{color:var(--color-text-primary);font-weight:600}.wizard-step--completed .wizard-step__label{color:var(--color-success)}.wizard-connector{min-width:40px;max-width:80px;height:3px;margin:0 var(--space-sm);background:var(--color-border);transition:background var(--transition-base);border-radius:2px;flex:1}.wizard-connector--completed{background:var(--color-success)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base), transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-card-hover)}.card--ai{border-color:var(--color-ai-border);background:var(--color-ai-bg)}.card--success{border-color:var(--color-success);background:var(--color-success-bg)}.card--error{border-color:var(--color-error);background:var(--color-error-bg)}.card__header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.card__title{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:700}.card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.card__icon{font-size:var(--font-size-xl)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--color-happy-yellow);color:var(--color-text-on-yellow)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);background:#e8ba00;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:var(--color-coffee-brown);border:2px solid var(--color-coffee-brown);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--color-creamy-yellow);transform:translateY(-1px)}.btn-ai{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6)}.btn-ai:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#4c1d95);transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed4d}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-md);background:#007e39;transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary);background:0 0;padding:8px 16px}.btn-ghost:hover:not(:disabled){background:var(--color-warm-beige);color:var(--color-text-primary)}.btn-sm{font-size:var(--font-size-sm);padding:8px 16px}.btn-lg{font-size:var(--font-size-lg);border-radius:var(--radius-lg);padding:16px 32px}.btn-full{width:100%}.form-group{margin-bottom:var(--space-lg)}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-input);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:12px 16px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #ffcd0026}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:100px}select.form-input,select.form-select{appearance:none;background-color:var(--color-bg-input);cursor:pointer;color:var(--color-text-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237E4015' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px;font-weight:500}select.form-input:hover,select.form-select:hover{border-color:var(--color-coffee-brown)}select.form-input:focus,select.form-select:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #ffcd002e}select.form-input option,select.form-select option{background:var(--color-bg-card);color:var(--color-text-primary);padding:8px 12px;font-weight:500}.form-input--lg{font-size:var(--font-size-lg);border-radius:var(--radius-lg);padding:16px 20px}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.form-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--space-xs)}.form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.form-row--3{grid-template-columns:1fr 1fr 1fr}.form-radio-group{gap:var(--space-md);flex-wrap:wrap;display:flex}.form-radio-item{align-items:center;gap:var(--space-sm);cursor:pointer;border-radius:var(--radius-md);border:1.5px solid var(--color-border);transition:all var(--transition-fast);font-size:var(--font-size-sm);padding:8px 16px;font-weight:500;display:flex}.form-radio-item:has(input:checked){border-color:var(--color-coffee-brown);background:var(--color-creamy-yellow);color:var(--color-coffee-brown)}.form-radio-item input[type=radio],.form-radio-item input[type=checkbox]{accent-color:var(--color-coffee-brown)}.form-toggle{align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;display:inline-flex}.form-toggle__track{background:var(--color-border);width:44px;height:24px;transition:background var(--transition-fast);border-radius:12px;position:relative}.form-toggle__track:after{content:"";width:20px;height:20px;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.form-toggle input:checked+.form-toggle__track{background:var(--color-success)}.form-toggle input:checked+.form-toggle__track:after{transform:translate(20px)}.form-toggle input{display:none}.badge{border-radius:var(--radius-pill);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:4px;padding:4px 12px;font-weight:600;display:inline-flex}.badge-severity-low{background:var(--color-severity-low-bg);color:var(--color-severity-low)}.badge-severity-medium{background:var(--color-severity-med-bg);color:var(--color-severity-med)}.badge-severity-high{background:var(--color-severity-high-bg);color:var(--color-severity-high)}.badge-ai{background:var(--color-ai-bg);color:var(--color-ai-accent);border:1px solid var(--color-ai-border)}.badge-product{background:var(--color-warm-beige);color:var(--color-coffee-brown);font-size:var(--font-size-xs);padding:4px 10px}.info-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.info-item{flex-direction:column;gap:2px;display:flex}.info-item__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.info-item__value{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:500}.product-tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.confidence-meter{align-items:center;gap:var(--space-md);display:flex}.confidence-meter__bar{background:var(--color-border);border-radius:4px;flex:1;height:8px;overflow:hidden}.confidence-meter__fill{height:100%;transition:width var(--transition-slow);border-radius:4px}.confidence-meter__fill--high{background:var(--color-success)}.confidence-meter__fill--medium{background:var(--color-warning)}.confidence-meter__fill--low{background:var(--color-error)}.confidence-meter__value{font-size:var(--font-size-sm);text-align:right;min-width:40px;font-weight:700}.taxonomy-group{gap:var(--space-md);grid-template-columns:1fr 1fr 1fr;display:grid}.taxonomy-group .form-group{margin-bottom:0}.spinner-overlay{padding:var(--space-2xl);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.spinner{border:4px solid var(--color-border);border-top-color:var(--color-happy-yellow);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.spinner--sm{border-width:2px;width:20px;height:20px}.spinner-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);align-items:flex-start;gap:var(--space-sm);font-weight:500;display:flex}.alert--error{background:var(--color-error-bg);color:var(--color-error);border:1px solid #ffcdd2}.alert--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #a5d6a7}.alert--info{background:var(--color-info-bg);color:var(--color-info);border:1px solid #90caf9}.wizard-nav{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.section-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-lg) 0}.summary-header{gap:var(--space-md) var(--space-xl);padding:var(--space-md) var(--space-lg);background:var(--color-creamy-yellow);border-radius:var(--radius-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.success-screen{text-align:center;padding:var(--space-2xl) var(--space-lg)}.success-screen__icon{margin-bottom:var(--space-md);font-size:64px;animation:.6s cubic-bezier(.68,-.55,.265,1.55) success-bounce}.success-screen__title{font-size:var(--font-size-2xl);color:var(--color-success);margin-bottom:var(--space-sm);font-weight:700}.success-screen__detail{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{box-shadow:0 0 #ffcd0066}70%{box-shadow:0 0 0 8px #ffcd0000}to{box-shadow:0 0 #ffcd0000}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes success-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.animate-slide-in{animation:.4s ease-out both slide-in-right}@media (max-width:768px){.app-main{padding:var(--space-md)}.wizard-progress{padding:var(--space-md) var(--space-sm)}.wizard-step__label{display:none}.wizard-connector{min-width:24px}.taxonomy-group,.form-row{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr 1fr}.summary-header{gap:var(--space-sm);flex-direction:column}.btn-lg{font-size:var(--font-size-md);padding:14px 24px}}@media (max-width:480px){.info-grid{grid-template-columns:1fr}.app-header__subtitle{display:none}}.searchable-dropdown{position:relative}.searchable-dropdown__list{background:var(--color-bg-card);border:1.5px solid var(--color-border-focus);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;max-height:260px;padding:var(--space-xs) 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.searchable-dropdown__item{font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast);color:var(--color-text-primary);padding:10px 16px}.searchable-dropdown__item:hover{background:var(--color-warm-beige);color:var(--color-coffee-brown)}.searchable-dropdown__item--active{background:var(--color-creamy-yellow);color:var(--color-coffee-brown);font-weight:600}.external-action-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.external-action-card{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-input);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:right;transition:all var(--transition-fast);font-weight:500;line-height:1.5;display:flex}.external-action-card:hover{border-color:var(--color-coffee-brown);background:var(--color-creamy-yellow)}.external-action-card--selected{border-color:var(--color-coffee-brown);background:var(--color-creamy-yellow);color:var(--color-dark-brown);font-weight:600;box-shadow:0 0 0 3px #7e40151f}.external-action-card--other{text-align:left;color:var(--color-text-secondary);grid-column:1/-1}.external-action-card__check{background:var(--color-border);width:24px;height:24px;font-size:var(--font-size-xs);color:var(--color-text-muted);transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.external-action-card--selected .external-action-card__check{background:var(--color-coffee-brown);color:var(--color-text-on-dark)}.closing-status-group{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.closing-status-card{text-align:center;align-items:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-md);background:var(--color-bg-input);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-family);transition:all var(--transition-base);flex-direction:column;display:flex}.closing-status-card:hover{border-color:var(--color-coffee-brown);background:var(--color-creamy-yellow);box-shadow:var(--shadow-md);transform:translateY(-2px)}.closing-status-card--active{box-shadow:var(--shadow-md);transform:translateY(-2px)}.closing-status-card--now.closing-status-card--active{border-color:var(--color-success);background:var(--color-success-bg)}.closing-status-card--later.closing-status-card--active{border-color:var(--color-warning);background:var(--color-warning-bg)}.closing-status-card__icon{font-size:2rem;line-height:1}.closing-status-card__title{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:700}.closing-status-card__sub{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:400}.fu-channel-grid{gap:var(--space-sm);flex-wrap:wrap;display:flex}.fu-channel-pill{background:var(--color-bg-input);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;min-width:72px;font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-secondary);transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:4px;padding:10px 16px;font-weight:600;display:flex}.fu-channel-pill:hover{border-color:var(--color-coffee-brown);background:var(--color-creamy-yellow);color:var(--color-coffee-brown)}.fu-channel-pill--active{border-color:var(--color-coffee-brown);background:var(--color-creamy-yellow);color:var(--color-dark-brown);box-shadow:0 0 0 3px #7e40151f}.satisfaction-group{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.satisfaction-card{align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-bg-input);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast);flex-direction:column;display:flex}.satisfaction-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.satisfaction-card--yes{border-color:var(--color-success);background:var(--color-success-bg);box-shadow:0 0 0 3px #0098451f}.satisfaction-card--no{border-color:var(--color-error);background:var(--color-error-bg);box-shadow:0 0 0 3px #c628281f}.satisfaction-card__emoji{transition:transform var(--transition-fast);font-size:2.4rem;line-height:1}.satisfaction-card:hover .satisfaction-card__emoji{transform:scale(1.15)}.satisfaction-card__label{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600}.pill-toggle-group{gap:var(--space-sm);display:flex}.pill-toggle{align-items:center;gap:var(--space-sm);background:var(--color-bg-input);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);padding:10px 20px;font-weight:600;display:flex}.pill-toggle:hover{border-color:var(--color-coffee-brown);color:var(--color-coffee-brown)}.pill-toggle--regular.pill-toggle--active{border-color:var(--color-coffee-brown);background:var(--color-creamy-yellow);color:var(--color-dark-brown)}.pill-toggle--promo.pill-toggle--active{border-color:var(--color-warning);background:var(--color-warning-bg);color:#7a4700}.readonly-field{border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);color:var(--color-text-primary);background:#f5ede0;align-items:center;min-height:48px;padding:12px 16px;font-weight:500;display:flex}.readonly-field__empty{color:var(--color-text-muted);font-style:italic;font-weight:400}.form-required{color:var(--color-error);margin-left:2px}.badge-product--selectable{cursor:pointer;transition:all var(--transition-fast);border:1.5px solid #0000}.badge-product--selectable:hover{border-color:var(--color-coffee-brown);background:var(--color-warm-beige)}.badge-product--selected{box-shadow:0 0 0 3px #7e40151f;border-color:var(--color-coffee-brown)!important;background:var(--color-creamy-yellow)!important;color:var(--color-dark-brown)!important}.badge__check{color:var(--color-success);margin-right:2px;font-weight:700}.badge__type{opacity:.7;margin-left:4px;font-size:.7em;font-style:italic}@media (max-width:768px){.external-action-grid,.closing-status-group{grid-template-columns:1fr}.satisfaction-group{grid-template-columns:1fr 1fr}.fu-channel-grid{gap:var(--space-xs)}.fu-channel-pill{min-width:60px;padding:8px 12px}}.conf-banner{align-items:center;gap:var(--space-md);background:linear-gradient(135deg, var(--color-coffee-brown) 0%, var(--color-dark-brown) 100%);color:var(--color-text-on-dark);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-xl);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #7e401540}.conf-banner:before{content:"";pointer-events:none;background:#ffcd0014;border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.conf-banner__icon{filter:drop-shadow(0 2px 4px #0000004d);flex-shrink:0;font-size:2.5rem}.conf-banner__title{color:var(--color-creamy-yellow);margin:0 0 4px;font-size:1.35rem;font-weight:700}.conf-banner__subtitle{opacity:.85;color:var(--color-warm-beige);margin:0;font-size:.875rem}.conf-severity-pill{letter-spacing:.03em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1.5px solid;border-radius:999px;flex-shrink:0;margin-left:auto;padding:6px 16px;font-size:.8rem;font-weight:700}.conf-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);transition:box-shadow .2s;box-shadow:0 1px 6px #0000000a}.conf-section:hover{box-shadow:0 3px 14px #00000012}.conf-section__header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-warm-beige);display:flex}.conf-section__icon{font-size:1.25rem;line-height:1}.conf-section__title{color:var(--color-coffee-brown);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:1rem;font-weight:700}.conf-section__grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.conf-field{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:10px 14px;transition:border-color .15s;display:flex}.conf-field:hover{border-color:var(--color-coffee-brown)}.conf-field__label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);font-size:.7rem;font-weight:600}.conf-field__value{color:var(--color-text-primary);word-break:break-word;font-size:.925rem;font-weight:500;line-height:1.45}.conf-field__value--empty{color:var(--color-text-muted);font-style:italic;font-weight:400}.conf-field[style*="1 / -1"]{grid-column:1/-1}.conf-actions{margin-top:var(--space-xl);align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.conf-actions__note{color:var(--color-text-secondary);text-align:center;margin:0;font-size:.875rem}@media (max-width:768px){.conf-banner{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);flex-direction:column}.conf-severity-pill{margin-left:0}.conf-section__grid{grid-template-columns:1fr}}.record-hero{padding:var(--space-lg) var(--space-md);margin-bottom:var(--space-sm);border:2px dashed var(--color-border);border-radius:var(--radius-lg);min-height:160px;transition:all var(--transition-base);background:linear-gradient(135deg,#fffaf0 0%,#fff8f2 50%,#fff5eb 100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.record-hero__idle{align-items:center;gap:var(--space-sm);flex-direction:column;animation:.3s ease-out fade-in;display:flex}.btn-record-hero{cursor:pointer;width:88px;height:88px;transition:all var(--transition-base);background:0 0;border:none;border-radius:50%;padding:0}.btn-record-hero:hover:not(:disabled){transform:scale(1.08)}.btn-record-hero:active:not(:disabled){transform:scale(.97)}.btn-record-hero:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-record-hero__ring{background:linear-gradient(145deg, var(--color-coffee-brown), var(--color-dark-brown));width:88px;height:88px;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;animation:3s ease-in-out infinite ring-breathe;display:flex;box-shadow:0 4px 20px #7e40154d,0 0 0 4px #7e401514,0 0 0 8px #7e40150a}.btn-record-hero:hover:not(:disabled) .btn-record-hero__ring{box-shadow:0 6px 28px #7e401566,0 0 0 5px #7e40151f,0 0 0 10px #7e40150f}@keyframes ring-breathe{0%,to{box-shadow:0 4px 20px #7e40154d,0 0 0 4px #7e401514,0 0 0 8px #7e40150a}50%{box-shadow:0 4px 20px #7e40154d,0 0 0 6px #7e40150f,0 0 0 12px #7e401505}}.btn-record-hero__icon{filter:drop-shadow(0 2px 4px #00000040);font-size:2.4rem;animation:2.5s ease-in-out infinite mic-breathe}@keyframes mic-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.record-hero__label{font-size:var(--font-size-base);color:var(--color-coffee-brown);letter-spacing:.02em;margin-top:4px;font-weight:700}.record-hero__sublabel{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:400}.btn-record{border-radius:var(--radius-pill);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);color:var(--color-coffee-brown);background:0 0;border:none;align-items:center;gap:8px;padding:8px 18px;font-weight:600;display:inline-flex;position:relative}.btn-record:disabled{opacity:.5;cursor:not-allowed}.btn-record__icon{font-size:1.1rem}.btn-record--retake{border:1.5px solid var(--color-border);box-shadow:none}.btn-record--retake:hover:not(:disabled){background:var(--color-creamy-yellow);border-color:var(--color-coffee-brown);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.record-done-row{align-items:center;gap:var(--space-sm);flex-direction:column;animation:.3s ease-out fade-in;display:flex}.record-done-banner{align-items:center;gap:var(--space-sm);background:var(--color-success-bg);border-radius:var(--radius-pill);font-size:var(--font-size-sm);color:var(--color-success);border:1.5px solid #00984533;padding:10px 20px;font-weight:600;display:flex}.record-done-banner__icon{font-size:1.1rem}.record-active-card{align-items:center;gap:var(--space-md);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fff0f0 0%,#fff8f5 50%,#fffaf0 100%);border:1.5px solid #ffcdd2;flex-direction:column;width:100%;padding:20px 24px;animation:.3s cubic-bezier(.16,1,.3,1) record-card-enter;display:flex;box-shadow:0 4px 16px #c6282814}@keyframes record-card-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.record-active-card__mic{color:#fff;background:#dc2626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.6rem;animation:1.5s ease-in-out infinite mic-pulse;display:flex;box-shadow:0 0 #dc262666}@keyframes mic-pulse{0%{transform:scale(1);box-shadow:0 0 #dc262673}50%{transform:scale(1.06);box-shadow:0 0 0 14px #dc262600}to{transform:scale(1);box-shadow:0 0 #dc262600}}.record-waveform{align-items:center;gap:4px;height:36px;display:flex}.record-waveform__bar{background:#dc2626;border-radius:2px;width:4px;animation:.8s ease-in-out infinite alternate waveform-bounce}.record-waveform__bar:first-child{height:35%;animation-delay:0s}.record-waveform__bar:nth-child(2){height:65%;animation-delay:.1s}.record-waveform__bar:nth-child(3){height:100%;animation-delay:.2s}.record-waveform__bar:nth-child(4){height:50%;animation-delay:.3s}.record-waveform__bar:nth-child(5){height:80%;animation-delay:.15s}.record-waveform__bar:nth-child(6){height:40%;animation-delay:.25s}.record-waveform__bar:nth-child(7){height:70%;animation-delay:50ms}@keyframes waveform-bounce{0%{opacity:.5;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}.record-active-card__info{flex-direction:column;align-items:center;gap:2px;display:flex}.record-active-card__label{font-size:var(--font-size-xs);color:#dc2626;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.record-active-card__timer{color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:2rem;font-weight:800;line-height:1}.btn-record-stop{border-radius:var(--radius-pill);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;color:#fff;transition:all var(--transition-fast);margin-top:var(--space-xs);background:#dc2626;border:none;align-items:center;gap:8px;padding:10px 24px;font-weight:700;display:inline-flex;box-shadow:0 3px 12px #dc26264d}.btn-record-stop:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 5px 18px #dc262666}.btn-record-stop:active{transform:translateY(0)}.btn-record-stop__icon{background:#fff;border-radius:2px;flex-shrink:0;width:12px;height:12px}.record-transcribing-card{align-items:center;gap:var(--space-md);background:var(--color-ai-bg);border:1.5px solid var(--color-ai-border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;width:100%;padding:24px 20px;animation:.3s ease-out fade-in;display:flex}.record-transcribing-card__spinner{border:3px solid var(--color-ai-border);border-top-color:var(--color-ai-accent);border-radius:50%;width:42px;height:42px;animation:.75s linear infinite spin}.record-transcribing-card__text{font-size:var(--font-size-base);color:var(--color-ai-accent);font-weight:600;line-height:1.4}.record-transcribing-card__sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px;font-weight:400}.record-or-divider{align-items:center;gap:var(--space-sm);margin:var(--space-md) 0 var(--space-sm);display:flex}.record-or-divider__line{background:var(--color-border);flex:1;height:1px}.record-or-divider__text{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:lowercase;letter-spacing:.03em;white-space:nowrap;font-weight:500}.record-error{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-error);background:var(--color-error-bg);border-radius:var(--radius-md);border:1px solid #ffcdd2;padding:8px 14px;font-weight:500;animation:.3s ease-out fade-in;display:flex}.record-error-card{align-items:center;gap:var(--space-md);border-radius:var(--radius-lg);text-align:center;background:linear-gradient(135deg,#fff8f5 0%,#fff0f0 50%,#fffaf0 100%);border:1.5px solid #ffcdd2;flex-direction:column;width:100%;padding:24px 20px;animation:.3s cubic-bezier(.16,1,.3,1) record-card-enter;display:flex;box-shadow:0 2px 12px #c628280f}.record-error-card__icon{font-size:2.2rem;line-height:1}.record-error-card__text{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:600;line-height:1.45}.record-error-card__actions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:480px){.record-hero{padding:var(--space-md) var(--space-sm);min-height:140px}.btn-record-hero,.btn-record-hero__ring{width:72px;height:72px}.btn-record-hero__icon{font-size:1.8rem}.record-active-card__timer{font-size:1.5rem}}.complaint-select-card{border:1.5px solid var(--color-border,#e8ddd4);border-radius:var(--radius-md);padding:var(--space-md);background:var(--color-surface,#fff);transition:border-color .2s,opacity .2s,background .2s}.complaint-select-card--active{border-color:var(--color-primary,#7e4015);background:var(--color-primary-subtle,#fff5ee)}.complaint-select-card--dimmed{opacity:.5;background:var(--color-muted,#faf7f5)}.complaint-select-card__header{align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.complaint-select-card__toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary,#7e4015);cursor:pointer}.complaint-select-card__checkbox{display:none}.complaint-select-card__taxonomy{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.order-summary-card{border-left:3px solid var(--color-primary,#7e4015)}.order-summary-section{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border,#e8ddd4)}.order-summary-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.order-summary-section__title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted,#6b5a50);margin-bottom:var(--space-sm);font-size:.75rem;font-weight:700;display:block}.order-summary-items{gap:var(--space-xs,6px);flex-wrap:wrap;display:flex}.order-summary-item-chip{align-items:center;gap:4px;font-size:.82rem;display:inline-flex}.complaint-select-card{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);transition:border-color .18s,box-shadow .18s}.complaint-select-card--active{border-color:var(--color-coffee-brown);box-shadow:var(--shadow-sm)}.complaint-select-card--dimmed{opacity:.62}.complaint-select-card__header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.complaint-select-card__toggle{cursor:pointer;flex-shrink:0;align-items:center;display:flex}.complaint-select-card__toggle input[type=checkbox]{display:none}.complaint-select-card__checkbox{border:2px solid var(--color-border);background:var(--color-bg-input);border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;transition:background .15s,border-color .15s;display:inline-flex}.complaint-select-card__toggle input[type=checkbox]:checked~.complaint-select-card__checkbox{background:var(--color-coffee-brown);border-color:var(--color-coffee-brown)}.complaint-select-card__toggle input[type=checkbox]:checked~.complaint-select-card__checkbox:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:5px;height:9px;transform:rotate(45deg)translateY(-1px)}.complaint-select-card__taxonomy{align-items:center;gap:var(--space-xs);flex-wrap:wrap;flex:1;display:flex}.complaint-select-card__detail{color:var(--color-text-secondary);margin:0 0 var(--space-sm);font-size:.88rem;line-height:1.55}.btn-edit-classification{color:var(--color-coffee-brown);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;letter-spacing:.02em;background:0 0;align-items:center;gap:4px;margin-left:auto;padding:3px 10px;font-family:inherit;font-size:.72rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn-edit-classification:hover{background:var(--color-warm-beige);border-color:var(--color-coffee-brown);color:var(--color-dark-brown)}.taxonomy-edit-panel{margin-top:var(--space-sm);padding:var(--space-md);background:var(--color-bg-page);border:1.5px solid var(--color-ai-border);border-radius:var(--radius-md);animation:.18s slideIn}.taxonomy-edit-panel__header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.taxonomy-edit-panel__title{color:var(--color-ai-accent);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.taxonomy-edit-panel__cancel{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 6px;font-size:.8rem;transition:background .12s}.taxonomy-edit-panel__cancel:hover{background:var(--color-border);color:var(--color-text-primary)}.taxonomy-single{width:100%;position:relative}.taxonomy-search-wrapper{align-items:center;display:flex;position:relative}.taxonomy-search-wrapper .form-input{padding-right:36px}.taxonomy-clear-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;padding:2px;font-size:1rem;line-height:1;transition:color .12s;position:absolute;right:10px}.taxonomy-clear-btn:hover{color:var(--color-coffee-brown)}.taxonomy-dropdown{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overscroll-behavior:contain;max-height:320px;overflow-y:auto}.taxonomy-dropdown__pillar{z-index:1;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:#f5ede0;padding:6px 14px 4px;font-size:.68rem;font-weight:800;position:sticky;top:0}.taxonomy-dropdown__item{justify-content:space-between;align-items:center;gap:var(--space-sm);border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;width:100%;color:var(--color-text-primary);background:0 0;padding:9px 14px;font-family:inherit;font-size:.84rem;transition:background .12s;display:flex}.taxonomy-dropdown__item:last-child{border-bottom:none}.taxonomy-dropdown__item:hover{background:var(--color-warm-beige)}.taxonomy-dropdown__item--selected{background:var(--color-creamy-yellow);font-weight:600}.taxonomy-dropdown__item-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.taxonomy-dropdown__severity{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0;padding:2px 8px;font-size:.65rem;font-weight:700}.taxonomy-dropdown__severity--low{background:var(--color-severity-low-bg);color:var(--color-severity-low)}.taxonomy-dropdown__severity--medium{background:var(--color-severity-med-bg);color:var(--color-severity-med)}.taxonomy-dropdown__severity--high{background:var(--color-severity-high-bg);color:var(--color-severity-high)}.taxonomy-dropdown__empty{text-align:center;color:var(--color-text-muted);padding:20px;font-size:.85rem}.taxonomy-derived{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-ai-bg);border:1px solid var(--color-ai-border);border-radius:var(--radius-sm);gap:var(--space-xs) var(--space-md);flex-wrap:wrap;display:flex}.taxonomy-derived__row{align-items:center;gap:6px;display:flex}.taxonomy-derived__row--full{width:100%}.taxonomy-derived__label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-ai-accent);font-size:.68rem;font-weight:700}.taxonomy-derived__value{color:var(--color-text-primary);font-size:.82rem;font-weight:500}.taxonomy-derived__value--desc{color:var(--color-text-secondary);font-weight:400}.taxonomy-dropdown::-webkit-scrollbar{width:5px}.taxonomy-dropdown::-webkit-scrollbar-track{background:#f5ede0}.taxonomy-dropdown::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.portal-closing__hero{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg, var(--color-warm-beige) 0%, var(--color-creamy-yellow) 60%, #fffdf7 100%);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);color:var(--color-text-primary);border:1.5px solid var(--color-border);display:flex;position:relative;overflow:hidden}.portal-closing__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffcd002e 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-40%;right:-15%}.portal-closing__title{align-items:center;gap:var(--space-sm);color:var(--color-coffee-brown);margin:0;font-size:1.5rem;font-weight:800;display:flex}.portal-closing__title-icon{font-size:1.6rem}.portal-closing__subtitle{color:var(--color-text-secondary);margin:6px 0 0;font-size:.9rem;font-weight:500}.portal-stat-card{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);flex-direction:column;align-items:center;min-width:100px;display:flex;box-shadow:0 1px 4px #0000000a}.portal-stat-card__value{color:var(--color-coffee-brown);font-size:1.8rem;font-weight:800;line-height:1.1}.portal-stat-card__label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-top:2px;font-size:.7rem;font-weight:700}.portal-closing__layout{gap:var(--space-lg);grid-template-columns:360px 1fr;min-height:520px;display:grid}@media (max-width:900px){.portal-closing__layout{grid-template-columns:1fr}}.portal-closing__list-panel{gap:var(--space-sm);flex-direction:column;display:flex}.portal-closing__search-bar{position:relative}.portal-closing__search-icon{z-index:1;font-size:.9rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.portal-closing__ticket-list{gap:var(--space-xs);flex-direction:column;max-height:580px;padding-right:4px;display:flex;overflow-y:auto}.portal-closing__ticket-list::-webkit-scrollbar{width:4px}.portal-closing__ticket-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.portal-closing__empty{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex}.portal-ticket{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;flex-direction:column;gap:4px;width:100%;padding:12px 14px;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.portal-ticket:hover{border-color:var(--color-coffee-brown);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.portal-ticket--active{border-color:var(--color-coffee-brown);background:var(--color-creamy-yellow);box-shadow:var(--shadow-md)}.portal-ticket__header{justify-content:space-between;align-items:center;display:flex}.portal-ticket__id{color:var(--color-coffee-brown);font-size:.85rem;font-weight:800}.portal-ticket__taxonomy{color:var(--color-text-secondary);font-size:.78rem;font-weight:500}.portal-ticket__meta{color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.portal-ticket__date{border-radius:var(--radius-pill);background:#f5ede0;padding:1px 6px;font-size:.68rem;font-weight:600}.portal-closing__detail-panel{min-height:400px}.portal-closing__detail-empty{justify-content:center;align-items:center;gap:var(--space-md);height:100%;color:var(--color-text-muted);text-align:center;padding:var(--space-xl);background:var(--color-bg-card);border:2px dashed var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.portal-closing__detail{gap:var(--space-md);flex-direction:column;display:flex}.portal-detail-card{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card)}.portal-detail-card__header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.portal-detail-card__title{color:var(--color-coffee-brown);margin:0;font-size:1.15rem;font-weight:800}.portal-detail-card__grid{gap:var(--space-sm) var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.portal-detail-field{flex-direction:column;gap:2px;display:flex}.portal-detail-field__label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:.68rem;font-weight:700}.portal-detail-field__value{color:var(--color-text-primary);font-size:.88rem;font-weight:500}.portal-detail-card__section{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.portal-detail-card__text{color:var(--color-text-secondary);margin:4px 0 0;font-size:.88rem;line-height:1.6}.portal-close-form{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card)}.portal-close-form__title{margin:0 0 var(--space-md);align-items:center;gap:var(--space-xs);color:var(--color-text-primary);font-size:1rem;font-weight:800;display:flex}.portal-close-form__row{gap:var(--space-md);display:flex}.portal-channel-chips{gap:var(--space-xs);flex-wrap:wrap;display:flex}.portal-channel-chip{background:var(--color-bg-input);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;color:var(--color-text-secondary);align-items:center;gap:4px;padding:6px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.portal-channel-chip:hover{border-color:var(--color-coffee-brown);background:var(--color-warm-beige);transform:translateY(-1px)}.portal-channel-chip--active{background:var(--color-coffee-brown);border-color:var(--color-coffee-brown);color:#fff}.portal-channel-chip--active:hover{background:var(--color-dark-brown)}.portal-satisfaction-toggle{gap:var(--space-sm);display:flex}.portal-satisfaction-btn{border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);cursor:pointer;color:var(--color-text-secondary);flex:1;padding:10px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .15s}.portal-satisfaction-btn:hover{border-color:var(--color-coffee-brown)}.portal-satisfaction-btn--yes{border-color:var(--color-severity-low);background:var(--color-severity-low-bg);color:var(--color-severity-low)}.portal-satisfaction-btn--no{border-color:var(--color-severity-high);background:var(--color-severity-high-bg);color:var(--color-severity-high)}.portal-close-btn{width:100%;margin-top:var(--space-md);background:linear-gradient(135deg, var(--color-happy-yellow) 0%, #f0b800 100%);color:var(--color-text-on-yellow);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);border:none;padding:14px;font-family:inherit;font-size:1rem;font-weight:800;transition:opacity .15s,transform .1s;display:flex}.portal-close-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.portal-close-btn:disabled{opacity:.5;cursor:not-allowed}.alert--success{background:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success);padding:12px var(--space-md);border-radius:var(--radius-md);align-items:center;gap:var(--space-sm);font-weight:600;display:flex}.portal{grid-template-columns:260px 1fr;width:100%;min-height:calc(100vh - 60px);display:grid}@media (max-width:900px){.portal{grid-template-columns:1fr}.portal__sidebar{display:none}}.portal__sidebar{color:var(--color-text-primary);z-index:10;background:#f0e6d6;border-right:1.5px solid #d4c5a9;flex-direction:column;height:calc(100vh - 60px);display:flex;position:sticky;top:60px;overflow-y:auto}.portal__sidebar::-webkit-scrollbar{width:0}.portal__sidebar-header{align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);border-bottom:1.5px solid var(--color-border);display:flex}.portal__sidebar-logo{font-size:1.4rem}.portal__sidebar-title{letter-spacing:.02em;color:var(--color-coffee-brown);font-size:1rem;font-weight:800}.portal__nav{padding:var(--space-sm);flex-direction:column;flex:1;gap:2px;display:flex}.portal__nav-item{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;padding:11px 14px;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,transform .1s;display:flex;position:relative}.portal__nav-item:hover{background:var(--color-warm-beige);color:var(--color-coffee-brown);transform:translate(2px)}.portal__nav-item--active{background:var(--color-warm-beige);color:var(--color-coffee-brown);font-weight:700}.portal__nav-item--active:before{content:"";background:var(--color-coffee-brown);border-radius:0 4px 4px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.portal__nav-icon{text-align:center;flex-shrink:0;width:24px;font-size:1.05rem}.portal__nav-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.portal__nav-badge{background:var(--color-coffee-brown);color:#fff;border-radius:var(--radius-pill);margin-left:auto;padding:2px 7px;font-size:.65rem;font-weight:800;line-height:1.3}.portal__sidebar-footer{padding:var(--space-md);border-top:1.5px solid var(--color-border)}.portal__sidebar-user{align-items:center;gap:var(--space-sm);display:flex}.portal__sidebar-avatar{background:var(--color-warm-beige);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.portal__sidebar-user-info{flex-direction:column;display:flex}.portal__sidebar-user-name{color:var(--color-text-primary);font-size:.82rem;font-weight:700}.portal__sidebar-user-role{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem}.portal__sidebar-signout{width:100%;color:var(--color-happy-yellow);border-radius:var(--radius-pill);font-size:.78rem;font-weight:700;font-family:var(--font-family);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#ffcd0033;border:1px solid #ffcd008c;padding:9px 14px;transition:background .15s,border-color .15s,color .15s}.portal__sidebar-signout:hover{border-color:var(--color-happy-yellow);color:var(--color-dark-brown);background:#ffcd0059;background:var(--color-happy-yellow)}.portal__sidebar-change-pw{width:100%;color:var(--color-coffee-brown);border-radius:var(--radius-pill);font-size:.78rem;font-weight:700;font-family:var(--font-family);cursor:pointer;letter-spacing:.02em;background:#7b4b2a0f;border:1px solid #7b4b2a4d;justify-content:center;align-items:center;gap:6px;padding:9px 14px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.portal__sidebar-change-pw:hover{background:var(--color-coffee-brown);border-color:var(--color-coffee-brown);color:#fff}.portal__content{padding:var(--space-xl) var(--space-xl);scrollbar-width:none;max-height:calc(100vh - 60px);overflow:hidden auto}.portal__content::-webkit-scrollbar{width:0}.portal-coming-soon{justify-content:center;align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;min-height:400px;display:flex}.portal-coming-soon__icon{opacity:.5;font-size:3.5rem}.portal-coming-soon__title{color:var(--color-text-primary);margin:0;font-size:1.3rem;font-weight:800}.portal-coming-soon__desc{color:var(--color-text-muted);max-width:400px;font-size:.9rem}.portal-filters{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.portal-filters__search{flex:1;min-width:250px;position:relative}.portal-filters__select{appearance:none;background-color:var(--color-bg-card);cursor:pointer;width:auto;min-width:140px;color:var(--color-text-primary);border-color:var(--color-border);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237E4015' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;font-size:.82rem;font-weight:600;transition:border-color .15s,box-shadow .15s;padding-right:36px!important}.portal-filters__select:hover{border-color:var(--color-coffee-brown)}.portal-filters__select:focus{border-color:var(--color-happy-yellow);outline:none;box-shadow:0 0 0 3px #ffcd002e}.portal-table-wrap{border-radius:var(--radius-lg);border:1.5px solid var(--color-border);background:var(--color-bg-card);box-shadow:var(--shadow-card);overflow-x:auto}.portal-table{border-collapse:collapse;width:100%;font-size:.82rem}.portal-table thead{z-index:2;background:#f5ede0;position:sticky;top:0}.portal-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--color-coffee-brown,#7b4b2a);border-bottom:1.5px solid var(--color-border,#e5d5c0);padding:10px 14px;font-size:.72rem;font-weight:700}.portal-table td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:10px 14px}.portal-table__row{cursor:pointer;transition:background .1s}.portal-table__row:hover,.portal-table__row--expanded{background:var(--color-creamy-yellow)}.portal-table__id{color:var(--color-coffee-brown);white-space:nowrap;font-weight:800}.portal-table__customer{flex-direction:column;gap:1px;display:flex}.portal-table__phone{color:var(--color-text-muted);font-size:.7rem}.portal-table__taxonomy{color:var(--color-text-secondary);font-size:.78rem}.portal-table__detail-row td{padding:var(--space-md);background:#f5ede0}.portal-table__detail{animation:.15s fadeIn}.portal-status-pill{border-radius:var(--radius-pill);padding:3px 10px;font-size:.68rem;font-weight:700;display:inline-block}.portal-status-pill--closed{background:var(--color-severity-low-bg);color:var(--color-severity-low)}.portal-status-pill--open{background:var(--color-severity-high-bg);color:var(--color-severity-high)}.portal-overview__results-bar{padding:var(--space-sm) 0;color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:.78rem;font-weight:600;display:flex}.portal-pagination{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;display:flex}.portal-pagination__btn{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-primary);padding:8px 18px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .15s}.portal-pagination__btn:hover:not(:disabled){border-color:var(--color-coffee-brown);background:var(--color-creamy-yellow)}.portal-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.portal-pagination__info{color:var(--color-text-muted);font-size:.78rem;font-weight:700}.portal-customer-search__bar{gap:var(--space-sm);margin-top:var(--space-md);align-items:center;display:flex}.portal-customer-search__stats{gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.portal-performance__cards{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.portal-perf-card{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;box-shadow:var(--shadow-card);transition:transform .15s}.portal-perf-card:hover{transform:translateY(-2px)}.portal-perf-card__icon{margin-bottom:var(--space-xs);font-size:2rem}.portal-perf-card__value{color:var(--color-coffee-brown);font-size:2.2rem;font-weight:800;line-height:1.1}.portal-perf-card--green .portal-perf-card__value{color:#22c55e}.portal-perf-card--red .portal-perf-card__value{color:#ef4444}.portal-perf-card--gold .portal-perf-card__value{color:var(--color-happy-yellow)}.portal-perf-card__label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-top:4px;font-size:.72rem;font-weight:700}.portal-perf-card__bar{margin-top:var(--space-sm);border-radius:var(--radius-pill);background:#f5ede0;height:6px;overflow:hidden}.portal-perf-card__bar-fill{background:linear-gradient(90deg, var(--color-happy-yellow), var(--color-coffee-brown));border-radius:var(--radius-pill);height:100%;transition:width .5s}.portal-perf-card--blue .portal-perf-card__value{color:var(--color-info)}.portal-perf-card__hint{color:var(--color-text-muted);margin-top:6px;font-size:.62rem;line-height:1.35}.perf-scope-toggle{background:var(--color-creamy-yellow);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);margin-top:var(--space-md);gap:4px;padding:4px;display:inline-flex}.perf-scope-toggle__btn{border-radius:var(--radius-pill);font-family:var(--font-family);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:8px 18px;font-size:.8rem;font-weight:700;transition:background .15s,color .15s}.perf-scope-toggle__btn:hover{color:var(--color-coffee-brown)}.perf-scope-toggle__btn--active{background:var(--color-coffee-brown);color:#fff}.perf-team-table-wrap{margin-top:var(--space-xl)}.perf-team-table-scroll{border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);overflow-x:auto}.perf-team-table{border-collapse:collapse;width:100%;min-width:640px;font-size:.85rem}.perf-team-table th,.perf-team-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:12px 16px}.perf-team-table thead th{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-creamy-yellow);white-space:nowrap;font-size:.68rem;font-weight:700}.perf-team-table tbody tr:last-child td{border-bottom:none}.perf-team-table tbody tr:hover{background:var(--color-bg-card-hover)}.perf-team-table__num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.perf-team-table__flag{color:var(--color-error);cursor:help;margin-left:6px}.perf-team-table__total-row td{background:var(--color-creamy-yellow);color:var(--color-coffee-brown);border-top:2px solid var(--color-border);border-bottom:none;font-weight:800}.perf-team-table tfoot .perf-team-table__total-row td:first-child{text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.2s fadeIn}.portal-edit__search{gap:var(--space-md);margin-bottom:var(--space-lg);align-items:stretch;display:flex}.portal-edit__search-btn{padding:0 var(--space-xl);background:linear-gradient(135deg, var(--color-happy-yellow) 0%, #f0b800 100%);color:var(--color-text-on-yellow);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;font-family:inherit;font-size:.9rem;font-weight:700;transition:opacity .15s,transform .1s}.portal-edit__search-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.portal-edit__search-btn:disabled{opacity:.5;cursor:not-allowed}.portal-edit__layout{gap:var(--space-lg);grid-template-columns:320px 1fr;min-height:400px;display:grid}@media (max-width:900px){.portal-edit__layout{grid-template-columns:1fr}}.portal-edit__results{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);scrollbar-width:thin;max-height:calc(100vh - 300px);overflow-y:auto}.portal-edit__section-title{color:var(--color-coffee-brown);margin:0 0 var(--space-sm) 0;padding-bottom:var(--space-xs);border-bottom:1.5px solid var(--color-border);font-size:.9rem;font-weight:700}.portal-edit__result-card{border-radius:var(--radius-md);cursor:pointer;border:1.5px solid #0000;margin-bottom:4px;padding:12px;transition:all .15s}.portal-edit__result-card:hover{background:var(--color-warm-beige);border-color:var(--color-border)}.portal-edit__result-card--active{background:var(--color-warm-beige);border-color:var(--color-coffee-brown);box-shadow:0 0 0 2px #7e40151a}.portal-edit__result-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.portal-edit__result-id{color:var(--color-coffee-brown);font-size:.85rem;font-weight:800}.portal-edit__result-name{color:var(--color-text-primary);font-size:.88rem;font-weight:600}.portal-edit__result-meta{color:var(--color-text-muted);margin-top:2px;font-size:.75rem}.portal-edit__form-panel{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);scrollbar-width:thin;max-height:calc(100vh - 300px);overflow-y:auto}.portal-edit__form-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1.5px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.portal-edit__form-title{color:var(--color-coffee-brown);margin:0;font-size:1.1rem;font-weight:800}.portal-edit__changes-badge{background:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius-pill);border:1px solid var(--color-warning);padding:4px 10px;font-size:.72rem;font-weight:800}.portal-edit__field-group{margin-bottom:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border,#e5d9c3);border-radius:var(--radius-lg,12px);padding:var(--space-md) var(--space-lg);box-shadow:0 1px 4px #0000000a}.portal-edit__group-title{color:var(--color-text-secondary);margin:0 0 var(--space-sm) 0;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:700}.portal-edit__fields-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.portal-edit__field{border-radius:var(--radius-sm);border:1.5px solid #0000;flex-direction:column;gap:4px;padding:8px;transition:border-color .2s,background .2s;display:flex}.portal-edit__field--changed{border-color:var(--color-warning);background:var(--color-warning-bg)}.portal-edit__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.portal-edit__input{padding:8px 10px;font-size:.88rem}.portal-edit__textarea{resize:vertical;min-height:60px;padding:8px 10px;font-size:.88rem}.portal-edit__actions{gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1.5px solid var(--color-border);justify-content:flex-end;display:flex}.portal-edit__cancel-btn{background:var(--color-bg-page);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);padding:10px 24px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .15s}.portal-edit__cancel-btn:hover{border-color:var(--color-text-muted);background:var(--color-bg-card-hover)}.portal-edit__save-btn{background:linear-gradient(135deg, var(--color-happy-yellow) 0%, #f0b800 100%);color:var(--color-text-on-yellow);border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 28px;font-family:inherit;font-size:.88rem;font-weight:700;transition:opacity .15s,transform .1s}.portal-edit__save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.portal-edit__save-btn:disabled{opacity:.4;cursor:not-allowed}.portal-delete__summary{margin-bottom:var(--space-lg)}.portal-delete__summary-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1.5px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.portal-delete__detail-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.portal-delete__detail-item{background:var(--color-bg-page);border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:8px;display:flex}.portal-delete__detail-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.portal-delete__detail-value{color:var(--color-text-primary);font-size:.88rem;font-weight:600}.portal-delete__detail-text{margin-top:var(--space-md);padding:var(--space-sm);background:var(--color-bg-page);border-radius:var(--radius-sm)}.portal-delete__detail-text p{color:var(--color-text-secondary);margin:4px 0 0;font-size:.85rem;line-height:1.5}.portal-delete__action-zone{border-top:1.5px solid var(--color-border);padding-top:var(--space-lg)}.portal-delete__warning{gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);background:#fef3cd;border:1.5px solid #ffc107;display:flex}.portal-delete__warning-icon{flex-shrink:0;font-size:1.5rem}.portal-delete__warning strong{color:#856404;font-size:.9rem}.portal-delete__warning p{color:#856404;margin:4px 0 0;font-size:.82rem}.portal-delete__trigger-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#dc3545;border:none;width:100%;padding:12px;font-family:inherit;font-size:.92rem;font-weight:700;transition:opacity .15s,transform .1s}.portal-delete__trigger-btn:hover{opacity:.9;transform:translateY(-1px)}.portal-delete__confirm-zone{padding-top:var(--space-lg);border-top:1.5px solid #dc3545;animation:.2s fadeIn}.portal-delete__confirm-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);color:#dc3545;font-size:1rem;display:flex}.portal-delete__confirm-text{color:var(--color-text-secondary);margin:0 0 var(--space-md) 0;font-size:.85rem}.portal-delete__confirm-text code{border-radius:var(--radius-sm);color:#856404;background:#fef3cd;padding:2px 6px;font-weight:800}.portal-delete__confirm-input{margin-bottom:var(--space-md);padding:10px;font-size:.92rem;border:1.5px solid #dc3545!important}.portal-delete__confirm-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#dc3545;border:none;padding:10px 28px;font-family:inherit;font-size:.88rem;font-weight:700;transition:opacity .15s,transform .1s}.portal-delete__confirm-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.portal-delete__confirm-btn:disabled{opacity:.4;cursor:not-allowed}.portal-delete__deleted-section{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg);animation:.2s fadeIn}.portal-delete__deleted-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1.5px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.portal-delete__deleted-table{scrollbar-width:thin;max-height:300px;overflow-y:auto}.portal-home__loading{justify-content:center;align-items:center;gap:var(--space-md);min-height:400px;color:var(--color-text-muted);flex-direction:column;font-size:.95rem;display:flex}.portal-home__hero{border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-lg);background:linear-gradient(135deg,#fff9e6 0%,#fff3d0 100%);justify-content:space-between;align-items:center;display:flex}.portal-home__greeting{color:var(--color-coffee-brown);margin:0 0 4px;font-size:1.4rem;font-weight:800}.portal-home__subtitle{color:var(--color-text-secondary);margin:0;font-size:.88rem}.portal-home__hero-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.portal-home__date-picker{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;min-width:140px;padding:7px 12px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .15s}.portal-home__date-picker:hover,.portal-home__date-picker:focus{border-color:var(--color-coffee-brown);background:var(--color-warm-beige);outline:none}.portal-home__refresh-btn{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);white-space:nowrap;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .15s}.portal-home__refresh-btn:hover{border-color:var(--color-coffee-brown);background:var(--color-warm-beige)}.portal-home__kpi-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1100px){.portal-home__kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.portal-home__kpi-grid{grid-template-columns:1fr}}.portal-home__kpi-card{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);align-items:center;gap:var(--space-md);border-left:4px solid #0000;transition:transform .15s,box-shadow .15s;display:flex}.portal-home__kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.portal-home__kpi--total{border-left-color:#6c757d}.portal-home__kpi--open{border-left-color:#e8a838}.portal-home__kpi--closed{border-left-color:#28a745}.portal-home__kpi--rate{border-left-color:#007bff}.portal-home__kpi--today{border-left-color:#e8a838}.portal-home__kpi--week{border-left-color:#6f42c1}.portal-home__kpi--high{border-left-color:#dc3545}.portal-home__kpi--comp{border-left-color:#20c997}.portal-home__kpi-icon{flex-shrink:0;font-size:1.6rem}.portal-home__kpi-data{flex-direction:column;display:flex}.portal-home__kpi-value{color:var(--color-text-primary);font-size:1.4rem;font-weight:800;line-height:1.2}.portal-home__kpi-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.portal-home__charts-row{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr 1fr;display:grid}@media (max-width:900px){.portal-home__charts-row{grid-template-columns:1fr}}.portal-home__chart-card{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md)}.portal-home__chart-title{color:var(--color-coffee-brown);margin:0 0 var(--space-md) 0;padding-bottom:var(--space-xs);border-bottom:1.5px solid var(--color-border);font-size:.88rem;font-weight:700}.portal-home__chart-body{flex-direction:column;gap:8px;display:flex}.portal-home__empty-text{text-align:center;color:var(--color-text-muted);padding:var(--space-md);font-size:.82rem}.portal-home__mini-bar{flex-direction:column;gap:3px;display:flex}.portal-home__mini-bar-label{color:var(--color-text-secondary);justify-content:space-between;font-size:.78rem;font-weight:600;display:flex}.portal-home__mini-bar-value{color:var(--color-text-primary);font-weight:800}.portal-home__mini-bar-track{background:var(--color-bg-page);border-radius:var(--radius-pill);height:8px;overflow:hidden}.portal-home__mini-bar-fill{border-radius:var(--radius-pill);height:100%;transition:width .6s}.portal-home__severity-chips{gap:var(--space-sm);padding:var(--space-sm) 0;flex-wrap:wrap;display:flex}.portal-home__severity-chip{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-bg-page);flex-direction:column;flex:1;align-items:center;min-width:80px;display:flex}.portal-home__severity-chip-label{text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.portal-home__severity-chip-value{color:var(--color-text-primary);font-size:1.2rem;font-weight:800}.portal-home__sev--high{border-color:#dc3545}.portal-home__sev--high .portal-home__severity-chip-label{color:#dc3545}.portal-home__sev--medium{border-color:#e8a838}.portal-home__sev--medium .portal-home__severity-chip-label{color:#e8a838}.portal-home__sev--low{border-color:#28a745}.portal-home__sev--low .portal-home__severity-chip-label{color:#28a745}.portal-home__sev-badge{border-radius:var(--radius-pill);padding:2px 8px;font-size:.72rem;font-weight:700}.portal-home__sev-badge.portal-home__sev--high{color:#dc3545;background:#f8d7da}.portal-home__sev-badge.portal-home__sev--medium{color:#856404;background:#fff3cd}.portal-home__sev-badge.portal-home__sev--low{color:#155724;background:#d4edda}.portal-home__recent{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md)}.portal-home__recent-table-wrap{scrollbar-width:thin;overflow-x:auto}.portal-home__time-sub{color:var(--color-text-muted);font-size:.68rem;display:block}.portal-edit__field-hint{color:var(--color-text-muted);margin-top:2px;font-size:.68rem;font-style:italic;display:block}.portal-edit__context-grid{gap:var(--space-sm) var(--space-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.portal-edit__context-item{flex-direction:column;gap:2px;display:flex}.portal-edit__context-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:600}.portal-edit__context-value{color:var(--color-text);font-size:.88rem;font-weight:500}.portal-edit__context-detail{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.portal-edit__context-quote{padding:var(--space-xs) var(--space-sm);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text-muted);background:#00000005;margin:4px 0 0;font-size:.82rem;font-style:italic;line-height:1.5}.portal-edit__current-classification{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.portal-edit__current-pill{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);padding:4px 10px;font-size:.78rem;font-weight:500;display:inline-block}.portal-edit__current-arrow{color:var(--color-text-muted);font-size:.72rem}.portal-edit__field-group--editable{border-radius:var(--radius-lg);padding:var(--space-md);background:#e8a8380f;border:1.5px dashed #e8a8384d}.field--error-group{border-radius:var(--radius-lg,12px)!important;padding:var(--space-sm,12px)!important;background:#e74c3c14!important;border:2px solid #e74c3c!important;border-left-width:8px!important;outline:none!important;animation:1.6s ease-in-out infinite field-error-pulse!important;position:relative!important;box-shadow:0 0 0 4px #e74c3c2e,0 4px 16px #e74c3c40!important}.field--error-group:before{content:"⚠ MISSING";color:#fff;letter-spacing:.06em;font-size:.65rem;font-weight:800;font-family:var(--font-family);pointer-events:none;z-index:2;background:#e74c3c;border-radius:6px;padding:3px 8px;position:absolute;top:-10px;right:12px;box-shadow:0 2px 6px #e74c3c59}.field--error,input.field--error,select.field--error,textarea.field--error{border-radius:var(--radius-md,8px)!important;background:#e74c3c1a!important;border:2px solid #e74c3c!important;outline:none!important;animation:1.6s ease-in-out infinite field-error-pulse!important;box-shadow:0 0 0 4px #e74c3c38!important}@keyframes field-error-pulse{0%,to{box-shadow:0 0 0 4px #e74c3c2e,0 4px 16px #e74c3c40}50%{box-shadow:0 0 0 10px #e74c3c52,0 6px 24px #e74c3c6b}}.fu-channel-grid.field--error-group{padding:8px!important}.chronology-warning{align-items:center;gap:var(--space-sm);background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-top:var(--space-xs);margin-bottom:var(--space-sm);border:1px solid #ffcdd2;font-size:.82rem;font-weight:600;display:flex}.review-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-md);background:#00000073;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.review-modal{background:var(--color-card-bg,#fff);border-radius:var(--radius-xl,16px);flex-direction:column;width:100%;max-width:720px;max-height:85vh;animation:.3s ease-out modalSlideUp;display:flex;box-shadow:0 20px 60px #00000040}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.review-modal__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border,#e5d9c3);justify-content:space-between;align-items:center;display:flex}.review-modal__header h2{color:var(--color-text,#2d1f0e);margin:0;font-size:1.12rem;font-weight:700}.review-modal__close{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-md);background:0 0;border:none;padding:4px 8px;font-size:1.5rem;line-height:1;transition:background .15s}.review-modal__close:hover{background:#0000000f}.review-modal__body{padding:var(--space-md) var(--space-lg);flex:1;overflow-y:auto}.review-modal__section{margin-bottom:var(--space-md)}.review-modal__section h3{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted,#8c7a5e);margin:0 0 var(--space-xs) 0;border-bottom:1px solid var(--color-border,#e5d9c3);padding-bottom:4px;font-size:.82rem;font-weight:700}.review-modal__grid{grid-template-columns:1fr 1fr;gap:6px 16px;display:grid}.review-modal__grid>div{flex-direction:column;padding:4px 0;display:flex}.review-modal__label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted,#8c7a5e);margin-bottom:1px;font-size:.7rem;font-weight:600}.review-modal__grid>div>span:last-child{color:var(--color-text,#2d1f0e);font-size:.88rem}.review-modal__complaint{background:var(--color-sidebar-bg,#faf4e8);border-radius:var(--radius-md);margin-bottom:6px;padding:8px 12px;font-size:.85rem;line-height:1.6}.review-modal__summary{color:var(--color-text-muted);margin-top:4px;font-size:.82rem;line-height:1.7}.review-modal__footer{padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--color-border,#e5d9c3);justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.review-modal__footer .btn-success{font-weight:700}.badge-severity{letter-spacing:.03em;text-transform:uppercase;border-radius:var(--radius-full,999px);align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-severity--low,.badge-severity-low{background:var(--color-severity-low-bg);color:var(--color-severity-low)}.badge-severity--medium,.badge-severity-medium{background:var(--color-severity-med-bg);color:var(--color-severity-med)}.badge-severity--high,.badge-severity-high{background:var(--color-severity-high-bg);color:var(--color-severity-high)}.react-datepicker-wrapper{display:block}.react-datepicker-popper{z-index:300!important}.react-datepicker{font-family:var(--font-family);overflow:hidden;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-lg)!important;background-color:var(--color-bg-card)!important;padding:var(--space-sm)!important;border:none!important}.react-datepicker__header{background-color:var(--color-bg-card)!important;padding-top:var(--space-md)!important;padding-bottom:var(--space-sm)!important;border-bottom:none!important}.react-datepicker__current-month{color:var(--color-text-primary);margin-bottom:var(--space-sm);letter-spacing:-.01em;font-size:1.15rem!important;font-weight:800!important}.react-datepicker__day-name{text-transform:uppercase;font-size:.8rem;color:var(--color-text-muted)!important;width:2rem!important;margin:.2rem!important;font-weight:700!important}.react-datepicker__day{color:var(--color-text-primary)!important;border-radius:var(--radius-md)!important;width:2rem!important;height:2rem!important;transition:all var(--transition-fast)!important;margin:.2rem!important;font-weight:600!important;line-height:2rem!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{transform:scale(1.05);background-color:var(--color-happy-yellow)!important;color:var(--color-text-primary)!important;font-weight:800!important;box-shadow:0 4px 10px #ffcd0066!important}.react-datepicker__day:hover:not(.react-datepicker__day--selected){box-shadow:var(--shadow-sm);transform:translateY(-2px);background-color:var(--color-warm-beige)!important}.react-datepicker__navigation{top:14px!important}.react-datepicker__navigation-icon:before{transition:border-color var(--transition-fast);border-color:var(--color-text-muted)!important;border-width:3px 3px 0 0!important;width:10px!important;height:10px!important}.react-datepicker__navigation:hover :before{border-color:var(--color-coffee-brown)!important}.react-datepicker__triangle{display:none!important}.login-page{min-height:100vh;font-family:var(--font-family);display:flex}.login-panel--brand{background:linear-gradient(145deg, var(--color-dark-brown) 0%, #1a0d06 60%, #0d0502 100%);flex:0 0 44%;justify-content:center;align-items:center;padding:60px 48px;display:flex;position:relative;overflow:hidden}.login-brand__decoration{pointer-events:none;position:absolute;inset:0}.login-brand__circle{opacity:.07;background:var(--color-happy-yellow);border-radius:50%;animation:6s ease-in-out infinite login-pulse;position:absolute}.login-brand__circle--1{width:480px;height:480px;animation-delay:0s;bottom:-160px;right:-120px}.login-brand__circle--2{width:280px;height:280px;animation-delay:2s;top:-80px;left:-60px}.login-brand__circle--3{opacity:.12;width:160px;height:160px;animation-delay:4s;top:40%;right:10%}@keyframes login-pulse{0%,to{opacity:.07;transform:scale(1)}50%{opacity:.13;transform:scale(1.06)}}.login-brand__content{z-index:1;text-align:center;color:var(--color-creamy-yellow);position:relative}.login-brand__logo{width:80px;height:80px;margin:0 auto var(--space-lg);background:var(--color-happy-yellow);border-radius:var(--radius-xl);justify-content:center;align-items:center;display:flex;box-shadow:0 12px 40px #ffcd0059}.login-brand__logo-icon{font-size:2.2rem;line-height:1}.login-brand__title{letter-spacing:-.03em;color:#fff;margin-bottom:var(--space-sm);font-size:3rem;font-weight:800;line-height:1.1}.login-brand__tagline{color:#fff6dfa6;letter-spacing:.02em;margin-bottom:var(--space-2xl);font-size:.9rem;font-weight:500;line-height:1.6}.login-brand__stats{gap:var(--space-xl);margin-top:var(--space-xl);justify-content:center;display:flex}.login-brand__stat{border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffcd0026;flex-direction:column;align-items:center;gap:4px;display:flex}.login-brand__stat-value{color:var(--color-happy-yellow);letter-spacing:-.02em;font-size:1.7rem;font-weight:800}.login-brand__stat-label{color:#fff6df8c;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:600}.login-panel--form{background:var(--color-bg-page);flex:1;justify-content:center;align-items:center;padding:60px 48px;display:flex}.login-card{width:100%;max-width:420px}@media (max-width:768px){.login-panel--brand{display:none}.login-panel--form{padding:32px 16px}}.login-card__header{margin-bottom:var(--space-2xl)}.login-card__title{font-family:var(--font-family);color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:6px;font-size:2rem;font-weight:800}.login-card__subtitle{font-family:var(--font-family);color:var(--color-text-muted);font-size:.95rem}.login-card__form{gap:var(--space-lg);flex-direction:column;display:flex}.login-card__submit{background:var(--color-happy-yellow);width:100%;color:var(--color-dark-brown);border-radius:var(--radius-lg);cursor:pointer;margin-top:var(--space-sm);font-size:1rem;font-weight:800;font-family:var(--font-family);border:none;padding:16px;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 6px 20px #ffcd0059}.login-card__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #ffcd0073}.login-card__submit:active:not(:disabled){transform:translateY(0)}.login-card__submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-card__submit-inner{justify-content:center;align-items:center;gap:var(--space-sm);display:flex}.login-card__spinner{border:2px solid var(--color-dark-brown);border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.login-card__success{background:var(--color-success-bg);color:var(--color-success);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-size:.9rem;font-weight:600;display:flex}.login-card__error{background:var(--color-error-bg);color:var(--color-error);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-size:.9rem;font-weight:600;display:flex}.login-card__footer{color:var(--color-text-muted);text-align:center;margin-top:var(--space-xl);font-size:.78rem}.login-card__password-wrap{align-items:center;display:flex;position:relative}.login-card__password-wrap .form-input{width:100%}.login-card__pw-toggle{cursor:pointer;color:var(--color-text-muted);opacity:.7;background:0 0;border:none;padding:4px;font-size:1rem;line-height:1;transition:opacity .15s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-card__pw-toggle:hover{opacity:1}.submission-overlay{z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2d1f0ea6;justify-content:center;align-items:center;animation:.3s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.submission-overlay__card{background:var(--color-bg-warm,#fffdf5);border-radius:var(--radius-xl,20px);text-align:center;width:90vw;max-width:420px;font-family:var(--font-family);padding:48px 56px;animation:.4s ease-out cardSlideUp;box-shadow:0 24px 80px #2d1f0e59}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.submission-overlay__spinner{border:4px solid #c1712b26;border-top-color:var(--color-coffee-brown,#7b4b2a);border-radius:50%;width:64px;height:64px;margin:0 auto 24px;animation:.8s linear infinite overlaySpinnerRotate}@keyframes overlaySpinnerRotate{to{transform:rotate(360deg)}}.submission-overlay__title{font-family:var(--font-family);color:var(--color-coffee-brown,#7b4b2a);margin:0 0 8px;font-size:1.35rem;font-weight:700}.submission-overlay__subtitle{font-family:var(--font-family);color:var(--color-text-secondary,#6b5c4f);margin:0 0 28px;font-size:.85rem}.submission-overlay__steps{text-align:left;flex-direction:column;gap:12px;display:flex}.submission-overlay__step{border-radius:var(--radius-md,10px);font-family:var(--font-family);color:var(--color-text-tertiary,#a09383);background:#2d1f0e08;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.submission-overlay__step span{text-align:center;width:24px;font-size:1.1rem}.submission-overlay__step--active{background:var(--color-primary-bg,#fef3c7);color:var(--color-coffee-brown,#7b4b2a);box-shadow:0 0 0 2px var(--color-amber-glow,#c1712b) inset;font-weight:600;animation:1.5s ease-in-out infinite stepPulse}@keyframes stepPulse{0%,to{opacity:1}50%{opacity:.7}}.submission-overlay__step--done{color:var(--color-success,#16a34a);background:var(--color-success-bg,#dcfce7);font-weight:600}.portal-source-badge{border-radius:var(--radius-pill);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:.68rem;font-weight:600;display:inline-flex}.portal-source-badge--wizard{color:#6d28d9;background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border:1px solid #ddd6fe}.portal-source-badge--streamlit{color:#15803d;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #bbf7d0}.review-card{background:linear-gradient(135deg,#fffdf5 0%,#fff8ec 100%);border-color:#e8d5b7;position:relative;overflow:hidden}.review-card:before{content:"";background:linear-gradient(90deg, var(--color-happy-yellow) 0%, var(--color-coffee-brown) 100%);height:3px;position:absolute;top:0;left:0;right:0}.review-card__badge{background:var(--color-warm-beige);color:var(--color-coffee-brown);font-size:var(--font-size-xs);border-radius:var(--radius-pill);padding:3px 10px;font-weight:700}.review-card__section{padding:var(--space-md) 0;border-bottom:1px solid var(--color-border)}.review-card__section:last-child{border-bottom:none;padding-bottom:0}.review-card__section--report{background:0 0}.review-card__section-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.review-card__section-icon{font-size:1.1rem}.review-card__section-title{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:700}.review-card__date{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-border);border-radius:var(--radius-pill);margin-left:auto;padding:2px 8px}.review-card__partner-badge{font-size:var(--font-size-xs);color:#1565c0;border-radius:var(--radius-pill);background:#e3f2fd;border:1px solid #90caf9;padding:2px 8px;font-weight:600}.review-card__ratings{gap:var(--space-sm);margin-bottom:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.review-card__rating-item{align-items:center;gap:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffb3;padding:6px 10px;display:flex}.review-card__rating-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;min-width:70px;font-weight:600}.review-card__stars{gap:1px;display:flex}.review-card__stars--lg{gap:3px}.review-card__star{color:var(--color-border);transition:color var(--transition-fast);font-size:.9rem}.review-card__stars--lg .review-card__star{font-size:1.5rem}.review-card__star--filled{color:var(--color-happy-yellow);text-shadow:0 0 4px #ffcd0066}.review-card__rating-value{font-size:var(--font-size-xs);color:var(--color-coffee-brown);white-space:nowrap;margin-left:auto;font-weight:700}.review-card__rating-value--lg{font-size:var(--font-size-xl);margin-left:var(--space-sm);font-weight:800}.review-card__delivery-rating{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff9;width:fit-content;display:flex}.review-card__message{gap:var(--space-sm);border:1px solid var(--color-border);border-left:3px solid var(--color-coffee-brown);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm);background:#fffc;align-items:flex-start;display:flex}.review-card__message-icon{flex-shrink:0;margin-top:1px;font-size:1rem}.review-card__message-text{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0;font-style:italic;line-height:1.6}.review-card__report-body{gap:var(--space-sm);flex-direction:column;display:flex}.review-card__report-subject{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#c528280a;border:1px solid #c5282826;display:flex}.review-card__report-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;min-width:55px;font-weight:700}.review-card__report-value{font-size:var(--font-size-sm);color:var(--color-text-primary);align-items:center;gap:var(--space-sm);font-weight:600;display:flex}.review-card__report-ar{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:400}.review-card__report-reason{gap:var(--space-xs);flex-direction:column;display:flex}:root{--bj-cream:#fff6df;--bj-brown:#7e4015;--bj-gold:#ffcd00}.bj-moment,.bj-banner,.bj-pill,.bj-panel{font-family:var(--font-family)}.bj-tags{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.bj-tag{border-radius:var(--radius-pill);min-width:0;max-width:100%;font-size:var(--font-size-xs);color:var(--bj-brown);background:#fff;border:1px solid #7e40152e;align-items:center;gap:6px;padding:3px 10px;font-weight:600;display:inline-flex}.bj-tag__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bj-tag--rare{border-color:var(--bj-gold);background:#fff1b8}.bj-tag__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.bj-x{width:28px;height:28px;color:var(--bj-brown);font:700 1rem/1 var(--font-family);cursor:pointer;background:#fff;border:1px solid #7e401533;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bj-x:hover{background:var(--bj-cream)}.bj-x:focus-visible,.bj-pill:focus-visible{outline:3px solid var(--bj-gold);outline-offset:2px}.bj-burst{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.bj-burst__bit{opacity:0;animation:.9s ease-out forwards bj-burst;position:absolute;top:55%;left:50%}.bj-burst__bit--0{--bx:-38px;--by:-26px}.bj-burst__bit--1{--bx:36px;--by:-30px;animation-delay:40ms}.bj-burst__bit--2{--bx:-46px;--by:6px;animation-delay:80ms}.bj-burst__bit--3{--bx:44px;--by:10px;animation-delay:60ms}.bj-burst__bit--4{--bx:-18px;--by:-40px;animation-delay:.12s}.bj-burst__bit--5{--bx:20px;--by:-42px;animation-delay:.1s}.bj-burst__bit--6{--bx:-30px;--by:26px;animation-delay:.14s}.bj-burst__bit--7{--bx:30px;--by:28px;animation-delay:.16s}@keyframes bj-burst{0%{opacity:0;transform:translate(0)scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(var(--bx), var(--by)) scale(1)}}.bj-glow{animation:1.8s ease-in-out infinite bj-glow;box-shadow:0 0 0 2px #ffcd008c,0 0 12px #ffcd0073}@keyframes bj-glow{50%{box-shadow:0 0 0 2px #ffcd004d,0 0 4px #ffcd0033}}.bj-moment{gap:var(--space-md);margin:0 0 var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--bj-cream);border-radius:var(--radius-lg);color:var(--bj-brown);border:1.5px solid #7e40152e;grid-template-columns:84px minmax(0,1fr);align-items:center;display:grid}.bj-moment--streak{border-color:var(--bj-gold);background:linear-gradient(135deg,#fff6df 0%,#fff1b8 100%)}.bj-moment__visual{border-radius:var(--radius-md);justify-content:center;align-items:flex-end;width:84px;height:84px;display:flex;position:relative;overflow:hidden}.bj-moment__visual>svg{z-index:1;position:relative}.bj-moment__drop{z-index:2;opacity:0;margin-left:-8px;animation:.7s cubic-bezier(.5,0,.7,1) forwards bj-drop;position:absolute;top:2px;left:50%}@keyframes bj-drop{0%{opacity:0;transform:translateY(-24px)}20%{opacity:1}to{opacity:0;transform:translateY(26px)}}.bj-moment__body{flex-direction:column;gap:8px;min-width:0;display:flex}.bj-moment__row{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.bj-moment__plus{font-size:var(--font-size-lg);font-weight:800}.bj-moment__count{font-size:var(--font-size-sm);color:#7e4015cc;font-weight:600}.bj-moment__big{border-radius:var(--radius-md);background:#fff;border:1px solid #7e40151f;align-items:flex-start;gap:8px;min-width:0;padding:8px 12px;display:flex}.bj-moment__icon{flex-shrink:0;margin-top:2px}.bj-moment__bigtext{flex-direction:column;gap:2px;min-width:0;display:flex}.bj-moment__title{font-size:var(--font-size-md);overflow-wrap:anywhere;font-weight:800}.bj-moment__sub{font-size:var(--font-size-sm);color:#7e4015d9;overflow-wrap:anywhere}.bj-pill-wrap{flex-shrink:0;position:relative}.bj-pill{border-radius:var(--radius-pill);background:var(--bj-cream);height:36px;color:var(--bj-brown);cursor:pointer;white-space:nowrap;font-size:var(--font-size-sm);border:1.5px solid #7e401540;align-items:center;gap:6px;padding:0 14px;font-weight:700;display:inline-flex}.bj-pill:hover{border-color:var(--bj-brown)}.bj-pill__bean{animation:.5s ease-out bj-pop;display:inline-flex}.bj-pill__count{font-size:var(--font-size-md);font-weight:800}.bj-pill__best{color:#7e4015b3;font-weight:600}@keyframes bj-pop{40%{transform:scale(1.35)}}.bj-panel{z-index:120;width:320px;max-width:calc(100vw - 32px);max-height:calc(100vh - 90px);padding:var(--space-md);border-radius:var(--radius-lg);color:var(--bj-brown);background:#fffdf7;border:1.5px solid #7e401533;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 10px 30px #2b140526}.bj-panel__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.bj-panel__h{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 6px;font-weight:800}.bj-panel__empty{font-size:var(--font-size-sm);color:#7e4015b3;margin:0}.bj-panel__foot{font-size:var(--font-size-xs);color:#7e4015bf;margin:12px 0 0}.bj-blend{border-radius:var(--radius-pill);background:var(--bj-cream);gap:2px;height:12px;display:flex;overflow:hidden}.bj-blend>span{min-width:6px}.bj-legend,.bj-issues{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.bj-legend li,.bj-issues li{font-size:var(--font-size-sm);align-items:center;gap:8px;min-width:0;display:flex}.bj-legend__label,.bj-issues__cat{overflow-wrap:anywhere;flex:1;min-width:0}.bj-legend__n{flex-shrink:0;font-weight:800}.bj-records{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.bj-records th,.bj-records td{text-align:right;border-bottom:1px solid #7e40151a;padding:4px 6px}.bj-records th:first-child{text-align:left}.bj-records thead th{font-size:var(--font-size-xs);color:#7e4015b3;font-weight:700}.bj-records td{font-weight:700}.bj-banner{flex:0 360px;min-width:0;max-width:360px}.bj-banner__card{border-radius:var(--radius-md);background:var(--bj-cream);height:40px;color:var(--bj-brown);border:1.5px solid #7e401533;align-items:center;gap:10px;padding:4px 6px 4px 10px;animation:.3s ease-out bj-slide;display:flex;position:relative;overflow:hidden}.bj-banner__card>:not(.bj-burst){z-index:1;position:relative}.bj-banner__open{min-width:0;height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;margin:0;padding:0;display:flex}.bj-banner__open:hover .bj-banner__title{text-decoration:underline}.bj-banner__art{flex-shrink:0;display:inline-flex}.bj-banner__body{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.bj-banner__title{font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.bj-banner__text{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:500;overflow:hidden}.bj-banner__when{opacity:.7}.bj-banner__count{border-radius:var(--radius-pill);white-space:nowrap;background:#fff;flex-shrink:0;padding:2px 8px;font-size:.68rem;font-weight:700}@keyframes bj-slide{0%{opacity:0;transform:translateY(-4px)}}.app-header .bj-pill-wrap,.app-header .bj-banner{margin-left:0}@media (max-width:1100px){.app-header:has(.bj-banner) .app-header__subtitle{display:none}.app-header:has(.bj-banner) .bj-banner{margin-left:auto}}@media (max-width:768px){:is(.app-header:has(.bj-pill-wrap),.app-header:has(.bj-banner)){padding-left:var(--space-md);padding-right:var(--space-md);flex-wrap:wrap;row-gap:6px}:is(.app-header:has(.bj-pill-wrap) .app-header__subtitle,.app-header:has(.bj-banner) .app-header__subtitle){display:none}.app-header .bj-pill-wrap{margin-left:auto}.app-header:has(.bj-banner) .bj-banner{flex:100%;order:10;max-width:none;margin-left:0}.bj-moment{padding:var(--space-sm) var(--space-md);gap:var(--space-sm);grid-template-columns:64px minmax(0,1fr)}.bj-moment__visual{width:64px;height:72px}}@media (max-width:400px){.bj-pill{padding:0 10px}.bj-pill__best{font-size:var(--font-size-xs)}}.bj-pop{z-index:150;isolation:isolate;text-align:center;width:min(460px,100vw - 32px);color:var(--bj-brown);border:2px solid var(--bj-gold);font-family:var(--font-family);background:linear-gradient(160deg,#fff6df 0%,#ffe9a3 100%);border-radius:22px;padding:22px 24px 20px;animation:.56s cubic-bezier(.2,1.3,.4,1) both bj-pop-in;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 22px 50px #2d181047}.bj-pop>:not(.bj-pop__rays):not(.bj-burst):not(.bj-pop__doodle){z-index:1;position:relative}.bj-pop__rays{z-index:0;pointer-events:none;opacity:.55;background:repeating-conic-gradient(#ffcd0099 0 9deg, transparent 9deg 22deg);border-radius:50%;width:620px;height:620px;margin:-310px 0 0 -310px;animation:18s linear infinite bj-spin;position:absolute;top:45%;left:50%;-webkit-mask:radial-gradient(circle,#000 15%,#0000 60%);mask:radial-gradient(circle,#000 15%,#0000 60%)}.bj-pop__kick{font-size:var(--font-size-xs);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;font-weight:800;display:inline-flex}.bj-pop__big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--bj-gold);-webkit-text-stroke:2.5px var(--bj-brown);paint-order:stroke fill;overflow-wrap:anywhere;margin-top:6px;font-size:64px;font-weight:800;line-height:1;animation:.7s cubic-bezier(.2,1.4,.4,1) .15s both bj-num}.bj-pop__line{font-size:var(--font-size-md);margin-top:6px;font-weight:700}.bj-pop__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.bj-pop__later{color:var(--bj-brown);border-radius:var(--radius-pill);font:inherit;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:1.5px solid #7e401559;padding:6px 14px;font-weight:700}.bj-pop__later:hover{border-color:var(--bj-brown)}.bj-pop__timer{background:var(--bj-gold);transform-origin:0;width:100%;height:4px;animation:10s linear forwards bj-timer;position:absolute;bottom:0;left:0}.bj-pop--leaving{animation:.45s ease-in forwards bj-pop-out}@keyframes bj-pop-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}70%{opacity:1;transform:translate(-50%,-50%)scale(1.02)}to{transform:translate(-50%,-50%)}}@keyframes bj-pop-out{to{opacity:0;transform:translate(calc(30vw - 50%),calc(-50% - 42vh))scale(.25)}}@keyframes bj-timer{to{transform:scaleX(0)}}@media (max-width:768px){.bj-pop{padding:18px 16px 16px}.bj-pop__big{font-size:48px}}.bj-moment{isolation:isolate;position:relative;overflow:hidden}.bj-moment>:not(.bj-rays){z-index:1;position:relative}.bj-moment--pop{border-color:#ffcd00bf;animation:.52s cubic-bezier(.2,1.3,.4,1) both bj-card-pop}.bj-moment--record{border:2px solid var(--bj-gold);background:linear-gradient(135deg,#fff6df 0%,#ffe9a3 100%);grid-template-columns:112px minmax(0,1fr);animation:.65s cubic-bezier(.2,1.3,.4,1) both bj-card-pop;box-shadow:0 10px 28px #7e401529}.bj-moment--record .bj-moment__visual{width:112px;height:112px}.bj-rays{z-index:0;left:calc(var(--space-lg) + 56px);pointer-events:none;opacity:.6;background:repeating-conic-gradient(#ffcd008c 0 9deg, transparent 9deg 22deg);border-radius:50%;width:560px;height:560px;margin:-280px 0 0 -280px;animation:16s linear infinite bj-spin;position:absolute;top:50%;-webkit-mask:radial-gradient(circle,#000 18%,#0000 62%);mask:radial-gradient(circle,#000 18%,#0000 62%)}@keyframes bj-spin{to{transform:rotate(360deg)}}@keyframes bj-card-pop{0%{opacity:0;transform:scale(.95)}60%{opacity:1;transform:scale(1.015)}to{transform:none}}.bj-hero{flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0;display:flex}.bj-hero__num{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--bj-gold);-webkit-text-stroke:2px var(--bj-brown);paint-order:stroke fill;font-size:44px;font-weight:800;line-height:1;animation:.62s cubic-bezier(.2,1.4,.4,1) both bj-num}.bj-hero__kick{font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--bj-brown);font-weight:800}@keyframes bj-num{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.12)}to{transform:none}}@media (max-width:768px){.bj-moment--record{grid-template-columns:80px minmax(0,1fr)}.bj-moment--record .bj-moment__visual{width:80px;height:88px}.bj-rays{left:calc(var(--space-md) + 40px);width:420px;height:420px;margin:-210px 0 0 -210px}.bj-hero__num{font-size:36px}.bj-moment--record .bj-hero__num{font-size:44px}}@font-face{font-family:Recoleta;src:url(/fonts/Recoleta-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}:root{--bj-display:"Recoleta", Georgia, serif;--bj-line:#f2ecdb;--bj-green:#204040;--bj-soft:#8a6145;--bj-butter:#fff0c6;--bj-teal:#d6e6e6;--bj-pink:#f4dbcb}@keyframes bj-rise{0%{opacity:0;transform:translateY(8px)}}.bj-rays,.bj-moment .bj-burst,.bj-banner .bj-burst{display:none}.bj-moment{border:1px solid var(--bj-line);background:#fff;box-shadow:0 1px 3px #2d18100d}.bj-moment--pop,.bj-moment--streak{border:1px solid var(--bj-line);border-top:4px solid var(--bj-gold);background:#fff;animation:.4s ease-out both bj-rise}.bj-moment--record{border:1px solid var(--bj-line);border-top:4px solid var(--bj-gold);background:#fff5de;animation:.45s ease-out both bj-rise;box-shadow:0 8px 22px #2d181014}.bj-hero__num{font-family:var(--bj-display);color:var(--bj-brown);-webkit-text-stroke:0;letter-spacing:0;font-size:36px;font-weight:600;animation:.5s ease-out 80ms both bj-rise}.bj-moment--record .bj-hero__num{font-size:44px}.bj-hero__kick{background:var(--bj-butter);color:var(--bj-green);border-radius:var(--radius-pill);letter-spacing:.02em;text-transform:none;padding:3px 10px;font-size:.7rem;font-weight:700}.bj-moment--record .bj-hero__kick{background:var(--bj-teal)}.bj-moment__big{background:0 0;border:0;padding:0}.bj-moment__title{font-family:var(--bj-display);color:var(--bj-green);font-size:17px;font-weight:600}.bj-moment__sub{color:var(--bj-soft)}.bj-tag{border:1px solid var(--bj-line);color:var(--bj-green);background:#fff}.bj-tag--rare{background:var(--bj-butter);border-color:var(--bj-line)}.bj-pop{text-align:left;border:1px solid var(--bj-line);border-top:4px solid var(--bj-gold);width:min(420px,100vw - 32px);color:var(--bj-brown);background:#fff;border-radius:14px;padding:18px 22px 16px;animation:.4s ease-out both bj-pop-calm;box-shadow:0 12px 30px #2d18101f}@keyframes bj-pop-calm{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))}to{transform:translate(-50%,-50%)}}.bj-pop-dim{z-index:149;-webkit-backdrop-filter:blur(1.5px);cursor:pointer;background:#22120a80;animation:.3s ease-out both bj-dim-in;position:fixed;inset:0}.bj-pop-dim--leaving{animation:.45s ease-in forwards bj-dim-out}@keyframes bj-dim-in{0%{opacity:0}}@keyframes bj-dim-out{to{opacity:0}}.bj-pop>.bj-pop__doodle{z-index:0;width:56px;height:56px;color:var(--bj-brown);opacity:.12;pointer-events:none;position:absolute;top:14px;right:14px}.bj-pop__hey{font-family:var(--bj-display);color:var(--bj-green);flex-wrap:wrap;align-items:center;gap:8px;padding-right:64px;font-size:21px;font-weight:600;display:flex}.bj-pop__tag{margin-bottom:8px;padding-right:64px}.bj-pop__say{font-size:var(--font-size-md);color:var(--bj-soft);margin-top:6px;font-weight:700}.bj-pop__big{font-family:var(--bj-display);color:var(--bj-brown);-webkit-text-stroke:0;letter-spacing:0;margin-top:4px;font-size:34px;font-weight:600;line-height:1.1;animation:.5s ease-out .1s both bj-rise}.bj-pop__swash{width:96px;height:10px;color:var(--bj-gold);margin-top:2px;display:block}.bj-pop__line{font-size:var(--font-size-md);color:var(--bj-soft);margin-top:6px;font-weight:600}.bj-pop__actions{justify-content:flex-start;align-items:center;gap:14px;margin-top:14px}.bj-pop__got{border-radius:var(--radius-pill);background:var(--bj-brown);color:#fff5de;font:inherit;font-size:var(--font-size-sm);cursor:pointer;border:0;padding:7px 18px;font-weight:700}.bj-pop__got:hover{background:var(--color-dark-brown)}.bj-pop__later{text-underline-offset:3px;color:var(--bj-soft);border:0;padding:0;-webkit-text-decoration:underline #8a614573;text-decoration:underline #8a614573}.bj-pop__timer{height:2px}.bj-chip{border-radius:var(--radius-pill);font-family:var(--font-family);color:var(--bj-green);white-space:nowrap;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.bj-chip--y{background:var(--bj-butter)}.bj-chip--t{background:var(--bj-teal)}.bj-chip--p{background:var(--bj-pink)}.bj-sum{width:min(460px,100vw - 32px)}.bj-sum__list{gap:7px;margin:12px 0 0;padding:0;list-style:none;display:grid}.bj-sum__list li{font-size:var(--font-size-md);color:var(--color-text-primary);padding-left:16px;font-weight:600;line-height:1.45;position:relative}.bj-sum__list li:before{content:"";background:var(--bj-gold);border-radius:50%;width:7px;height:7px;position:absolute;top:.55em;left:0}.bj-sum__lines{gap:6px;margin-top:10px;display:grid}.bj-sum__lines p{font-size:var(--font-size-md);color:var(--color-text-primary);margin:0;font-weight:600;line-height:1.5}.bj-sum__goal{background:var(--bj-butter);color:var(--bj-green);font-size:var(--font-size-md);border-radius:12px;gap:2px;margin-top:14px;padding:10px 14px;font-weight:600;display:grid}.bj-sum__goal-k{letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:800}.bj-banner__card{border:1px solid var(--bj-line);background:#fff;box-shadow:0 1px 3px #2d18100f}.bj-banner__card--gold{border-color:var(--bj-line)}.bj-banner__all{font:inherit;color:var(--bj-soft);text-underline-offset:2px;cursor:pointer;white-space:nowrap;background:0 0;border:0;flex-shrink:0;padding:2px 4px;font-size:.68rem;font-weight:700;text-decoration:underline}.bj-banner__dot{background:var(--bj-gold);border-radius:50%;flex-shrink:0;width:8px;height:8px}.bj-banner__title{color:var(--color-text-primary)}.bj-banner__text{color:var(--color-text-muted)}.bj-banner__count{background:var(--bj-butter);color:var(--bj-green)}@media (max-width:768px){.bj-pop__big{font-size:28px}.bj-pop__hey{font-size:19px}}@media (prefers-reduced-motion:reduce){.bj-burst,.bj-moment__drop{display:none}.bj-moment--pop,.bj-moment--record,.bj-rays,.bj-hero__num,.bj-pill__bean,.bj-banner__card,.bj-glow,.bj-pop,.bj-pop__rays,.bj-pop__big,.bj-pop__timer,.bj-pop--leaving,.bj-hero__num,.bj-pop-dim,.bj-pop-dim--leaving{animation:none}}
