.custom-select-container{position:relative;width:100%}.custom-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:.55rem .75rem;border:2px solid var(--border-color);border-radius:6px;font-size:1rem;background-color:#fff;width:100%;text-align:left;transition:all .2s ease;color:var(--text-main);-webkit-user-select:none;user-select:none}.custom-select-trigger:focus,.custom-select-trigger.open{outline:none;border-color:var(--text-main);box-shadow:0 0 0 3px #11182714}.chevron-icon{width:16px;height:16px;color:var(--text-muted);transition:transform .2s ease}.custom-select-trigger.open .chevron-icon{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:100%;left:0;width:max-content;min-width:100%;max-width:340px;margin-top:.5rem;background-color:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:50;overflow:hidden;padding:.2rem 0;animation:slideDown .15s ease-out;transform-origin:top center;display:flex;flex-direction:row}.dropdown-col{display:flex;flex-direction:column}.brands-col{flex:0 0 105px}.universal-col{flex:1}.dropdown-col-separator{width:1px;background-color:var(--border-color);margin:.3rem 0}.dropdown-section-header{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.3rem .6rem .15rem}.dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem .6rem;font-size:.85rem;cursor:pointer;color:var(--text-main);transition:all .15s ease;white-space:nowrap}.dropdown-item:hover{background-color:var(--bg-color)}.dropdown-item.selected{background-color:#f9731614;color:var(--primary);font-weight:600}.checkmark{color:var(--primary);font-weight:700;margin-left:.4rem}@keyframes slideDown{0%{opacity:0;transform:scaleY(.95)}to{opacity:1;transform:scaleY(1)}}.app-container{max-width:1000px;margin:0 auto;padding:2rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.logo-section h1{font-size:2.5rem;font-weight:700;color:var(--text-main);letter-spacing:-.05em}.logo-section h1 span{color:var(--primary)}.logo-section p{color:var(--text-muted);font-weight:300}.primary-btn{display:flex;align-items:center;gap:.5rem;background-color:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;transition:all .2s ease;box-shadow:0 4px 6px -1px #f9731633}.primary-btn:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 8px -1px #f973164d}.primary-btn:active:not(:disabled){transform:translateY(0)}.primary-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.print-icon{width:20px;height:20px}.secondary-btn{background-color:#fff;color:var(--text-main);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.9rem;transition:all .2s}.secondary-btn:hover{background-color:var(--bg-color);border-color:#d1d5db}.card{background-color:var(--surface);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-main)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{margin-bottom:0}.fans-list{display:flex;flex-direction:column;gap:1rem}.fan-input-row{display:flex;align-items:center;gap:1rem;background-color:var(--bg-color);padding:1rem;border-radius:8px;transition:background-color .2s ease}.fan-input-row:hover{background-color:#e5e7eb}.row-number{font-weight:700;color:var(--text-muted);width:20px}.input-group{display:flex;flex-direction:column;flex:1;gap:.25rem}.input-group label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.input-group input:not([type=radio]),.input-group select{padding:.75rem;border:2px solid var(--border-color);border-radius:6px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;background-color:#fff;width:100%}.input-group input:not([type=radio]):focus,.input-group select:focus{outline:none;border-color:var(--text-main);box-shadow:0 0 0 3px #11182714}.delete-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-muted);margin-top:1.25rem;transition:background-color .2s ease,color .2s ease}.delete-btn:hover:not(:disabled){background-color:var(--danger);color:#fff}.empty-state{text-align:center;padding:3rem;color:var(--text-muted);background-color:var(--bg-color);border-radius:8px;border:2px dashed var(--border-color)}.universal-info-box{flex:2}.universal-badge{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border:1px dashed rgba(6,148,148,.4);padding:.5rem .75rem;border-radius:6px;display:flex;flex-direction:column;color:#0f766e;font-size:.85rem;box-shadow:inset 0 1px 2px #ffffff80;margin-top:.2rem}.universal-badge .badge-text{font-weight:600;color:#0d9488;letter-spacing:-.01em}.universal-badge .badge-subtext{font-size:.75rem;color:#069494;margin-top:.1rem;font-weight:400}.validation-warning{display:flex;align-items:center;gap:.75rem;background-color:#fef2f2;border:1px solid #FCA5A5;border-radius:8px;padding:.75rem 1rem;margin-bottom:1.5rem;color:#991b1b;font-size:.9rem;font-weight:500;animation:warningFadeIn .25s ease-out}.warning-icon{width:20px;height:20px;color:#ef4444;flex-shrink:0}.input-error{border-color:#ef4444!important;background-color:#fff5f5!important}.input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #ef44441a!important}@keyframes warningFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.radio-group{display:flex;gap:1rem;margin-top:.25rem}.radio-label{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:#0f766e;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-label input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border:2px solid rgba(6,148,148,.4);border-radius:50%;background-color:#fff;cursor:pointer;margin:0;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:border-color .15s ease,background-color .15s ease}.radio-label input[type=radio]:checked{border-color:#069494;background-color:#069494}.radio-label input[type=radio]:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:#fff;opacity:0;transition:opacity .1s ease}.radio-label input[type=radio]:checked:after{opacity:1}.radio-label input[type=radio]:focus{outline:none;box-shadow:0 0 0 2px #06949433}.print-area{display:none}@media print{@page{size:A4 portrait;margin:0!important}html,body{width:210mm;height:297mm;margin:0!important;padding:0!important;background-color:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print{display:none!important}.app-container{padding:0!important;margin:0!important;max-width:none!important}.print-area{display:block;width:210mm}.print-page,.print-page-full{width:210mm;height:297mm;box-sizing:border-box;background-color:#fff!important;overflow:hidden}.print-page{display:flex;flex-direction:column}.print-page:not(:last-child),.print-page-full:not(:last-child){page-break-after:always}.svg-tag-slot{flex:0 0 99mm;height:99mm;width:210mm;position:relative;overflow:hidden;background-color:#fff!important}.svg-tag-slot:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;right:0;height:0;border-bottom:1px dashed #9CA3AF!important;z-index:10;pointer-events:none}svg{background-color:#fff!important}.svg-template-wrapper{width:100%;height:100%}.svg-template-wrapper svg{width:100%!important;height:100%!important;display:block}}:root{--primary: #F97316;--primary-hover: #EA580C;--bg-color: #F3F4F6;--surface: #FFFFFF;--text-main: #111827;--text-muted: #6B7280;--border-color: #E5E7EB;--danger: #EF4444;--danger-hover: #DC2626;--crompton-primary: #004786;--crompton-secondary: #009FE3;--crompton-bg: #E8F4FA;--orient-primary: #EE3124;--orient-secondary: #F7941D;--orient-bg: #FDF2F1;--usha-primary: #ED1C24;--usha-secondary: #231F20;--usha-bg: #FCE8E8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}
