.portal-page{padding:var(--space-8) 0 var(--space-16);background:var(--color-bg-alt);min-height:calc(100vh - 200px)}.loading-state{text-align:center;padding:var(--space-16)}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.page-header{margin-bottom:var(--space-8)}.back-link{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#1e3a5f;color:#fff;text-decoration:none;font-size:.875rem;font-weight:600;border-radius:.5rem;margin-bottom:1.5rem;transition:all .15s ease;box-shadow:0 2px 4px #1e3a5f33}.back-link:hover{background:#2d4a6f;transform:translateY(-1px);box-shadow:0 4px 8px #1e3a5f4d}.back-link svg{width:18px;height:18px}.page-header h1{font-size:var(--text-3xl);color:var(--color-text);margin-bottom:var(--space-2)}.page-header p{color:var(--color-text-secondary)}.listing-form{max-width:800px}.form-section{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-border)}.form-section h2{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}#basic-info-section{border-left-color:#3b82f6;background:linear-gradient(90deg,#eff6ff 0%,var(--color-surface) 100%)}#profile-section{border-left-color:#10b981;background:linear-gradient(90deg,#ecfdf5 0%,var(--color-surface) 100%)}#social-section{border-left-color:#8b5cf6;background:linear-gradient(90deg,#f5f3ff 0%,var(--color-surface) 100%)}#video-section{border-left-color:#ec4899;background:linear-gradient(90deg,#fdf2f8 0%,var(--color-surface) 100%)}#hours-section{border-left-color:#f59e0b;background:linear-gradient(90deg,#fffbeb 0%,var(--color-surface) 100%)}#logo-section{border-left-color:#06b6d4;background:linear-gradient(90deg,#ecfeff 0%,var(--color-surface) 100%)}#services-section{border-left-color:#0ea5e9;background:linear-gradient(90deg,#f0f9ff 0%,var(--color-surface) 100%)}#areas-section{border-left-color:#14b8a6;background:linear-gradient(90deg,#f0fdfa 0%,var(--color-surface) 100%)}.section-note{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4);margin-top:calc(-1 * var(--space-3))}.form-row{margin-bottom:var(--space-5)}.form-row.two-col{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:640px){.form-row.two-col{grid-template-columns:1fr 1fr}}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-2);font-size:var(--text-sm)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);background:var(--color-bg);color:var(--color-text);transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a5f1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--color-bg-alt);cursor:not-allowed;opacity:.7}.form-group textarea{resize:vertical;min-height:100px}.form-hint{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.form-hint.locked-hint{color:#b45309;font-style:italic}.lock-icon{color:#b45309;font-size:.85em}.locked-field{background-color:#f5f5f4!important;color:#57534e!important;cursor:not-allowed;border-color:#d6d3d1!important}.section-hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.input-with-prefix{display:flex;align-items:stretch;border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg);transition:all var(--transition-fast)}.input-with-prefix:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a5f1a}.input-prefix{display:flex;align-items:center;padding:0 var(--space-3);background:var(--color-bg-alt);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);border-right:1px solid var(--color-border);white-space:nowrap}.input-with-prefix input{flex:1;border:none;padding:var(--space-3) var(--space-4);font-size:var(--text-base);background:transparent;color:var(--color-text);outline:none}.input-with-prefix input::placeholder{color:var(--color-text-muted)}.gbp-helper{margin-top:var(--space-3);background:var(--color-bg-alt);border-radius:var(--radius-md);border:1px solid var(--color-border)}.gbp-helper summary{padding:var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--font-medium)}.gbp-helper summary:hover{text-decoration:underline}.gbp-helper .helper-content{padding:0 var(--space-4) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.gbp-helper .helper-content p{margin:var(--space-3) 0 var(--space-2)}.gbp-helper .helper-content ol{margin:0;padding-left:var(--space-5)}.gbp-helper .helper-content li{margin-bottom:var(--space-1)}.gbp-helper .helper-content a{color:var(--color-primary)}.form-hint.upgrade-required{color:var(--color-accent)}.upgrade-btn{display:inline-block;background:var(--color-accent);color:#fff!important;padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:600;text-decoration:none;margin-left:8px;transition:background .2s,transform .1s}.upgrade-btn:hover{background:var(--color-accent-dark, #c9302c);transform:translateY(-1px)}.checkbox-group{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-6)}.checkbox-group label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{width:auto;margin:0}.form-actions-spacer{height:80px}.form-actions-sticky{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--color-border);box-shadow:0 -4px 12px #0000001a;padding:var(--space-4) 0;z-index:100}.form-actions-inner{max-width:800px;margin:0 auto;padding:0 var(--space-4);display:flex;gap:var(--space-4);justify-content:flex-end}@media(max-width:640px){.form-actions-inner{flex-direction:column}.form-actions-inner button{width:100%;justify-content:center}}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.form-message{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);text-align:center}.form-message.success{background:#dcfce7;color:#16a34a}.form-message.error{background:#fee2e2;color:#dc2626}.logo-upload-area{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.current-logo{width:120px;height:120px;border-radius:var(--radius-xl);overflow:hidden;border:2px dashed var(--color-border);display:flex;align-items:center;justify-content:center;background:var(--color-bg-alt)}.current-logo img{width:100%;height:100%;object-fit:cover}.logo-placeholder{text-align:center;color:var(--color-text-muted)}.logo-placeholder svg{margin-bottom:var(--space-2)}.logo-placeholder span{font-size:var(--text-xs)}.logo-controls{display:flex;flex-direction:column;gap:var(--space-2)}.btn-remove{background:none;border:none;color:var(--color-error);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) 0}.btn-remove:hover{text-decoration:underline}#logo-section.disabled .logo-controls button{opacity:.5;pointer-events:none}.hours-grid{display:flex;flex-direction:column;gap:var(--space-3)}.hour-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.hour-row:last-child{border-bottom:none}.day-label{display:flex;align-items:center;gap:var(--space-2);min-width:120px;font-weight:var(--font-medium);cursor:pointer}.day-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.time-inputs{display:flex;align-items:center;gap:var(--space-2)}.time-inputs input[type=time]{padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-bg)}.time-inputs input[type=time]:focus{border-color:var(--color-primary);outline:none}.time-inputs span{color:var(--color-text-secondary);font-size:var(--text-sm)}.hour-row:has(.day-label input:not(:checked)) .time-inputs input{opacity:.5;pointer-events:none}.category-hint{font-weight:400;font-size:var(--text-sm);color:var(--color-text-secondary)}.category-selector{margin-top:var(--space-2)}.selected-categories{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.category-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary)}.category-chip.restricted-chip{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b;color:#b45309}.chip-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#0000001a;border:none;border-radius:50%;color:inherit;font-size:14px;font-weight:700;line-height:1;cursor:pointer;padding:0;transition:background .15s}.chip-remove:hover{background:#0003}.category-search-wrapper{position:relative}.category-search-input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);transition:border-color .15s,box-shadow .15s}.category-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.category-search-input:disabled{background:var(--color-bg-alt);color:var(--color-text-muted)}.category-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 25px #00000026;max-height:280px;overflow-y:auto;z-index:100;display:none;margin-top:var(--space-1)}.dropdown-item{padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:1px solid var(--color-border);transition:background .15s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#e0f2fe}.dropdown-item.restricted-item{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.dropdown-item.restricted-item:hover{background:linear-gradient(135deg,#fef3c7,#fde68a)}.dropdown-item .item-name{display:block;font-weight:var(--font-medium);color:var(--color-text)}.dropdown-item .item-name strong{color:var(--color-primary)}.dropdown-item .item-desc{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.dropdown-empty{padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.restricted-star{color:#f59e0b}.category-count{margin-top:var(--space-2);font-weight:var(--font-medium)}#category-selected{color:var(--color-primary);font-weight:var(--font-bold)}.jrc-special{color:#16a34a;font-weight:600;font-size:.75rem}.service-selector{margin-top:var(--space-2)}.selected-services{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.service-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,#f0fdf9,#d1fae5);border:2px solid #059669;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:#047857}.service-chip .chip-remove{background:#05966933;color:#047857}.service-chip .chip-remove:hover{background:#0596694d}.service-search-wrapper{position:relative}.service-search-input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);transition:border-color .15s,box-shadow .15s}.service-search-input:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.service-search-input:disabled{background:var(--color-bg-alt);color:var(--color-text-muted)}.service-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 25px #00000026;max-height:280px;overflow-y:auto;z-index:100;display:none;margin-top:var(--space-1)}.service-dropdown .dropdown-item:hover{background:#dcfce7}.service-dropdown .dropdown-item .item-name strong{color:#059669}.service-count{margin-top:var(--space-2);font-weight:var(--font-medium)}#service-selected{color:#059669;font-weight:var(--font-bold)}.area-selector{margin-top:var(--space-2)}.selected-areas{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.area-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #d97706;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:#b45309}.area-chip .chip-remove{background:#d9770633;color:#b45309}.area-chip .chip-remove:hover{background:#d977064d}.area-search-wrapper{position:relative}.area-search-input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);transition:border-color .15s,box-shadow .15s}.area-search-input:focus{outline:none;border-color:#d97706;box-shadow:0 0 0 3px #d977061a}.area-search-input:disabled{background:var(--color-bg-alt);color:var(--color-text-muted)}.area-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 25px #00000026;max-height:280px;overflow-y:auto;z-index:100;display:none;margin-top:var(--space-1)}.area-dropdown .dropdown-item{display:flex;justify-content:space-between;align-items:center}.area-dropdown .dropdown-item:hover{background:#fef3c7}.area-dropdown .dropdown-item .item-name strong{color:#d97706}.area-dropdown .dropdown-item .item-region{font-size:var(--text-xs);color:var(--color-text-muted)}.area-count{margin-top:var(--space-2);font-weight:var(--font-medium)}#area-selected{color:#d97706;font-weight:var(--font-bold)}#license-section{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0}#license-section h2{color:#166534}.license-input-row{display:flex;gap:8px;align-items:center}.license-input-row input{flex:1}.verify-btn{padding:10px 20px;background:#059669;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.verify-btn:hover:not(:disabled){background:#047857}.verify-btn:disabled{background:#9ca3af;cursor:not-allowed}.license-status{margin-top:8px;padding:8px 12px;border-radius:6px;font-size:14px}.license-status.valid{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.license-status.invalid{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.license-status.checking{background:#f0f9ff;color:#1e40af;border:1px solid #bfdbfe}#tssa-group{margin-top:20px;padding-top:20px;border-top:1px solid #bbf7d0}