*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #080808;--bg-surface: #111111;--bg-surface-2: #1a1a1a;--bg-surface-3: #222222;--border: #2a2a2a;--border-strong: #3a3a3a;--text-primary: #f5f5f5;--text-secondary: #888888;--text-muted: #555555;--accent: #16c784;--accent-dim: rgba(22, 199, 132, .12);--accent-hover: #13a86e;--loss: #ea3943;--loss-dim: rgba(234, 57, 67, .12);--warning: #f3a21e;--warning-dim: rgba(243, 162, 30, .12);--platform-vinted: #09b1ba;--platform-ebay: #e53238;--platform-depop: #ff2300;--platform-facebook: #1877f2;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-base);color:var(--text-primary);font-family:DM Mono,monospace;min-height:100dvh}#root{min-height:100dvh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.font-display{font-family:Syne,sans-serif}.app{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--bg-base);position:relative}.page{padding:16px;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:100px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--bg-surface);border-top:1px solid var(--border);display:flex;align-items:flex-end;padding:10px 0 max(10px,env(safe-area-inset-bottom));z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.05em;text-transform:uppercase;background:none;border:none;padding:4px 0;transition:color .15s}.nav-item.active{color:var(--accent)}.nav-fab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;padding:0 0 4px}.nav-fab-circle{width:44px;height:44px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;margin-top:-14px;transition:background .15s}.nav-fab-circle:hover{background:var(--accent-hover)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.page-title{font-family:Syne,sans-serif;font-weight:700;font-size:22px;color:var(--text-primary)}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-family:DM Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.input{width:100%;background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;font-family:DM Mono,monospace;font-size:13px;color:var(--text-primary);outline:none;transition:border-color .15s;-webkit-appearance:none}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent)}.btn{font-family:Syne,sans-serif;font-weight:600;font-size:14px;letter-spacing:.02em;padding:13px 24px;border-radius:var(--radius-md);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s;width:100%}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border-strong);color:var(--text-primary)}.btn-danger{background:var(--loss-dim);color:var(--loss);border:1px solid transparent}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.badge-unlisted{background:var(--bg-surface-3);color:var(--text-secondary)}.badge-listed{background:var(--warning-dim);color:var(--warning)}.badge-sold{background:var(--accent-dim);color:var(--accent)}.badge-archived{background:var(--bg-surface-2);color:var(--text-muted)}.item-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .15s,transform .2s;cursor:pointer}.item-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.item-card-photo{aspect-ratio:1;background:var(--bg-surface-2);display:flex;align-items:center;justify-content:center;color:var(--text-muted);overflow:hidden}.item-card-photo img{width:100%;height:100%;object-fit:cover}.item-card-body{padding:12px}.filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:var(--space-4)}.filter-row::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--border);font-family:DM Mono,monospace;font-size:11px;letter-spacing:.04em;color:var(--text-secondary);background:transparent;cursor:pointer;transition:all .15s;white-space:nowrap}.chip.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;gap:12px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-surface-3) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-md)}.form-stack{display:flex;flex-direction:column;gap:20px}.section-label{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.back-btn{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-family:DM Mono,monospace;font-size:12px;background:none;border:none;padding:0;margin-bottom:var(--space-5);transition:color .15s}.back-btn:hover{color:var(--text-primary)}