.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}.home-page{padding:var(--space-xl) 0;max-width:1200px;margin:0 auto}.discovery-header{margin-bottom:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex}.search-bar-container{width:100%;max-width:600px;margin:0 auto;position:relative}.search-icon{color:var(--color-text-secondary);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;color:var(--color-text-primary);border-radius:24px;padding:16px 16px 16px 48px;font-size:1.1rem;transition:all .3s;box-shadow:0 4px 20px #0000001a}.search-input:focus{border-color:var(--color-primary);background:#ffffff14;outline:none;box-shadow:0 4px 20px #6366f14d}.chips-container{scrollbar-width:none;gap:12px;padding:8px 0 16px;display:flex;overflow-x:auto}.chips-container::-webkit-scrollbar{display:none}.chip{color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:8px 16px;font-size:.9rem;transition:all .2s}.chip:hover{color:var(--color-text-primary);background:#ffffff1a}.chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 15px #6366f166}.album-tabs{margin-bottom:var(--space-xl);border-bottom:1px solid var(--glass-border);justify-content:center;gap:32px;padding-bottom:16px;display:flex}.album-tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.2rem;font-weight:600;transition:color .3s;position:relative}.album-tab:hover{color:var(--color-text-primary)}.album-tab.active{color:#fff}.album-tab.active:after{content:"";background:var(--color-primary);border-radius:3px 3px 0 0;width:100%;height:3px;position:absolute;bottom:-17px;left:0;box-shadow:0 -2px 10px #6366f180}.masonry-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;display:grid}.product-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.product-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0003}.product-image-wrapper{width:100%;padding-top:133%;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.product-card:hover .product-image{transform:scale(1.05)}.product-meta{justify-content:space-between;align-items:center;padding:16px;display:flex}.product-sku{color:var(--color-text-primary);font-size:1rem;font-weight:600}.product-price{color:var(--color-primary);font-size:1.1rem;font-weight:700}.product-actions{padding:0 16px 16px}.btn-buy{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-weight:700;transition:all .2s;display:flex}.btn-buy:hover:not(.locked){background:var(--color-secondary);box-shadow:0 0 15px #8b5cf680}.btn-buy.locked{color:var(--color-text-secondary);cursor:not-allowed;background:#ffffff1a}.blindbox-card{border-color:#f59e0b4d;box-shadow:0 0 20px #f59e0b1a}.blindbox-image{filter:blur(2px)brightness(.9)}.blindbox-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-align:center;background:#0009;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.blindbox-overlay h4{color:#fcd34d;margin:16px 0 8px;font-size:1.2rem}.blindbox-overlay p{color:#fffc;font-size:.9rem}.blur-meta{filter:blur(4px);opacity:.5}.bounce-icon{color:#f59e0b;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.timeline-container{flex-direction:column;gap:40px;display:flex}.timeline-group{border-left:2px solid #ffffff1a;padding-left:20px;position:relative}.timeline-date{color:#fff;align-items:center;margin:0 0 24px;font-size:1.5rem;display:flex;position:relative}.timeline-date .dot{background:var(--color-primary);width:12px;height:12px;box-shadow:0 0 10px var(--color-primary);border-radius:50%;position:absolute;left:-27px}.loading-state,.empty-state{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:16px;padding:60px 20px;font-size:1.1rem;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.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}.admin-tabs{gap:var(--space-md);margin-bottom:var(--space-xl);border-bottom:1px solid var(--glass-border);padding-bottom:var(--space-sm);display:flex}.admin-tab{color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;padding:10px 20px;font-size:1.1rem;font-weight:600;position:relative}.admin-tab:hover{color:var(--color-text-primary)}.admin-tab.active{color:var(--color-primary)}.admin-tab.active:after{content:"";bottom:-var(--space-sm);background:var(--color-primary);border-radius:2px 2px 0 0;width:100%;height:2px;position:absolute;left:0}.orders-table-wrapper{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-md);overflow-x:auto}.orders-table{border-collapse:collapse;text-align:left;width:100%}.orders-table th{color:var(--color-text-secondary);border-bottom:1px solid var(--glass-border);padding:16px;font-weight:600}.orders-table td{color:var(--color-text-primary);border-bottom:1px solid #ffffff0d;padding:16px}.orders-table tr:last-child td{border-bottom:none}.status-badge{border-radius:12px;padding:4px 10px;font-size:.85rem;font-weight:700}.status-badge.paid{color:#10b981;background:#10b98126}.status-badge.pending{color:#f59e0b;background:#f59e0b26}.loading-text,.empty-text{text-align:center;color:var(--color-text-secondary);padding:var(--space-xl)}.preset-tags-container{align-items:center;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed #ffffff1a;width:100%;display:flex}.preset-tags-label{color:var(--color-text-secondary);white-space:nowrap;font-size:.85rem}.preset-tags-scroll{flex:1;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.preset-tags-scroll::-webkit-scrollbar{height:4px}.preset-tags-scroll::-webkit-scrollbar-track{background:#ffffff05}.preset-tags-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.preset-tag-btn{color:#c7d2fe;cursor:pointer;white-space:nowrap;background:#6366f11a;border:1px solid #6366f133;border-radius:12px;padding:4px 12px;font-size:.8rem;transition:all .2s}.preset-tag-btn:hover{background:var(--color-primary);color:#fff}.admin-batch-section{gap:var(--space-lg);flex-direction:column;display:flex}.batch-toolbar{background:var(--glass-bg);border:1px solid var(--glass-border);padding:var(--space-lg);border-radius:var(--radius-xl);gap:var(--space-md);flex-direction:column;display:flex}.batch-toolbar h3{color:var(--color-text-primary);margin:0;font-size:1.1rem}.batch-inputs{gap:var(--space-md) var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:flex-end;display:grid}.batch-input-group{flex-direction:column;gap:4px;display:flex}.batch-input-group label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.batch-input-group input,.batch-input-group select{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-primary);background:#ffffff0d;padding:10px;font-size:.95rem}.btn-apply-batch{color:var(--color-text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;background:#ffffff1a;height:40px;padding:10px 20px;font-weight:600;transition:all .2s}.btn-apply-batch:hover:not(:disabled){background:#fff3}.btn-apply-batch:disabled{opacity:.5;cursor:not-allowed}.global-msg{color:#10b981;font-size:.9rem;font-weight:500}.upload-dropzone{border:2px dashed var(--color-primary);border-radius:var(--radius-xl);justify-content:center;align-items:center;gap:var(--space-md);cursor:pointer;color:var(--color-text-secondary);background:#6366f10d;flex-direction:column;padding:40px 20px;transition:all .2s;display:flex}.upload-dropzone:hover{background:#6366f11a}.upload-table-wrapper{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow-x:auto}.upload-table{border-collapse:collapse;text-align:left;width:100%}.upload-table th{color:var(--color-text-secondary);border-bottom:1px solid var(--glass-border);padding:12px 16px;font-size:.9rem;font-weight:600}.upload-table td{vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:12px 16px}.row-error{background:#ef44440d}.preview-td{align-items:center;gap:12px;display:flex}.preview-td img{object-fit:cover;border:1px solid var(--glass-border);border-radius:8px;width:48px;height:48px}.preview-td .filename{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.85rem;overflow:hidden}.inline-input,.inline-select{border:1px solid var(--glass-border);width:100%;color:var(--color-text-primary);background:#ffffff0d;border-radius:6px;padding:8px;font-size:.9rem}.sku-input{min-width:120px}.price-input{min-width:80px}.status-td .status{align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.status.waiting{color:var(--color-text-tertiary)}.status.uploading{color:var(--color-primary)}.status.success{color:#10b981}.status.error{color:#ef4444;cursor:help}.spin-icon{animation:1s linear infinite spin}.btn-icon.remove{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .2s}.btn-icon.remove:hover:not(:disabled){color:#ef4444;background:#ef44441a}.btn-icon.remove:disabled{opacity:.3;cursor:not-allowed}.btn-submit-all{background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);cursor:pointer;border:none;width:100%;padding:16px;font-size:1.1rem;font-weight:700;transition:all .2s}.btn-submit-all:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px -5px #6366f166}.btn-submit-all:disabled{opacity:.7;cursor:not-allowed}: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}