:root{--bg-primary:#000;--bg-secondary:#1a1a1a;--bg-card:#262626;--bg-elevated:#1f1f1f;--bg-input:#202425;--text-primary:#fff;--text-secondary:#999;--text-muted:#666;--text-inverse:#000;--accent:#ff3b30;--accent-hover:#e6352b;--accent-light:rgba(255,59,48,.13);--border:#333;--border-light:#444;--success:#34c759;--success-bg:rgba(52,199,89,.13);--warning:orange;--warning-bg:rgba(255,165,0,.13);--danger:red;--danger-bg:rgba(255,0,0,.13);--info:#52a9ff;--info-bg:rgba(82,169,255,.13);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0px 1px 3px rgba(0,0,0,.5);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5);--transition-fast:150ms ease;--transition-normal:250ms ease;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--header-height:72px;--bottom-nav-height:64px;--max-width:1280px;--content-width:720px;color-scheme:dark}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background:radial-gradient(circle at top center,rgba(255,59,48,.08),transparent 28%),linear-gradient(180deg,#090909,#040404 48%,#000);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit;color:inherit}input,select,textarea{font-size:inherit}img{max-width:100%;display:block}ol,ul{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:600}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-muted{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 16px}@media (min-width:640px){.container{padding:0 24px}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.flex-1{flex:1 1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.ml-auto{margin-left:auto}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{border-color:var(--border-light)}.card-interactive:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);cursor:pointer}.input-base{width:100%;padding:16px;background:var(--bg-input);border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input-base::placeholder{color:var(--text-muted)}.input-base:focus{border-color:var(--accent);box-shadow:none}.input-base:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--danger)}.input-error:focus{box-shadow:0 0 0 2px var(--danger-bg)}.label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.label-required:after{content:" *";color:var(--accent)}.error-text{color:var(--danger)}.error-text,.helper-text{font-size:.8125rem;margin-top:4px}.helper-text{color:var(--text-muted)}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;outline:none;border:none;cursor:pointer}.btn-base:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-base:disabled{opacity:.5;cursor:not-allowed}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .3s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none}@media (min-width:768px){.md\:hidden{display:none}.md\:flex{display:flex}.md\:block{display:block}.md\:grid{display:grid}}@media (max-width:767px){.mobile-hidden{display:none}}.relative{position:relative}.absolute{position:absolute}.sticky{position:-webkit-sticky;position:sticky}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.rounded-full{border-radius:var(--radius-full)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.text-center{text-align:center}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.gradient-bg{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%)}.gradient-accent{background:linear-gradient(135deg,var(--accent) 0,#cc2f26 100%)}.gradient-placeholder{background:linear-gradient(135deg,#27272a,#18181b 50%,#27272a)}.app-main-shell{--app-shell-pad-x:12px;width:100%;max-width:var(--max-width);margin:0 auto;min-height:100vh;padding:10px var(--app-shell-pad-x) calc(var(--bottom-nav-height) + 20px)}.edge-to-edge-page{margin-left:calc(var(--app-shell-pad-x) * -1);margin-right:calc(var(--app-shell-pad-x) * -1)}.page-gutter{padding-left:var(--app-shell-pad-x);padding-right:var(--app-shell-pad-x)}.mobile-only{display:block!important}.desktop-flex-only,.desktop-only{display:none!important}.desktop-topbar{display:none}.surface-panel{background:linear-gradient(180deg,rgba(28,28,28,.94),hsla(0,0%,6%,.98));border:1px solid hsla(0,0%,100%,.08);border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,.34)}.soft-panel{background:linear-gradient(180deg,rgba(30,30,30,.96),hsla(0,0%,7%,.98));border:1px solid hsla(0,0%,100%,.07);border-radius:18px}.icon-circle-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:9999px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,9%,.92);color:var(--text-primary)}.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading-copy{display:flex;align-items:center;gap:8px}.section-link{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.responsive-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--grid-min,160px),1fr));grid-gap:14px;gap:14px}.screen-title{font-size:1.75rem;font-weight:800;letter-spacing:-.03em}.subtle-divider{height:1px;width:100%;background:hsla(0,0%,100%,.08)}.desktop-nav{display:none}.desktop-nav-icon{display:none!important}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:90;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(5,5,5,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;justify-content:space-around}@media (min-width:1024px){.app-main-shell{--app-shell-pad-x:24px;min-height:calc(100vh - var(--header-height));padding:24px var(--app-shell-pad-x) 56px}.mobile-only{display:none!important}.desktop-only{display:block!important}.desktop-flex-only{display:flex!important}.desktop-topbar{display:block}.desktop-nav{display:flex;align-items:center;gap:6px}.desktop-nav-icon{display:flex!important}.bottom-nav{display:none}}.profile-page-shell{--profile-gap:14px}.profile-hero-panel{border-radius:26px}.profile-hero-main{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:14px;gap:14px}.profile-hero-copy{display:grid;grid-gap:8px;gap:8px;min-width:0;text-align:left}.profile-hero-title{font-size:clamp(1.8rem,7vw,3rem);line-height:.98;letter-spacing:-.04em;overflow-wrap:anywhere}.profile-meta-row{display:flex;align-items:center;gap:6px;color:var(--text-secondary);flex-wrap:wrap}.profile-account-grid,.profile-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;width:100%}.profile-action-button{border-radius:18px;background:linear-gradient(180deg,rgba(30,30,30,.96),hsla(0,0%,7%,.98));border:1px solid hsla(0,0%,100%,.07);color:var(--text-primary);font-weight:700;text-decoration:none;padding:0 14px}.profile-action-button-primary{background:var(--accent);border-color:transparent;color:#fff}.profile-section-grid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px}.profile-contact-row{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;grid-gap:10px;gap:10px;color:var(--text-secondary)}.profile-contact-row span{overflow-wrap:anywhere}.profile-logout-button{min-height:50px;border-radius:18px;background:rgba(255,59,48,.1);border:1px solid rgba(255,59,48,.26);color:#ff8f86;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.profile-logout-button:disabled{opacity:.65}@media (max-width:639px){.profile-hero-panel{padding:18px 16px!important}.profile-hero-main{grid-template-columns:1fr}.profile-hero-copy,.profile-hero-main{justify-items:center;text-align:center}.profile-meta-row{justify-content:center}.profile-action-grid{grid-template-columns:1fr}}@media (min-width:768px){.profile-hero-panel{padding:24px 22px!important}.profile-hero-main{grid-template-columns:1fr}.profile-hero-copy,.profile-hero-main{justify-items:center;text-align:center}.profile-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;margin:0 auto}.profile-account-grid{grid-template-columns:repeat(2,minmax(0,220px))}.profile-section-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.listing-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}@media (min-width:640px){.listing-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width:960px){.listing-grid{grid-template-columns:repeat(3,1fr)}}