*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary, #f6f8fa);color:var(--text-primary, #2d3748)}:root{--primary-hue: 240;--primary: hsl(var(--primary-hue), 85%, 60%);--primary-hover: hsl(var(--primary-hue), 85%, 52%);--primary-light: hsl(var(--primary-hue), 85%, 96%);--secondary: hsl(260, 80%, 65%);--accent: hsl(30, 95%, 55%);--bg-app: hsl(210, 30%, 98%);--bg-card: hsl(0, 0%, 100%);--bg-sidebar: hsla(0, 0%, 100%, .85);--text-main: hsl(210, 25%, 15%);--text-muted: hsl(210, 15%, 45%);--text-light: hsl(210, 10%, 65%);--border-light: hsl(210, 20%, 90%);--border-focus: hsl(var(--primary-hue), 80%, 75%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 24px rgba(100, 110, 140, .08);--shadow-lg: 0 16px 48px rgba(90, 100, 130, .12);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .04);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);overflow-x:hidden;transition:background-color .3s ease}.app-container{display:flex;min-height:100vh;width:100vw;overflow:hidden}.app-sidebar{width:280px;background:var(--bg-sidebar);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--border-light);display:flex;flex-direction:column;padding:1.5rem;box-shadow:var(--shadow-sm);z-index:100;flex-shrink:0}.logo-section{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding-left:.5rem}.logo-icon{width:38px;height:38px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.25rem;box-shadow:0 4px 12px #6c5ce74d}.logo-text h1{font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.logo-text p{font-size:.7rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:1px;margin-top:.1rem}.sidebar-menu{display:flex;flex-direction:column;gap:.35rem;flex:1}.menu-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;cursor:pointer;background:transparent}.menu-item:hover{color:var(--primary);background-color:var(--primary-light)}.menu-item.active{color:var(--primary);background-color:var(--primary-light);border-color:hsla(var(--primary-hue),85%,60%,.15);box-shadow:var(--shadow-glass)}.menu-item-icon{width:18px;height:18px;flex-shrink:0}.user-profile-badge{padding-top:1rem;border-top:1px solid var(--border-light);margin-top:auto;display:flex;align-items:center;justify-content:space-between}.user-info{display:flex;flex-direction:column;gap:.15rem}.user-name{font-size:.85rem;font-weight:700;color:var(--text-main)}.user-role{font-size:.7rem;font-weight:600;background:#dff2fb;color:#1271a1;padding:.1rem .4rem;border-radius:4px;align-self:flex-start}.user-role.admin{background:#feeddc;color:#ae5904}.logout-btn{background:none;border:none;color:var(--text-light);cursor:pointer;padding:.4rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.logout-btn:hover{color:#eb4747;background-color:#fdf1f1}.main-workspace{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100vh}.workspace-header{height:70px;background:#fff;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;flex-shrink:0;z-index:10}.header-title h2{font-size:1.15rem;font-weight:800;color:var(--text-main)}.header-actions{display:flex;align-items:center;gap:1rem}.btn{font-family:var(--font-sans);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.85rem;font-weight:700;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 14px rgba(var(--primary-hue),85%,60%,.15)}.btn-primary:hover{opacity:.95;box-shadow:0 6px 20px rgba(var(--primary-hue),85%,60%,.25)}.btn-secondary{background:#fff;border-color:var(--border-light);color:var(--text-muted)}.btn-secondary:hover{background:var(--bg-app);color:var(--text-main)}.btn-danger{background:#fdf1f1;border-color:#fbdfdf;color:#cf1717}.btn-danger:hover{background:#eb4747;color:#fff}.btn-sm{padding:.4rem .85rem;font-size:.75rem;border-radius:var(--radius-sm)}.custom-scrollbar{overflow-y:auto}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#d3d9de;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#b6bfc9}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 10% 20%,#f2ebf3,#e3ecf4 90%)}.auth-card{width:420px;background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:0 20px 50px #0000000d;display:flex;flex-direction:column;gap:1.5rem}.auth-header{text-align:center}.auth-header h2{font-size:1.5rem;font-weight:800;color:var(--text-main);margin-bottom:.35rem}.auth-header p{font-size:.85rem;color:var(--text-muted)}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.form-input{font-family:var(--font-sans);background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.9rem;color:var(--text-main);outline:none;transition:all .2s ease}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px hsla(var(--primary-hue),85%,60%,.1)}.form-select{font-family:var(--font-sans);background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.9rem;color:var(--text-main);outline:none;cursor:pointer;transition:all .2s ease}.form-select:focus{border-color:var(--border-focus)}.form-textarea{font-family:var(--font-sans);background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.9rem;color:var(--text-main);outline:none;resize:vertical;min-height:100px;transition:all .2s ease}.form-textarea:focus{border-color:var(--border-focus)}.panel-layout{flex:1;display:flex;overflow:hidden;position:relative}.control-panel{width:360px;border-right:1px solid var(--border-light);background:#fff;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.control-panel-section{padding:1.5rem;border-bottom:1px solid var(--border-light)}.control-panel-title{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-light);letter-spacing:.5px;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.content-panel{flex:1;padding:2rem;overflow-y:auto;background:var(--bg-app)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.pending-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;background:#fff}.pending-graphic{font-size:4rem;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.kanban-board{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;height:100%;overflow-x:auto;padding-bottom:1rem}.kanban-col{background:#f3f5f7;border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:1rem;min-width:220px;max-height:100%}.kanban-col-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:0 .25rem}.col-title{font-size:.85rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.col-count{background:#fff;font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:20px;border:1px solid var(--border-light);color:var(--text-muted)}.kanban-items{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;flex:1;padding-right:.25rem}.kanban-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1rem;box-shadow:0 2px 4px #00000005;cursor:grab;transition:all .2s ease}.kanban-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.upload-dropzone{border:2px dashed var(--border-light);background:var(--bg-app);border-radius:var(--radius-lg);padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem}.upload-dropzone:hover{border-color:var(--primary);background:var(--primary-light)}.dropzone-icon{width:48px;height:48px;color:var(--primary);opacity:.8}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.gallery-item{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;position:relative;aspect-ratio:1;box-shadow:var(--shadow-sm)}.gallery-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover .gallery-img{transform:scale(1.05)}.gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000c,#0003,#0000);display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;opacity:0;transition:opacity .2s ease;color:#fff}.gallery-item:hover .gallery-overlay{opacity:1}.overlay-meta{font-size:.75rem;margin-bottom:.5rem;display:flex;flex-direction:column;gap:.15rem}.overlay-sku{font-weight:800;letter-spacing:.5px}.overlay-actions{display:flex;gap:.5rem}.tag{font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.tag-hero{background:#0a415c;color:#d1ecfa}.tag-lifestyle{background:#0f5727;color:#d4f7e0}.tag-feature{background:#3f0f57;color:#ebd4f7}.tag-swatch{background:#5c330a;color:#fae6d1}.tag-upscale{background:#5e0833;color:#fbd0e6}.color-circle{width:22px;height:22px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px var(--border-light);display:inline-block;vertical-align:middle}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:var(--radius-lg);padding:2rem;width:90%;max-width:500px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1.5rem}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:1.2rem;font-weight:800}.close-btn{background:none;border:none;color:var(--text-light);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:var(--bg-app);color:var(--text-main)}