@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #007AFF;--primary-hover: #0062cc;--primary-soft: rgba(0, 122, 255, .1);--accent-orange: #FF9500;--accent-red: #FF3B30;--bg-sidebar: #EFEFF4;--bg-app: #F5F5F7;--bg-card: #FFFFFF;--bg-input: #F2F2F7;--bg-glass: rgba(255, 255, 255, .75);--text-main: #1D1D1F;--text-secondary: #4b4b4b;--text-inverse: #FFFFFF;--border: rgba(0, 0, 0, .06);--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-lg: 0 12px 32px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.04);--shadow-hover: 0 14px 40px rgba(0,0,0,.12);--radius-xl: 20px;--radius-md: 14px;--radius-sm: 8px;--radius-pill: 999px;--backdrop-blur: blur(20px) saturate(180%)}[data-theme=dark]{--primary: #0A84FF;--primary-hover: #409CFF;--primary-soft: #252F3D;--bg-app: #18191a;--bg-sidebar: #242526;--bg-card: #242526;--bg-input: #3a3b3c;--bg-glass: rgba(24, 25, 26, .75);--text-main: #F5F5F7;--text-secondary: #98989D;--text-inverse: #000000;--border: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow-md: 0 4px 12px rgba(0,0,0,.6);--shadow-lg: 0 12px 32px rgba(0,0,0,.8)}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-app);color:var(--text-main);height:100dvh;width:100vw;-webkit-font-smoothing:antialiased}.app-shell{display:flex;height:100dvh;width:100vw;position:relative;overflow:hidden}.main-pane{flex:1;padding:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;position:relative;-webkit-overflow-scrolling:touch}@media (max-width: 900px){.main-pane{padding-top:0!important;padding-bottom:20px!important;margin-top:0!important}}body:before{content:"";position:fixed;top:-20%;left:-10%;width:60vw;height:60vw;background:radial-gradient(circle,#2563eb0f,#fff0 70%);z-index:-1;pointer-events:none;animation:float 20s infinite alternate}body:after{content:"";position:fixed;bottom:-20%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,#ff385c0a,#fff0 70%);z-index:-1;pointer-events:none;animation:float 25s infinite alternate-reverse}@keyframes float{0%{transform:translate(0)}to{transform:translate(30px,30px)}}.btn-primary{background-color:var(--primary);color:var(--text-inverse);border:none;padding:12px 24px;border-radius:var(--radius-pill);font-weight:600;cursor:pointer;font-size:.95rem;transition:all .2s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 12px #007aff40}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #007aff59}.btn-primary:active{transform:scale(.96)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none;padding:10px 18px;border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:.2s}.btn-ghost:hover{background:var(--bg-input);color:var(--text-main)}.auth-input,.search-input,.form-input,.form-select{background:var(--bg-input);border:1px solid transparent;color:var(--text-main);padding:14px 18px;border-radius:var(--radius-md);font-size:1rem;outline:none;width:100%;transition:.2s}.auth-input:focus,.form-input:focus{background:var(--bg-card);box-shadow:0 0 0 2px var(--primary)}.listing-card,.alert-card,.hero-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid rgba(0,0,0,.02);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.25,.8,.25,1)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:10px;opacity:.3}::-webkit-scrollbar-thumb:hover{background:var(--text-main)}.hero-login-wrap{display:flex;align-items:center;justify-content:center;height:100vh;background:radial-gradient(at top left,#f3f4f6,transparent),radial-gradient(at bottom right,#e0f2fe,transparent)}.hero-card{width:100%;max-width:480px;padding:40px;text-align:center;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 40px #0000001a}@media (max-width: 600px){.hero-card{padding:30px 20px;margin:0 10px}body:before,body:after{width:80vw;height:80vw}}