:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.company-selector-page{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.company-selector-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--text-secondary, #6b7280)}.company-selector-loading .spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.company-selector-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-content{display:flex;align-items:flex-start;gap:1rem}.header-icon{color:var(--primary, #6366f1);flex-shrink:0;margin-top:2px}.company-selector-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary, #111827);margin:0}.company-selector-header p{color:var(--text-secondary, #6b7280);font-size:.875rem;margin:.25rem 0 0}.header-actions{display:flex;gap:.75rem}.btn-archive-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:10px;border:1px solid var(--border, #e5e7eb);background:var(--bg-secondary, #f9fafb);color:var(--text-secondary, #6b7280);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-archive-toggle:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #111827)}.btn-create-company{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:10px;border:none;background:var(--primary, #6366f1);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-create-company:hover{background:var(--primary-hover, #4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;border:2px dashed var(--border, #e5e7eb);border-radius:16px;background:var(--bg-secondary, #f9fafb)}.empty-icon{color:var(--text-muted, #9ca3af);margin-bottom:1rem}.empty-state h2{font-size:1.25rem;color:var(--text-primary, #111827);margin:0 0 .5rem}.empty-state p{color:var(--text-secondary, #6b7280);margin:0 0 1.5rem}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.company-card{position:relative;background:rgba(var(--card-primary-rgb),.02);border:1px solid rgba(var(--card-primary-rgb),.15);border-radius:14px;padding:1.25rem;cursor:pointer;transition:all .25s ease;overflow:hidden;box-shadow:0 4px 6px -1px rgba(var(--card-primary-rgb),.05)}.company-card:hover{background:rgba(var(--card-primary-rgb),.05);border-color:var(--card-primary, #6366f1);box-shadow:0 12px 24px -6px rgba(var(--card-primary-rgb),.25);transform:translateY(-4px)}.card-accent-bar{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--card-primary, #6366f1),var(--card-secondary, #818cf8));border-radius:14px 14px 0 0}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.company-logo{width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0}.company-logo-placeholder{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.125rem;flex-shrink:0}.card-info{flex:1;min-width:0}.card-info h3{font-size:1rem;font-weight:600;color:var(--text-primary, #111827);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-type{font-size:.75rem;color:var(--text-secondary, #6b7280)}.card-arrow{color:var(--text-muted, #9ca3af);flex-shrink:0;transition:transform .2s}.company-card:hover .card-arrow{transform:translate(4px);color:var(--card-accent, #6366f1)}.card-meta{margin-bottom:.25rem}.subscription-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.subscription-badge.active{background:#10b9811a;color:#059669}.subscription-badge.inactive{background:#f59e0b1a;color:#d97706}.subscription-badge .dot{width:3px;height:3px;background:currentColor;border-radius:50%}.btn-archive-small{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--text-muted, #9ca3af);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}.company-card:hover .btn-archive-small{opacity:1}.btn-archive-small:hover{background:#ef44441a;color:#ef4444}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.archive-modal{background:var(--bg-card, #fff);border-radius:16px;width:100%;max-width:520px;max-height:80vh;overflow:hidden;box-shadow:0 24px 48px #0000001f}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border, #e5e7eb)}.modal-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827);margin:0}.modal-close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #111827)}.modal-body{padding:1.25rem 1.5rem;overflow-y:auto;max-height:60vh}.empty-archive{display:flex;flex-direction:column;align-items:center;padding:2rem;color:var(--text-muted, #9ca3af);gap:.75rem}.archived-list{display:flex;flex-direction:column;gap:.75rem}.archived-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border:1px solid var(--border, #e5e7eb);border-radius:12px;gap:1rem}.archived-info{display:flex;align-items:center;gap:.75rem;min-width:0}.archived-logo{width:36px;height:36px;border-radius:8px;object-fit:cover;flex-shrink:0}.archived-logo-placeholder{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem;flex-shrink:0}.archived-info h4{font-size:.875rem;font-weight:600;color:var(--text-primary, #111827);margin:0}.archived-date{font-size:.75rem;color:var(--text-secondary, #6b7280)}.btn-unarchive{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:8px;border:1px solid var(--primary, #6366f1);background:transparent;color:var(--primary, #6366f1);font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.btn-unarchive:hover{background:var(--primary, #6366f1);color:#fff}.btn-unarchive:disabled{opacity:.6;cursor:not-allowed}:root.dark .company-selector-header h1,:root.dark .card-info h3,:root.dark .modal-header h2,:root.dark .archived-info h4,:root.dark .empty-state h2{color:#f3f4f6}:root.dark .company-card{background:#1f2937;border-color:#374151}:root.dark .company-card:hover{border-color:var(--card-accent, #818cf8)}:root.dark .archive-modal{background:#1f2937}:root.dark .archived-item{border-color:#374151}:root.dark .empty-state{background:#1f2937;border-color:#374151}@media(max-width:640px){.company-selector-header{flex-direction:column}.header-actions{width:100%}.btn-create-company,.btn-archive-toggle{flex:1;justify-content:center}.companies-grid{grid-template-columns:1fr}.btn-archive-small{opacity:1}}
