.app-container{flex-direction:column;min-height:100vh;display:flex}.glass-nav{background:var(--glass-bg);height:64px;-webkit-backdrop-filter:var(--glass-blur);z-index:100;padding:0 var(--spacing-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{letter-spacing:-.5px;font-size:20px;font-weight:600}.nav-logo .dot{color:var(--color-text-tertiary)}.nav-actions{gap:var(--spacing-2);display:flex}.icon-btn{border-radius:var(--border-radius-sm);width:44px;height:44px;color:var(--color-text-primary);justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--color-bg-surface-hover)}.main-content{padding-top:calc(64px + var(--spacing-6));padding-bottom:var(--spacing-12);flex:1;width:100%;max-width:1200px;margin:0 auto}.masonry-grid{column-count:2;column-gap:var(--spacing-4);padding:0 var(--spacing-4)}@media (width>=768px){.masonry-grid{column-count:3;column-gap:var(--spacing-6)}}@media (width>=1024px){.masonry-grid{column-count:4;column-gap:var(--spacing-6)}}.product-card{break-inside:avoid;margin-bottom:var(--spacing-6);gap:var(--spacing-3);cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-easing-spring);flex-direction:column;display:flex}.product-card:active{transform:scale(.98)}.product-image-wrapper{border-radius:var(--border-radius-md);background-color:var(--color-bg-surface-hover);width:100%;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:auto;transition:opacity var(--motion-duration-normal) var(--motion-easing-smooth);display:block}.product-card:hover .product-image{opacity:.9}.product-meta{padding:0 var(--spacing-1);justify-content:space-between;align-items:baseline;display:flex}.product-sku{color:var(--color-text-secondary);letter-spacing:.5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.product-price{color:var(--color-text-primary);font-size:15px;font-weight:600}.flash-badge{top:var(--spacing-3);left:var(--spacing-3);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);color:var(--color-brand);box-shadow:var(--shadow-sm);border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:flex;position:absolute}.detail-container{padding-top:var(--nav-height);max-width:1200px;min-height:100vh;padding-left:var(--space-md);padding-right:var(--space-md);margin:0 auto}.detail-nav{padding:var(--space-md) 0}.back-btn{border-radius:var(--radius-full);background:var(--glass-bg);width:40px;height:40px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--color-text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-spring);justify-content:center;align-items:center;display:flex}.back-btn:hover{background:var(--color-surface-hover);transform:scale(1.05)}.detail-content{gap:var(--space-xl);margin-top:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.detail-content{grid-template-columns:1fr 1fr;align-items:start}}.detail-image-wrapper{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:var(--color-surface);overflow:hidden}.detail-image{object-fit:cover;width:100%;height:auto;display:block}.detail-info{gap:var(--space-lg);padding:var(--space-md) 0;flex-direction:column;display:flex}.detail-header{justify-content:space-between;align-items:baseline;display:flex}.detail-sku{color:var(--color-text-primary);letter-spacing:-.02em;margin:0;font-size:2.5rem;font-weight:800}.detail-price{color:var(--color-primary);margin:0;font-size:1.5rem;font-weight:600}.detail-status{align-items:center;display:flex}.status-badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;display:inline-flex}.status-badge.sold{color:var(--color-text-tertiary);background:#ffffff1a}.status-badge.flash{color:#ef4444;background:#ef44441a}.status-badge.available{color:#10b981;background:#10b9811a}.detail-actions{margin-top:var(--space-xl)}.btn-primary,.btn-flash-sale,.btn-disabled,.btn-secondary{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-spring);border:none;font-size:1.125rem;font-weight:600;display:flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #6366f166}.btn-flash-sale{color:#fff;cursor:not-allowed;opacity:.9;background:#ef4444}.btn-disabled{background:var(--color-surface-hover);color:var(--color-text-tertiary);cursor:not-allowed}.detail-loading,.detail-error{min-height:100vh;padding-top:var(--nav-height);color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.detail-error h2{color:var(--color-text-primary);margin-bottom:var(--space-lg)}.btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-text-primary);width:auto;padding:var(--space-sm) var(--space-xl)}.admin-container{padding-top:calc(var(--nav-height) + 40px);max-width:800px;padding-left:var(--space-md);padding-right:var(--space-md);margin:0 auto;padding-bottom:60px}.admin-header{margin-bottom:var(--space-xl)}.admin-header h1{color:var(--color-text-primary);font-size:2rem}.admin-header span{color:var(--color-text-secondary);font-weight:400}.admin-form{background:var(--glass-bg);border:1px solid var(--glass-border);padding:var(--space-xl);border-radius:var(--radius-xl);gap:var(--space-lg);flex-direction:column;display:flex}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-row{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.form-group label{color:var(--color-text-secondary);font-size:.9rem;font-weight:600}.form-group input,.form-group select{border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--color-text-primary);transition:all var(--duration-fast);background:#ffffff0d;padding:14px;font-size:1rem}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);background:#ffffff1a;outline:none}.help-text{color:var(--color-text-tertiary);margin-top:4px;font-size:.8rem}.upload-box{aspect-ratio:16/9;border:2px dashed var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;width:100%;transition:all var(--duration-fast);background:#0003;justify-content:center;align-items:center;display:flex;overflow:hidden}.upload-box:hover{border-color:var(--color-primary);background:#6366f10d}.upload-placeholder{align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);flex-direction:column;display:flex}.upload-preview{object-fit:cover;width:100%;height:100%}.btn-submit{margin-top:var(--space-md);background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast);border:none;padding:16px;font-size:1.1rem;font-weight:700}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px -5px #6366f166}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.message{border-radius:var(--radius-lg);text-align:center;padding:14px;font-weight:500}.message.success{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.message.error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}:root{--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-12:48px;--motion-duration-fast:.15s;--motion-duration-normal:.25s;--motion-easing-spring:cubic-bezier(.175, .885, .32, 1.275);--motion-easing-smooth:cubic-bezier(.4, 0, .2, 1);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--touch-target-min:44px;--color-bg-base:#f8f9fa;--color-bg-surface:#fff;--color-bg-surface-hover:#0000000a;--color-text-primary:#000000e6;--color-text-secondary:#0009;--color-text-tertiary:#0006;--color-border:#00000014;--color-divider:#0000000f;--color-brand:#000;--color-brand-hover:#000c;--color-brand-text:#fff;--color-danger:#ff3b30;--color-success:#34c759;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #00000014;--glass-bg:#ffffffb3;--glass-blur:blur(20px)}@media (prefers-color-scheme:dark){:root{--color-bg-base:#000;--color-bg-surface:#1c1c1e;--color-bg-surface-hover:#ffffff14;--color-text-primary:#fffffff5;--color-text-secondary:#fff9;--color-text-tertiary:#ffffff4d;--color-border:#ffffff1a;--color-divider:#ffffff0f;--color-brand:#fff;--color-brand-hover:#fffc;--color-brand-text:#000;--shadow-sm:0 4px 12px #0006;--shadow-md:0 12px 32px #0009;--glass-bg:#1c1c1eb3}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--motion-duration-normal) var(--motion-easing-smooth), color var(--motion-duration-normal) var(--motion-easing-smooth);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;transition:opacity var(--motion-duration-fast) var(--motion-easing-smooth), transform var(--motion-duration-fast) var(--motion-easing-spring);background:0 0;border:none;font-family:inherit}button:active{transform:scale(.96)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}