.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-weight:500;border:none;border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.btn-md{padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-base)}.btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg)}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-dark)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white)}.btn-ghost{background-color:transparent;color:var(--color-gray-700)}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100)}.btn-danger{background-color:var(--color-error);color:var(--color-white)}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-spinner{width:1em;height:1em;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.input-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.input-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700)}.input-required{color:var(--color-error);margin-left:var(--spacing-1)}.input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);background-color:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.input::placeholder{color:var(--color-gray-400)}.input.input-error{border-color:var(--color-error)}.input.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.input-error-message{font-size:var(--font-size-sm);color:var(--color-error)}.textarea{resize:vertical;min-height:100px}.select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:1.25rem;padding-right:var(--spacing-10)}.card{background-color:var(--color-white);border-radius:var(--radius-xl);overflow:hidden}.card-default{border:1px solid var(--color-gray-200)}.card-elevated{box-shadow:var(--shadow-md)}.card-outlined{border:2px solid var(--color-gray-300)}.card-clickable{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--spacing-3)}.card-padding-md{padding:var(--spacing-4)}.card-padding-lg{padding:var(--spacing-6)}.card-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-gray-200)}.card-body{padding:var(--spacing-4)}.card-footer{padding:var(--spacing-4);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.card-padding-md .card-header,.card-padding-md .card-body,.card-padding-md .card-footer,.card-padding-lg .card-header,.card-padding-lg .card-body,.card-padding-lg .card-footer{margin:calc(-1 * var(--spacing-4));margin-bottom:0}.card-padding-md .card-footer,.card-padding-lg .card-footer{margin-top:var(--spacing-4);margin-bottom:calc(-1 * var(--spacing-4))}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);z-index:var(--z-modal);animation:fadeIn var(--transition-fast)}.modal{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-normal)}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:500px}.modal-lg{width:100%;max-width:700px}.modal-xl{width:100%;max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.modal-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-900);margin:0}.modal-close{background:none;border:none;padding:var(--spacing-2);color:var(--color-gray-500);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.modal-body{padding:var(--spacing-6)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rating{display:inline-flex;align-items:center;gap:var(--spacing-2)}.rating-stars{display:flex;gap:var(--spacing-1)}.star{color:var(--color-gray-300);display:inline-flex}.star-filled{color:var(--color-warning)}.star-interactive{cursor:pointer;transition:transform var(--transition-fast)}.star-interactive:hover{transform:scale(1.1)}.rating-value{font-weight:600;color:var(--color-gray-700)}.rating-sm .star svg{width:16px;height:16px}.rating-sm .rating-value{font-size:var(--font-size-sm)}.rating-md .star svg{width:20px;height:20px}.rating-md .rating-value{font-size:var(--font-size-base)}.rating-lg .star svg{width:24px;height:24px}.rating-lg .rating-value{font-size:var(--font-size-lg)}.loading{display:inline-flex;align-items:center;justify-content:center}.loading-spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-sm .loading-spinner{width:20px;height:20px;border-width:2px}.loading-md .loading-spinner{width:32px;height:32px;border-width:3px}.loading-lg .loading-spinner{width:48px;height:48px;border-width:4px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.loading-message{font-size:var(--font-size-lg);color:var(--color-gray-600)}.loading-page{display:flex;align-items:center;justify-content:center;min-height:100vh}@keyframes spin{to{transform:rotate(360deg)}}.navbar{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:var(--z-dropdown)}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:80px}.navbar-brand{display:flex;align-items:center}.navbar-logo img{height:64px;width:auto}.navbar-logo-text{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);text-decoration:none}.navbar-menu{display:flex;align-items:center;gap:var(--spacing-8)}.navbar-links{display:flex;list-style:none;gap:var(--spacing-6);margin:0;padding:0}.navbar-link{font-weight:500;color:var(--color-gray-600);text-decoration:none;transition:color var(--transition-fast)}.navbar-link:hover,.navbar-link.active{color:var(--color-primary);text-decoration:none}.navbar-actions{display:flex;align-items:center;gap:var(--spacing-3)}.navbar-toggle{display:none;background:none;border:none;padding:var(--spacing-2);cursor:pointer}.hamburger{display:block;width:24px;height:2px;background-color:var(--color-gray-700);position:relative;transition:background-color var(--transition-fast)}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background-color:var(--color-gray-700);transition:transform var(--transition-fast)}.hamburger:before{top:-7px}.hamburger:after{bottom:-7px}.hamburger.open{background-color:transparent}.hamburger.open:before{transform:translateY(7px) rotate(45deg)}.hamburger.open:after{transform:translateY(-7px) rotate(-45deg)}@media (max-width: 768px){.navbar-toggle{display:block}.navbar-menu{position:absolute;top:80px;left:0;right:0;background-color:var(--color-white);flex-direction:column;align-items:stretch;padding:var(--spacing-4);gap:var(--spacing-4);border-bottom:1px solid var(--color-gray-200);display:none}.navbar-menu.open{display:flex}.navbar-links{flex-direction:column;gap:var(--spacing-2)}.navbar-link{display:block;padding:var(--spacing-3) 0}.navbar-actions{flex-direction:column;gap:var(--spacing-2)}.navbar-actions>*{width:100%}}.alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid}.alert-icon{flex-shrink:0;display:flex}.alert-content{flex:1}.alert-title{font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-1) 0}.alert-message{margin:0;font-size:var(--font-size-sm)}.alert-close{flex-shrink:0;background:none;border:none;padding:var(--spacing-1);cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.alert-close:hover{opacity:1}.alert-success{background-color:#ecfdf5;border-color:#a7f3d0;color:#065f46}.alert-success .alert-icon{color:var(--color-success)}.alert-error{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.alert-error .alert-icon{color:var(--color-error)}.alert-warning{background-color:#fffbeb;border-color:#fde68a;color:#92400e}.alert-warning .alert-icon{color:var(--color-warning)}.alert-info{background-color:#eff6ff;border-color:#bfdbfe;color:#1e40af}.alert-info .alert-icon{color:var(--color-info)}.public-layout{min-height:100vh;display:flex;flex-direction:column}.public-header{padding:var(--spacing-4);text-align:center;border-bottom:1px solid var(--color-gray-200)}.logo{text-decoration:none;display:flex;align-items:center}.logo img{height:44px;width:auto}.auth-logo{text-align:center;margin-bottom:var(--spacing-6)}.auth-logo img{height:72px;width:auto}.public-main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-8)}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:var(--z-dropdown)}.header-content{display:flex;align-items:center;justify-content:space-between;height:72px}.app-nav{display:flex;gap:var(--spacing-6)}.nav-link{color:var(--color-gray-600);text-decoration:none;font-weight:500;padding:var(--spacing-2) 0;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--color-primary);border-bottom-color:var(--color-primary);text-decoration:none}.header-actions{display:flex;align-items:center;gap:var(--spacing-4)}.user-menu{display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none;color:var(--color-gray-700)}.user-avatar{width:32px;height:32px;background-color:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm)}.user-name{font-weight:500}.app-main{flex:1;background-color:var(--color-gray-50)}@media (max-width: 768px){.app-nav,.user-name{display:none}}:root{--color-primary: #2E5266;--color-primary-light: #6E8898;--color-primary-dark: #1E3A4C;--color-secondary: #9DB4C0;--color-secondary-light: #B8CCD6;--color-secondary-dark: #6E8898;--color-white: #ffffff;--color-gray-50: #F0F4F8;--color-gray-100: #E8ECF0;--color-gray-200: #D1D9E0;--color-gray-300: #B8C4CE;--color-gray-400: #8A9BAA;--color-gray-500: #666666;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #2C2416;--color-gray-900: #1A1A1A;--color-black: #000000;--color-success: #10b981;--color-success-light: #34d399;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-error: #ef4444;--color-error-light: #f87171;--color-info: #2E5266;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-gray-900);background-color:var(--color-white)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:700;line-height:1.2}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.hidden{display:none}@media (max-width: 768px){.container{padding:0 var(--spacing-4)}.hide-mobile{display:none}}@media (min-width: 769px){.hide-desktop{display:none}}.auth-card{width:100%;max-width:420px;padding:var(--spacing-8);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.auth-title{font-size:var(--font-size-2xl);font-weight:700;text-align:center;margin-bottom:var(--spacing-2)}.auth-subtitle{text-align:center;color:var(--color-gray-600);margin-bottom:var(--spacing-6)}.auth-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.auth-tab{flex:1;padding:var(--spacing-3);background:var(--color-gray-100);border:none;border-radius:var(--radius-lg);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.auth-tab.active{background:var(--color-primary);color:var(--color-white)}.auth-steps{display:flex;justify-content:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.auth-step{width:32px;height:32px;border-radius:50%;background:var(--color-gray-200);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm)}.auth-step.active{background:var(--color-primary);color:var(--color-white)}.auth-step.completed{background:var(--color-success);color:var(--color-white)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.auth-footer{text-align:center;margin-top:var(--spacing-6);color:var(--color-gray-600)}.page{padding:var(--spacing-8) 0}.page-header{margin-bottom:var(--spacing-8)}.page-header h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2)}.page-header p{color:var(--color-gray-600)}.search-filters{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-8);flex-wrap:wrap}.search-filters>*{flex:1;min-width:200px}.designers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-6)}.designer-card{overflow:hidden}.designer-card a{text-decoration:none;color:inherit}.designer-image{height:180px;background:var(--color-gray-100);position:relative}.designer-image img{width:100%;height:100%;object-fit:cover}.designer-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);font-weight:700;color:var(--color-gray-400)}.verified-badge{position:absolute;top:var(--spacing-2);right:var(--spacing-2);background:var(--color-primary);color:var(--color-white);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600}.designer-info{padding:var(--spacing-4)}.designer-info h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-1)}.designer-location{color:var(--color-gray-500);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.designer-rating{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.designer-rating span{color:var(--color-gray-500);font-size:var(--font-size-sm)}.designer-experience{color:var(--color-gray-600);font-size:var(--font-size-sm)}.designer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:var(--color-white);border-radius:var(--radius-xl)}.designer-profile{display:flex;gap:var(--spacing-6)}.designer-avatar{width:120px;height:120px;border-radius:var(--radius-xl);background:var(--color-gray-100);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);font-weight:700;color:var(--color-primary)}.designer-avatar img{width:100%;height:100%;object-fit:cover}.designer-details h1{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2)}.designer-details .verified-badge{position:static;font-size:var(--font-size-xs)}.designer-details .location{color:var(--color-gray-600);margin-bottom:var(--spacing-2)}.rating-row{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.designer-bio{background:var(--color-white);padding:var(--spacing-6);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6)}.designer-bio h3{margin-bottom:var(--spacing-3)}.profile-tabs,.filter-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.tab,.filter-tab{padding:var(--spacing-3) var(--spacing-4);background:none;border:none;font-weight:500;color:var(--color-gray-600);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast)}.tab.active,.filter-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-4)}.portfolio-item{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden}.portfolio-item img{width:100%;height:100%;object-fit:cover}.reviews-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.review-card{padding:var(--spacing-4)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.review-date{color:var(--color-gray-500);font-size:var(--font-size-sm)}.review-text{color:var(--color-gray-700);line-height:1.6}.reviewer-name{color:var(--color-gray-500);font-size:var(--font-size-sm);margin-top:var(--spacing-2)}.designer-response{margin-top:var(--spacing-4);padding:var(--spacing-3);background:var(--color-gray-50);border-radius:var(--radius-md)}.visits-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.visit-card{padding:var(--spacing-4)}.visit-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.visit-header h3{margin-bottom:var(--spacing-1)}.visit-project{color:var(--color-gray-600)}.status-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);color:var(--color-white);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.visit-details{margin-bottom:var(--spacing-4)}.visit-details p{margin-bottom:var(--spacing-1);color:var(--color-gray-600)}.visit-actions{display:flex;gap:var(--spacing-2)}.profile-info{display:flex;gap:var(--spacing-8)}.profile-avatar{width:100px;height:100px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:var(--font-size-3xl);font-weight:700}.profile-details{flex:1}.detail-row{display:flex;padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-gray-100)}.detail-row label{width:150px;font-weight:500;color:var(--color-gray-500)}.empty-state{text-align:center;padding:var(--spacing-16) var(--spacing-4)}.empty-state h3{margin-bottom:var(--spacing-2)}.empty-state p{color:var(--color-gray-600);margin-bottom:var(--spacing-4)}.loading-container{display:flex;justify-content:center;padding:var(--spacing-16)}@media (max-width: 768px){.designer-header{flex-direction:column;gap:var(--spacing-4)}.designer-profile{flex-direction:column;text-align:center}.designer-avatar{margin:0 auto}.profile-info{flex-direction:column;align-items:center;text-align:center}.detail-row{flex-direction:column;gap:var(--spacing-1)}.detail-row label{width:auto}}