:root{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--secondary: #1976d2;--success: #43a047;--warning: #fb8c00;--danger: #e53935;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--radius: 8px;--radius-sm: 4px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-50);color:var(--gray-900);line-height:1.5}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.container{max-width:1280px;margin:0 auto;padding:0 16px}.header{background:#fff;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;gap:24px;padding:12px 16px;max-width:1280px;margin:0 auto}.logo{display:flex;align-items:center;flex-shrink:0}.logo-img{height:32px;width:auto}.search-box{flex:1;display:flex;align-items:center;background:var(--gray-100);border-radius:var(--radius);border:1px solid var(--gray-200);overflow:hidden;transition:border-color .2s,box-shadow .2s}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #e539351a}.search-icon{width:20px;height:20px;margin-left:12px;color:var(--gray-500);flex-shrink:0}.search-input{flex:1;border:none;background:transparent;padding:10px 12px;font-size:.9375rem;outline:none;min-width:0}.search-input::placeholder{color:var(--gray-500)}.search-city{border:none;background:transparent;padding:10px 28px 10px 12px;font-size:.875rem;color:var(--gray-700);border-left:1px solid var(--gray-300);cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.search-btn{background:var(--primary);color:#fff;border:none;padding:10px 20px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s}.search-btn:hover{background:var(--primary-dark)}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;color:var(--gray-700);border-radius:var(--radius);transition:background .2s,color .2s}.header-btn:hover{background:var(--gray-100);color:var(--gray-900)}.header-btn svg{width:20px;height:20px}.header-btn-text{font-size:.875rem;font-weight:500}.btn-primary{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:#fff;padding:10px 16px;border-radius:var(--radius);font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:background .2s,transform .1s}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:active{transform:scale(.98)}.btn-primary svg{width:18px;height:18px}.btn-secondary{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--gray-700);padding:10px 16px;border-radius:var(--radius);font-size:.875rem;font-weight:500;border:1px solid var(--gray-300);cursor:pointer;transition:background .2s,border-color .2s}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.mobile-search{display:none;padding:0 16px 12px}.categories-nav{background:#fff;border-bottom:1px solid var(--gray-200);overflow-x:auto;-webkit-overflow-scrolling:touch}.categories-nav::-webkit-scrollbar{display:none}.categories-nav-inner{display:flex;gap:4px;padding:8px 16px;max-width:1280px;margin:0 auto}.nav-category{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--gray-700);white-space:nowrap;transition:background .2s,color .2s}.nav-category:hover{background:var(--gray-100);color:var(--gray-900)}.nav-category.active{background:var(--primary);color:#fff}.nav-icon{font-size:1rem}.main{min-height:calc(100vh - 180px);padding:24px 0}.footer{background:var(--gray-900);color:#fff;padding:48px 0 24px;margin-top:48px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-brand{max-width:280px}.footer-desc{color:var(--gray-400);font-size:.875rem;margin-top:16px;line-height:1.6}.footer-socials{display:flex;gap:12px;margin-top:20px}.social-link{width:36px;height:36px;background:var(--gray-800);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:background .2s}.social-link:hover{background:var(--primary)}.social-link svg{width:18px;height:18px}.footer-links h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);margin-bottom:16px;font-weight:600}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:10px}.footer-links a{color:var(--gray-300);font-size:.875rem;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--gray-800);font-size:.8125rem;color:var(--gray-500)}.listing-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-200);transition:box-shadow .2s,transform .2s}.listing-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.listing-image{position:relative;aspect-ratio:4/3;background:var(--gray-100);overflow:hidden}.listing-image img{width:100%;height:100%;object-fit:cover}.listing-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--gray-400)}.listing-favorite{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);cursor:pointer;transition:transform .2s}.listing-favorite:hover{transform:scale(1.1)}.listing-favorite svg{width:18px;height:18px;color:var(--gray-400)}.listing-favorite.active svg{color:var(--primary);fill:var(--primary)}.listing-badges{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px}.listing-badge{padding:4px 8px;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;text-transform:uppercase}.listing-badge.vip{background:linear-gradient(135deg,gold,#ffb300);color:#7c5e00}.listing-badge.urgent{background:var(--primary);color:#fff}.listing-body{padding:12px}.listing-price{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin-bottom:4px}.listing-price.negotiable:after{content:" \442\43e\440\433";font-size:.75rem;font-weight:500;color:var(--gray-500)}.listing-title{font-size:.875rem;color:var(--gray-700);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.listing-meta{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--gray-500)}.listing-meta svg{width:12px;height:12px}.listing-location{display:flex;align-items:center;gap:4px}.listing-date{margin-left:auto}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.section{margin-bottom:32px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.section-link{font-size:.875rem;font-weight:500;color:var(--primary)}.section-link:hover{text-decoration:underline}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.category-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;background:#fff;border-radius:var(--radius);border:1px solid var(--gray-200);text-align:center;transition:border-color .2s,box-shadow .2s,transform .2s}.category-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.category-card .category-icon{font-size:2rem;line-height:1}.category-card h3{font-size:.8125rem;font-weight:600;color:var(--gray-900);line-height:1.3}.breadcrumb{margin-bottom:16px}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0;gap:8px}.breadcrumb li{display:flex;align-items:center;font-size:.8125rem}.breadcrumb li:not(:last-child):after{content:"\203a";margin-left:8px;color:var(--gray-400)}.breadcrumb a{color:var(--gray-500)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb span{color:var(--gray-700)}.filters-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;background:#fff;border-radius:var(--radius);border:1px solid var(--gray-200);margin-bottom:16px}.filters-left,.filters-right{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:8px 14px;border-radius:var(--radius);background:var(--gray-100);border:none;font-size:.8125rem;font-weight:500;color:var(--gray-700);cursor:pointer;transition:background .2s,color .2s}.filter-btn:hover{background:var(--gray-200)}.filter-btn.active{background:var(--primary);color:#fff}.filter-select{padding:8px 32px 8px 12px;border-radius:var(--radius);border:1px solid var(--gray-300);font-size:.8125rem;color:var(--gray-700);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23757575' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;-webkit-appearance:none;cursor:pointer}.page-header{margin-bottom:24px}.page-title{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:4px}.page-subtitle{font-size:.875rem;color:var(--gray-500)}.listing-detail{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.listing-content{display:flex;flex-direction:column;gap:20px}.listing-sidebar{position:sticky;top:100px}.listing-gallery{background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-200)}.listing-main-image{aspect-ratio:4/3;background:var(--gray-100);display:flex;align-items:center;justify-content:center}.listing-main-image img{width:100%;height:100%;object-fit:contain}.listing-thumbs{display:flex;gap:8px;padding:12px;overflow-x:auto}.listing-thumb{width:72px;height:54px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;cursor:pointer}.listing-thumb.active{border-color:var(--primary)}.listing-thumb img{width:100%;height:100%;object-fit:cover}.listing-info{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:20px}.listing-info .listing-price{font-size:1.75rem;margin-bottom:8px}.listing-info .listing-title{font-size:1.125rem;color:var(--gray-900);font-weight:600;margin-bottom:16px;-webkit-line-clamp:none}.listing-stats{display:flex;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--gray-200);margin-bottom:16px}.listing-stat{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--gray-500)}.listing-stat svg{width:16px;height:16px}.seller-card{background:var(--gray-50);border-radius:var(--radius);padding:16px;margin-bottom:16px}.seller-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.seller-avatar{width:48px;height:48px;background:var(--gray-300);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--gray-600)}.seller-name{font-weight:600;color:var(--gray-900);margin-bottom:2px}.seller-meta{font-size:.75rem;color:var(--gray-500)}.seller-phone{display:flex;align-items:center;gap:8px;width:100%;padding:12px;background:var(--success);color:#fff;border:none;border-radius:var(--radius);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s}.seller-phone:hover{background:#388e3c}.seller-phone svg{width:20px;height:20px}.listing-actions{display:flex;gap:8px;margin-top:12px}.listing-actions .btn-secondary{flex:1;justify-content:center}.listing-description,.listing-specs{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:20px}.listing-description h2,.listing-specs h2{font-size:1rem;font-weight:600;margin-bottom:12px;color:var(--gray-900)}.listing-description p{font-size:.9375rem;color:var(--gray-700);line-height:1.7;white-space:pre-wrap}.specs-list{display:flex;flex-wrap:wrap;gap:8px}.spec-tag{display:inline-block;padding:6px 12px;background:var(--gray-100);border-radius:20px;font-size:.8125rem;color:var(--gray-700)}.listing-price-lg{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:8px}.listing-title-lg{font-size:1.125rem;font-weight:600;color:var(--gray-900);line-height:1.4;margin-bottom:16px}.listing-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.listing-actions .btn-secondary{justify-content:center;padding:10px 12px}.safety-tips{background:#fb8c0014;border-radius:var(--radius);padding:14px}.safety-tips h4{display:flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;color:var(--warning);margin-bottom:10px}.safety-tips h4 svg{width:16px;height:16px}.safety-tips ul{list-style:none;padding:0;margin:0}.safety-tips li{font-size:.75rem;color:var(--gray-600);padding:4px 0 4px 16px;position:relative}.safety-tips li:before{content:"\2022";position:absolute;left:4px;color:var(--warning)}.sidebar-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:16px}.empty-state{text-align:center;padding:64px 24px;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.empty-state-icon{font-size:4rem;margin-bottom:16px}.empty-state h3{font-size:1.25rem;font-weight:600;margin-bottom:8px}.empty-state p{color:var(--gray-500);margin-bottom:20px}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;text-transform:uppercase}.badge-success{background:#43a0471a;color:var(--success)}.badge-danger{background:#e539351a;color:var(--danger)}@media(max-width:1024px){.listing-detail{grid-template-columns:1fr}.listing-sidebar{position:static;order:-1}}@media(max-width:640px){.filters-bar{flex-direction:column;align-items:stretch}.filters-left,.filters-right{width:100%}.filter-btn,.filter-select{flex:1}.listing-actions{grid-template-columns:1fr}}@media(max-width:768px){.header-inner{flex-wrap:wrap}.search-box{display:none;order:3;width:100%}.mobile-search{display:block}.mobile-search .search-box{display:flex}.header-btn-text,.btn-primary span{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:span 2;max-width:none}.listings-grid{grid-template-columns:repeat(2,1fr);gap:12px}.listing-body{padding:10px}.listing-price{font-size:1rem}.listing-title{font-size:.8125rem}}@media(max-width:480px){.categories-grid{grid-template-columns:repeat(3,1fr);gap:8px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:span 1}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}.info-banner{background:#fff;border-radius:var(--radius-lg);padding:32px;border:1px solid var(--gray-200)}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.info-item{text-align:center}.info-icon{font-size:2rem;margin-bottom:12px}.info-item h3{font-size:.9375rem;font-weight:600;margin-bottom:4px;color:var(--gray-900)}.info-item p{font-size:.8125rem;color:var(--gray-500)}@media(max-width:768px){.info-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:480px){.info-grid{grid-template-columns:1fr 1fr}}#hs-progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--primary);z-index:99999;transition:width .2s ease,opacity .2s ease;box-shadow:0 0 10px var(--primary);pointer-events:none}#hs-progress.loading{width:70%;transition:width 10s cubic-bezier(.1,.5,.1,1)}#hs-progress.done{width:100%;transition:width .1s ease}#hs-progress.hide{opacity:0}@layer components{.error-page{text-align:center;padding:80px 20px}.error-code{font-size:8rem;font-weight:800;color:var(--primary);line-height:1;margin-bottom:16px}.error-title{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:12px}.error-text{font-size:1rem;color:var(--gray-500);max-width:400px;margin:0 auto 32px}.error-actions{display:flex;gap:12px;justify-content:center}}@media(max-width:480px){.error-code{font-size:5rem}.error-actions{flex-direction:column;align-items:center}}.subcategories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.subcategory-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border-radius:var(--radius);border:1px solid var(--gray-200);transition:border-color .2s,box-shadow .2s}.subcategory-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.subcategory-icon{font-size:1.25rem}.subcategory-name{font-size:.8125rem;font-weight:500;color:var(--gray-800)}.listings-list{display:flex;flex-direction:column;gap:12px}.listings-list .listing-card{display:flex;flex-direction:row;border-radius:var(--radius)}.listings-list .listing-image{width:180px;flex-shrink:0;aspect-ratio:4/3}.listings-list .listing-info{flex:1;padding:16px;display:flex;flex-direction:column;justify-content:center}.listings-list .listing-title{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:6px}.listings-list .listing-price{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin-bottom:8px}.listings-list .listing-meta{display:flex;gap:16px;font-size:.8125rem;color:var(--gray-500)}.listing-city{display:flex;align-items:center;gap:4px}@media(max-width:640px){.listings-list .listing-card{flex-direction:column}.listings-list .listing-image{width:100%}.subcategories-grid{grid-template-columns:repeat(2,1fr)}}.auth-page{display:flex;justify-content:center;align-items:flex-start;min-height:60vh;padding:48px 16px}.auth-card{background:#fff!important;border-radius:12px!important;border:1px solid #eeeeee!important;padding:40px 32px!important;width:100%;max-width:400px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.auth-title{font-size:1.375rem;font-weight:700;text-align:center;color:#212121;margin-bottom:6px}.auth-subtitle{color:#9e9e9e;text-align:center;margin-bottom:28px;font-size:.8125rem;line-height:1.5}.auth-step{display:flex;flex-direction:column;gap:16px}.auth-step>*+*{margin-top:0}.input-group{display:flex;align-items:center;border:1px solid #e0e0e0!important;border-radius:8px!important;overflow:hidden;background:#fff!important;transition:border-color .2s,box-shadow .2s}.input-group:focus-within{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a}.input-prefix{padding:12px 0 12px 14px!important;color:#757575;font-weight:500;font-size:.9375rem;user-select:none;flex-shrink:0}.auth-input{flex:1;border:none!important;padding:12px 14px 12px 8px!important;font-size:.9375rem;outline:none;background:transparent!important;font-weight:500;color:#212121}.auth-input::placeholder{color:#bdbdbd;font-weight:400}.auth-input-full{border:1px solid #e0e0e0!important;border-radius:8px!important;width:100%;padding:12px 14px!important;font-size:.9375rem;font-weight:500;color:#212121;background:#fff!important;transition:border-color .2s,box-shadow .2s;outline:none}.auth-input-full::placeholder{color:#bdbdbd;font-weight:400}.auth-input-full:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a}.auth-btn{display:block;width:100%;background:#3b82f6!important;color:#fff!important;border:none!important;padding:12px 20px!important;font-size:.9375rem;font-weight:600;border-radius:8px!important;cursor:pointer;transition:background .2s,transform .1s}.auth-btn:hover:not(:disabled){background:#2563eb!important}.auth-btn:active:not(:disabled){transform:scale(.98)}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-link-btn{display:block;width:100%;background:none!important;border:none!important;color:#3b82f6;font-size:.8125rem;font-weight:500;cursor:pointer;text-align:center;padding:8px!important;border-radius:8px!important;transition:background .2s}.auth-link-btn:hover{background:#f5f5f5!important}.otp-info,.register-info{text-align:center;color:#9e9e9e;font-size:.8125rem;line-height:1.5;margin:0}.otp-info span{display:block;color:#212121;font-size:1rem;font-weight:600;margin-top:2px}.otp-inputs{display:flex;justify-content:center;gap:10px}.otp-input{width:44px!important;height:44px!important;border:1.5px solid #d0d0d0!important;border-radius:8px!important;text-align:center;font-size:1.25rem;font-weight:700;outline:none;transition:border-color .2s,box-shadow .2s;background:#fff!important;color:#212121;padding:0!important}.otp-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a}.auth-error{background:#fef2f2!important;border:1px solid #fecaca!important;color:#b91c1c;padding:10px 14px!important;border-radius:8px!important;text-align:center;font-size:.8125rem;line-height:1.4}@media(max-width:480px){.auth-page{padding:24px 16px}.auth-card{padding:32px 20px!important}.otp-input{width:40px!important;height:40px!important;font-size:1.125rem}.otp-inputs{gap:8px}}.header-auth{display:flex;align-items:center;gap:4px}.header-logout-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none!important;border:none!important;border-radius:8px!important;color:#9e9e9e;cursor:pointer;transition:background .2s,color .2s;padding:0!important}.header-logout-btn svg{width:18px;height:18px}.header-logout-btn:hover{background:#f5f5f5!important;color:#e53935}.profile-page{display:flex;justify-content:center;padding:48px 16px}.profile-guest{text-align:center;color:#9e9e9e;font-size:.9375rem}.profile-guest .auth-btn{margin-top:16px;display:inline-block}.profile-card{background:#fff!important;border-radius:12px!important;border:1px solid #eeeeee!important;padding:32px!important;width:100%;max-width:480px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.profile-avatar{width:64px;height:64px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.profile-info{flex:1;min-width:0}.profile-name{font-size:1.25rem;font-weight:700;color:#212121;margin-bottom:2px}.profile-phone{font-size:.875rem;color:#757575;margin-bottom:2px}.profile-meta{font-size:.8125rem;color:#9e9e9e}.profile-stats{display:flex;gap:24px;padding:16px 0;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;margin-bottom:24px}.profile-stat{display:flex;flex-direction:column;align-items:center}.profile-stat-value{font-size:1.25rem;font-weight:700;color:#212121}.profile-stat-label{font-size:.8125rem;color:#9e9e9e}.profile-actions{display:flex;flex-direction:column;gap:10px}.profile-logout-btn{background:none!important;color:#e53935!important;border:1px solid #e53935!important}.profile-logout-btn:hover:not(:disabled){background:#fef2f2!important}@media(max-width:480px){.profile-page{padding:24px 16px}.profile-card{padding:24px 16px!important}.profile-header{gap:14px}.profile-avatar{width:52px;height:52px;font-size:1.25rem}}