*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f8fafc;--surface: #ffffff;--surface-alt: #f1f5f9;--border: #e2e8f0;--border-strong: #cbd5e1;--glass-border: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent: #004b87;--accent-light: #e6f0fa;--accent-hover: #003666;--svp-yellow: #f2a900;--svp-yellow-light: #fef6e5;--success: #16a34a;--success-light: #dcfce7;--warning: #f59e0b;--warning-light: #fef3c7;--error: #ef4444;--error-light: #fee2e2;--ebay: #e53238;--ebay-light: rgba(229, 50, 56, .1);--etsy: #f56400;--etsy-light: rgba(245, 100, 0, .1);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .05);--inner-glow: none;--transition: .2s ease}html,body{min-height:100vh;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;background-color:var(--bg);background-image:none}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:14px;font-weight:600;letter-spacing:-.2px;transition:all var(--transition);white-space:nowrap;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 4px #004b8733}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 6px #004b8740}.btn-secondary{background:var(--surface-alt);color:var(--text-primary);border:1px solid var(--glass-border);box-shadow:var(--shadow)}.btn-secondary:hover{background:#fffffff2;border-color:var(--border-strong);transform:scale(.97)}.btn-success{background:var(--success);color:#fff;box-shadow:0 2px 8px #34c7594d,var(--inner-glow)}.btn-success:hover{background:#31b854;transform:scale(.97);box-shadow:0 6px 16px #34c75966,var(--inner-glow)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{background:#0000000a;color:var(--text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-sm{padding:7px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:15px;border-radius:var(--radius)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.badge-accent{background:var(--accent-light);color:var(--accent)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-error{background:var(--error-light);color:var(--error)}input[type=text],input[type=number],input[type=email],input[type=password],textarea,select{width:100%;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);font-size:15px;transition:all var(--transition);outline:none}input:focus,textarea:focus,select:focus{background:#ffffffe6;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light);transform:scale(1.01)}textarea{resize:vertical;min-height:100px}label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-group{margin-bottom:16px}.spinner{width:20px;height:20px;border:2px solid rgba(124,110,245,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}html,body{overflow-x:hidden}input[type=text],input[type=number],input[type=email],textarea,select{font-size:16px}@media (max-width: 640px){.app-header{padding:0 16px!important;height:56px!important}.header-new-btn{display:none!important}.page-container{padding:20px 16px!important}.step-bar{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.step-bar::-webkit-scrollbar{display:none}.step-item{padding:10px!important;flex-shrink:0!important}.step-label{display:none!important}.identify-layout{flex-direction:column!important;gap:16px!important}.identify-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.identify-image{width:100%!important;height:180px!important}.pricing-grid,.review-grid,.edit-listing-grid{grid-template-columns:1fr!important}.card{overflow-wrap:break-word;word-break:break-word}.history-listing{flex-direction:column!important;align-items:flex-start!important}.btn-lg{width:100%;justify-content:center}}@media (max-width: 640px){.app-container{padding-bottom:72px}.desktop-nav-links{display:none!important}.mobile-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);justify-content:space-around;padding:10px 0 calc(10px + env(safe-area-inset-bottom));z-index:100;box-shadow:0 -4px 12px #0000000a}.mobile-bottom-nav .nav-link{flex-direction:column;gap:4px;font-size:10px;padding:6px 12px;border-radius:var(--radius-sm)}.mobile-bottom-nav .nav-link svg{width:20px;height:20px}}.split-layout{display:flex;flex-direction:row}@media (max-width: 960px){.split-layout{flex-direction:column!important}.split-layout>div{min-height:100vh}}@keyframes bounceBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.bounce-arrow{animation:bounceBounce 2s infinite;display:none!important;justify-content:center;margin-top:40px}@media (max-width: 960px){.bounce-arrow{display:flex!important}}body.rtl{direction:rtl;text-align:right}body.rtl input,body.rtl textarea,body.rtl select{text-align:right}body.rtl .ml-auto{margin-left:0;margin-right:auto}body.rtl .mr-auto{margin-right:0;margin-left:auto}