.dashboard-content{background-color:var(--color-bg-section);min-height:100vh}.dashboard-page.section{background-color:var(--color-bg-section)}#auth-loading{display:block;padding:40px 0;color:var(--color-text-heading)}#dashboard-welcome{display:none!important;visibility:hidden!important}#dashboard-welcome[style*="display: block"]{display:block!important;visibility:visible!important}.success-message{background-color:var(--color-success);color:var(--color-text-light);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)var(--color-success-shadow);animation:slideDown .3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.success-icon{font-size:1.5rem;font-weight:var(--font-weight-bold)}.success-text{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.error-message{background-color:var(--color-error);color:var(--color-text-light);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)var(--color-error-shadow);animation:slideDown .3s ease-out}.error-icon{font-size:1.5rem;font-weight:var(--font-weight-bold)}.error-text{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background-color:var(--color-bg-card);padding:var(--spacing-xl);border-radius:var(--radius-md);max-width:600px;width:90%;box-shadow:var(--shadow-xl)rgba(0,0,0,.3);border:1px solid var(--color-border)}.warning-box{background-color:var(--color-warning);color:var(--color-warning-text);padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-small)}.input-section{margin-bottom:var(--spacing-md)}.url-input-group{display:flex;align-items:center;background-color:var(--color-bg-section);border-radius:var(--radius-sm);padding:var(--spacing-xs)var(--spacing-sm);margin-bottom:var(--spacing-sm);border:1px solid var(--color-border)}.url-prefix{color:var(--color-text-secondary);font-size:var(--font-size-body);margin-right:var(--spacing-xs)}.subdomain-input{background-color:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-size-body);outline:none;flex:1;min-width:100px}.subdomain-input::placeholder{color:var(--color-text-muted)}.url-separator{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0 var(--spacing-xs)}.domain-select{background-color:transparent;border:none;color:var(--color-primary);font-size:var(--font-size-body);outline:none;cursor:pointer}.validation-error{color:var(--color-error);font-size:var(--font-size-small);padding:var(--spacing-xs);background-color:var(--color-error-light);border-radius:var(--radius-sm);border-left:3px solid var(--color-error)}.btn-submit{background-color:var(--color-primary);color:var(--color-text-light);padding:var(--button-padding);font-size:var(--font-size-button);font-weight:var(--font-weight-semibold);border-radius:var(--button-border-radius);border:none;cursor:pointer;width:100%;transition:var(--button-transition);box-shadow:var(--button-shadow)var(--color-primary-shadow)}.btn-submit:hover,.btn-submit:focus{background-color:var(--color-primary-hover);color:var(--color-text-light);transform:var(--button-transform-hover);box-shadow:var(--button-shadow-hover)var(--color-primary-shadow-hover)}.btn-submit:disabled{background-color:var(--color-facebook-disabled);cursor:not-allowed;transform:none;opacity:.6}.website-address-section{margin-bottom:var(--spacing-xl)}.website-address-box{background-color:var(--color-bg-card);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-sm);border:2px solid var(--color-primary);box-shadow:var(--shadow-md)var(--color-primary-shadow);background:linear-gradient(to bottom,var(--color-bg-card),var(--color-bg-section-alt))}.website-address-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.btn-visit{background-color:var(--color-google);color:var(--color-text-light);padding:var(--button-padding-sm);font-size:var(--font-size-button);font-weight:var(--font-weight-semibold);border-radius:var(--button-border-radius);text-decoration:none;display:inline-block;transition:var(--button-transition);border:none;white-space:nowrap;box-shadow:var(--button-shadow)var(--color-google-shadow)}.btn-visit:hover,.btn-visit:focus{background-color:var(--color-google-hover);color:var(--color-text-light);transform:var(--button-transform-hover);box-shadow:var(--button-shadow-hover)var(--color-google-shadow-hover);text-decoration:none}.dashboard-section{background-color:var(--color-bg-card);padding:var(--spacing-lg);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);border:1px solid var(--color-border);box-shadow:var(--shadow-md)rgba(0,0,0,8%)}.section-title{color:var(--color-text-heading)!important;font-size:var(--font-size-section-title);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary)}.section-content{padding-top:var(--spacing-sm);color:var(--color-text-primary)}.section-content p{color:var(--color-text-secondary)}.profile-section{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);align-items:flex-start}.profile-photo-section{flex:0 0 300px;max-width:300px;order:1}.profile-photo-note{margin-top:var(--spacing-sm);font-size:var(--font-size-small);color:var(--color-text-tertiary);font-style:italic;line-height:var(--line-height-normal)}.personal-info{flex:1;order:2}.profile-photo-wrapper{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid var(--color-primary);transition:var(--button-transition)}.profile-photo-wrapper:hover{border-color:var(--color-primary-hover);box-shadow:var(--shadow-md)var(--color-primary-shadow)}.profile-photo{width:100%;height:100%;object-fit:cover;display:block}.profile-photo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-primary-shadow);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.profile-photo-wrapper:hover .profile-photo-overlay{opacity:1}.profile-photo-overlay span{color:var(--color-text-light);font-weight:var(--font-weight-semibold);font-size:var(--font-size-button)}.profile-photo-loading{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:var(--radius-sm)}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-sm)}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--color-text-light);font-weight:var(--font-weight-semibold);font-size:var(--font-size-small)}.form-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-group{flex:1;margin-bottom:var(--spacing-md)}.form-label{display:block;color:var(--color-text-heading);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);font-size:var(--font-size-small)}.form-input,.form-textarea{width:100%;padding:12px 15px;background-color:var(--color-bg-section);color:var(--color-text-primary);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-body);outline:none;transition:var(--button-transition);font-family:inherit}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background-color:var(--color-bg-section-alt)}.form-textarea{resize:vertical;min-height:100px}@media(max-width:768px){.profile-section{flex-direction:column}.personal-info{order:2;width:100%}.personal-info .form-group{width:100%;flex:1 1 100%}.profile-photo-section{max-width:100%;order:1}.form-row{flex-direction:column;gap:0}.form-row .form-group{width:100%;flex:1 1 100%}}.links-section{margin-bottom:30px}.links-section-title{margin-bottom:8px}.link-item{display:flex;gap:15px;margin-bottom:15px;align-items:flex-end}.link-type-select{flex:0 0 180px;padding:10px 15px;background-color:var(--color-bg-section);color:var(--color-text-primary);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-body);cursor:pointer;outline:none;transition:var(--button-transition)}.link-type-select:hover{background-color:var(--color-bg-section-alt);border-color:var(--color-primary)}.link-type-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.link-url-input{flex:1;padding:10px 15px;background-color:var(--color-bg-section);color:var(--color-text-primary);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-body);outline:none;transition:var(--button-transition)}.link-url-input::placeholder{color:var(--color-text-muted)}.link-url-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background-color:var(--color-bg-section-alt)}.btn-remove-link{background-color:var(--color-error);color:var(--color-text-light);border:none;padding:var(--button-padding-sm);border-radius:var(--button-border-radius);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);transition:var(--button-transition);flex-shrink:0;box-shadow:var(--shadow-sm)var(--color-error-shadow)}.btn-remove-link:hover,.btn-remove-link:focus{background-color:var(--color-error-hover);color:var(--color-text-light);transform:var(--button-transform-hover);box-shadow:var(--shadow-md)var(--color-error-shadow-hover)}.btn-add-link{background-color:var(--color-primary);color:var(--color-text-light);border:none;padding:var(--button-padding-sm);border-radius:var(--button-border-radius);cursor:pointer;font-size:var(--font-size-button);font-weight:var(--font-weight-semibold);transition:var(--button-transition);margin-top:var(--spacing-sm);box-shadow:var(--button-shadow)var(--color-primary-shadow)}.btn-add-link:hover,.btn-add-link:focus{background-color:var(--color-primary-hover);color:var(--color-text-light);transform:var(--button-transform-hover);box-shadow:var(--button-shadow-hover)var(--color-primary-shadow-hover)}.btn-add-link:disabled{background-color:var(--color-facebook-disabled);cursor:not-allowed;transform:none;opacity:.6}@media(max-width:768px){.link-item{flex-direction:column;align-items:stretch}.link-type-select{flex:1;width:100%}}.theme-selector{display:flex;flex-direction:column;gap:25px}.theme-controls{display:flex;gap:20px;flex-wrap:wrap}.theme-control-row{display:flex;align-items:center;gap:15px;flex:1;min-width:250px}.theme-label{color:var(--color-text-heading);font-weight:var(--font-weight-semibold);width:80px;flex-shrink:0;text-align:left}label{margin-bottom:0!important}.theme-dropdown{flex:1;padding:10px 15px;background-color:var(--color-bg-section);color:var(--color-text-primary);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-body);cursor:pointer;outline:none;transition:var(--button-transition)}.theme-dropdown:hover{background-color:var(--color-bg-section-alt);border-color:var(--color-primary)}.theme-dropdown:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.theme-preview{width:100%;margin-top:var(--spacing-sm)}.theme-preview-img{width:100%;height:auto;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)rgba(0,0,0,.1);border:2px solid var(--color-primary)}@media(max-width:768px){.theme-controls{flex-direction:column}.theme-control-row{width:100%;min-width:auto}.theme-label{min-width:70px}}.save-section{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);text-align:center}.btn-save{background-color:var(--color-primary);color:var(--color-text-light);padding:var(--button-padding-lg);font-size:var(--font-size-button-lg);font-weight:var(--font-weight-semibold);border-radius:var(--button-border-radius);border:none;cursor:pointer;transition:var(--button-transition);box-shadow:var(--button-shadow)var(--color-primary-shadow)}.btn-save:hover,.btn-save:focus{background-color:var(--color-primary-hover);color:var(--color-text-light);transform:var(--button-transform-hover);box-shadow:var(--button-shadow-hover)var(--color-primary-shadow-hover)}@media(max-width:768px){.website-address-content{flex-direction:column;align-items:flex-start}.btn-visit{width:100%;text-align:center}.url-input-group{flex-wrap:wrap;gap:5px}.subdomain-input{min-width:120px;flex:auto}.domain-select{min-width:180px;flex:none;font-size:.95rem}.url-separator{display:none}}