.wardrobe-nav{background:var(--gradient-accent);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:1.5rem 0;box-shadow:0 8px 32px #6366f11a;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);transition:box-shadow var(--transition-fast),border-color var(--transition-fast);width:100%;margin:0;display:flex;justify-content:space-between;align-items:center}[data-theme=fashion] .wardrobe-nav{background:var(--primary-color);box-shadow:0 8px 32px #0f141926;border-bottom:1px solid var(--border-color)}.wardrobe-nav h1{font-size:1.8rem;font-weight:600;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}[data-theme=fashion] .wardrobe-nav h1{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;color:var(--light-color);text-shadow:none;font-weight:700;letter-spacing:.02em}.nav-content{border-bottom:3px solid transparent;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);transition:box-shadow var(--transition-fast),border-color var(--transition-fast);max-width:1800px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.nav-logo,.nav-logo:visited,.nav-logo:active,.nav-logo:hover{text-decoration:none}.nav-logo h1{color:var(--primary-color);margin:0;font-size:2.2rem;font-weight:800;letter-spacing:-1px;text-shadow:0 2px 8px rgba(99,102,241,.08);background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=fashion] .nav-logo h1{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;color:var(--light-color);text-shadow:none;font-weight:700;letter-spacing:.02em}.nav-buttons{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px;background:#1e293bf5;padding:8px 0;border-radius:12px;box-shadow:0 2px 12px #0000001a}@media (min-width: 769px){.nav-buttons{display:flex}}.nav-button{padding:8px 24px;border:none;background:transparent;color:#fff9;cursor:pointer;font-weight:500;font-size:.95rem;transition:all .2s ease;border-radius:6px}.nav-button.active{background:#ffffff1a;color:#fff}.nav-button:hover:not(.active){color:#fff}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;background:none;border:none;cursor:pointer;z-index:1100}.hamburger-bar{width:2rem;height:.25rem;background:var(--accent-color);margin:.2rem 0;border-radius:2px;transition:all .3s}@media (max-width: 768px){.nav-content{flex-direction:column;align-items:stretch;padding:0}.nav-button{width:100%;font-size:1.1rem;padding:14px 0;border-radius:8px;text-align:center;color:var(--light-color);background:none}.nav-button.active{background:#ffffff1f;color:var(--light-color)}.nav-button:hover:not(.active){background:#ffffff14;color:var(--light-color)}.hamburger{display:flex;position:absolute;right:2rem}.nav-buttons{flex-direction:column;width:100%}.nav-buttons.open{display:flex!important}.nav-buttons.nav-buttons-center{display:none;position:absolute;top:100%;left:0;right:0;background:#1e293bf5;flex-direction:column;align-items:stretch;z-index:1001;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);box-shadow:0 8px 32px #6366f11a;margin-top:0;padding:8px 0;width:100%}.nav-buttons.nav-buttons-center.open{display:flex!important}img.logo-img{margin-left:1.2em}}@media (max-width: 480px){.wardrobe-nav{padding:8px 2px}.nav-button{font-size:1.15rem;padding:16px 0}}.navbar-logo-img{height:2.2rem;margin-right:.7rem;vertical-align:middle}.nav-content-mobile-layout{display:flex;align-items:center;justify-content:space-between;position:relative}.navbar-logo-title{display:inline;vertical-align:middle;text-decoration:none}@media (max-width: 768px){.nav-content-mobile-layout{display:block;position:relative;width:100%;min-height:56px;padding:0 1rem}.hamburger{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);margin:0;z-index:2;order:unset}.nav-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;display:flex;align-items:center;justify-content:center;min-width:0;z-index:1}.navbar-logo-img{margin-right:0;height:2.2rem}.navbar-logo-title{display:none}.navbar-auth{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);margin:0;display:flex;align-items:center;z-index:2;order:unset}}@media (min-width: 769px){.nav-content-mobile-layout{display:flex;align-items:center;justify-content:space-between;position:relative;width:100%;min-height:56px;padding:0 2rem;gap:2rem}.nav-logo{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;margin-right:2rem;position:static;min-width:0}.nav-buttons-center{width:calc(100% - 40px);max-width:unset;margin-left:auto;margin-right:auto;box-sizing:border-box}.navbar-auth{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;margin-left:2rem;position:static}.hamburger{display:none!important}.nav-content{flex-direction:row;align-items:center;padding:0 2rem}.nav-buttons{flex-direction:row;width:auto;margin-top:0;background:none;padding:0;border-radius:0;box-shadow:none}}@media (min-width: 769px) and (max-width: 1024px){.navbar-logo-title{display:none}}@media (min-width: 769px){.nav-buttons-center--fullwidth-desktop{width:calc(100% - 40px);max-width:unset;margin-left:auto;margin-right:auto;box-sizing:border-box}}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:var(--light-color);background-image:none;border:1px solid var(--border-color);border-radius:20px;box-sizing:border-box;color:var(--text-color);cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;position:relative;text-align:center;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;min-width:min-content;display:inline-block}.gsi-material-button .gsi-material-button-icon{height:20px;min-width:20px;width:20px;display:flex;align-items:center;justify-content:center}.gsi-material-button .gsi-material-button-content-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:disabled{cursor:default;background-color:var(--light-color);opacity:.38;border-color:var(--border-color)}.gsi-material-button:disabled .gsi-material-button-contents,.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:var(--dark-color);opacity:12%}.gsi-material-button:not(:disabled):hover{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:var(--dark-color);opacity:8%}.gsi-material-button.full{padding:0 12px;width:auto;max-width:400px;display:inline-block}.gsi-material-button.full .gsi-material-button-icon{margin-right:12px;padding:0}.gsi-material-button.full .gsi-material-button-contents{display:inline}.gsi-material-button.full .gsi-material-button-content-wrapper{justify-content:flex-start}.gsi-material-button.compact{padding:0;width:40px;min-width:40px;max-width:40px;justify-content:center}.gsi-material-button.compact .gsi-material-button-icon{height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;width:100%;height:100%}.gsi-material-button.compact .gsi-material-button-icon svg{width:20px;height:20px;display:block}.gsi-material-button.compact .gsi-material-button-contents{display:none}.gsi-material-button.compact .gsi-material-button-content-wrapper{justify-content:center}@media (max-width: 768px){.gsi-material-button.full{display:none!important}.gsi-material-button.compact{display:inline-block!important}}@media (min-width: 769px){.gsi-material-button.full{display:inline-block!important}.gsi-material-button.compact{display:none!important}}.user-menu a,.dropdown-menu a{display:block;padding:.75rem 1.5rem;color:var(--primary-color);text-decoration:none;font-weight:500;border-radius:8px;transition:background .15s,color .15s}.user-menu a:hover,.dropdown-menu a:hover{background:var(--background-light);color:var(--accent-color)}.theme-toggle{background:var(--primary-color);color:var(--light-color);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);margin-left:var(--spacing-sm)}.theme-toggle:hover{background:var(--primary-hover);transform:scale(1.1);box-shadow:var(--shadow-md)}.theme-toggle:focus{outline:2px solid var(--accent-color);outline-offset:2px}.garment-card{width:100%;height:500px;perspective:1000px;margin:0;overflow:hidden;transition:box-shadow .3s,transform .3s;background:var(--card-bg);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);position:relative;padding:1.5rem 1.5rem 1.2rem;display:flex;flex-direction:column;gap:1.2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}[data-theme=fashion] .garment-card{border-radius:0}.garment-card.type-accoutrements{border:3px solid var(--type-accoutrements)!important}.garment-card.type-bottoms{border:3px solid var(--type-bottoms)!important}.garment-card.type-mid-layer{border:3px solid var(--type-mid-layer)!important}.garment-card.type-footwear{border:3px solid var(--type-footwear)!important}.garment-card.type-headwear{border:3px solid var(--type-headwear)!important}.garment-card.type-base-layer{border:3px solid var(--type-base-layer)!important}.garment-card.type-outer-layer{border:3px solid var(--type-outer-layer)!important}.garment-card.type-uncategorized{border:3px solid var(--type-uncategorized)!important}.garment-card.type-underwear{border:3px solid var(--type-underwear)!important}.garment-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 16px 48px #6366f12e,0 4px 24px #0000001a;border-color:var(--accent-color)}.garment-card-inner{position:relative;width:100%;height:100%;text-align:left;transition:transform .6s;transform-style:preserve-3d;margin-bottom:0;padding-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border:1px solid var(--border-color);border-radius:var(--card-radius)}[data-theme=fashion] .garment-card-inner{border-radius:0}.garment-card-inner.type-accoutrements{border-color:var(--type-accoutrements)!important}.garment-card-inner.type-bottoms{border-color:var(--type-bottoms)!important}.garment-card-inner.type-mid-layer{border-color:var(--type-mid-layer)!important}.garment-card-inner.type-footwear{border-color:var(--type-footwear)!important}.garment-card-inner.type-headwear{border-color:var(--type-headwear)!important}.garment-card-inner.type-base-layer{border-color:var(--type-base-layer)!important}.garment-card-inner.type-outer-layer{border-color:var(--type-outer-layer)!important}.garment-card-inner.type-uncategorized{border-color:var(--type-uncategorized)!important}.garment-card-inner.type-underwear{border-color:var(--type-underwear)!important}.garment-card-front,.garment-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);background:var(--card-bg);border-radius:var(--card-radius);overflow:hidden;box-shadow:none;top:0;left:0}[data-theme=fashion] .garment-card-front,[data-theme=fashion] .garment-card-back{border-radius:0}.garment-card-front{display:flex;flex-direction:column;z-index:2;justify-content:flex-start;align-items:stretch}.garment-card-front .relative{position:relative;width:100%;height:75%;overflow:hidden}.garment-card-front img{width:100%;height:70%;object-fit:cover;object-position:center;border-radius:var(--card-radius) var(--card-radius) 0 0;box-shadow:0 4px 16px #6366f11a;flex-shrink:0}[data-theme=fashion] .garment-card-front img{border-radius:0}.garment-image-placeholder{width:100%;height:70%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#9ca3af;flex-shrink:0}.placeholder-icon{width:48px;height:48px;opacity:.6}[data-theme=fashion] .garment-image-placeholder{background-color:var(--input-bg-light);color:var(--text-color)}.garment-card-back{transform:rotateY(180deg);padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;z-index:1}.garment-card-image{width:100%;height:75%;object-fit:cover;object-position:center top}.garment-card-no-image{width:100%;height:75%;background-color:var(--input-bg-light);color:var(--text-color);font-size:.98rem}.image-error{background-color:var(--input-bg-light);color:var(--error-color);font-weight:600}.image-error:after{color:var(--error-color)}.garment-card-title{font-size:1.5rem;font-weight:900;margin:.5rem 0 2rem;color:var(--primary-color);background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;text-shadow:0 2px 8px rgba(99,102,241,.08);padding:.5em 1.2em;border:none;height:auto;display:block;line-height:1.2;overflow:visible;white-space:normal;word-break:break-word;flex-shrink:0;min-height:2.5em}[data-theme=fashion] .garment-card-title{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;color:var(--primary-color);text-shadow:none;font-weight:700;letter-spacing:.02em}.garment-card-footer{width:100%;min-height:2.5em;display:flex;align-items:center;justify-content:flex-start;padding:1em 1.2em;font-size:1.05rem;font-weight:700;color:var(--light-color);border-bottom-left-radius:var(--card-radius);border-bottom-right-radius:var(--card-radius);letter-spacing:.04em;box-shadow:0 -2px 12px #00000014;margin-top:0}.garment-card-footer.type-accoutrements{background:var(--type-accoutrements)}.garment-card-footer.type-bottoms{background:var(--type-bottoms)}.garment-card-footer.type-mid-layer{background:var(--type-mid-layer)}.garment-card-footer.type-footwear{background:var(--type-footwear)}.garment-card-footer.type-headwear{background:var(--type-headwear)}.garment-card-footer.type-base-layer{background:var(--type-base-layer)}.garment-card-footer.type-outer-layer{background:var(--type-outer-layer)}.garment-card-footer.type-uncategorized{background:var(--type-uncategorized)}.garment-card-footer.type-underwear{background:var(--type-underwear)}.garment-card-type{font-size:inherit;font-weight:inherit;color:inherit;background:none;border:none;box-shadow:none;padding:0;margin:0;border-radius:0;letter-spacing:inherit;transition:none;display:inline}.garment-card-description{margin-bottom:1rem;color:var(--text-color);font-size:1rem;line-height:1.6;padding:0 .5rem}.garment-card-details{display:flex;flex-direction:column;gap:1rem;flex:1}.detail-section{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.5rem;background:transparent;border-radius:8px}.detail-item{font-size:.98rem;color:var(--text-primary);display:flex;flex-direction:column;gap:.25rem}.detail-item strong{color:var(--primary-color);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.garment-card-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px;width:100%}.action-row{display:flex;flex-direction:row;gap:16px;width:100%;flex-wrap:wrap}.action-row-button{flex:1 1 0;min-width:120px;max-width:220px;font-size:1rem;padding:10px 1.2rem;height:48px;display:flex;align-items:center;justify-content:center;border-radius:2rem;background:var(--primary-color);color:var(--light-color);border:none;cursor:pointer;transition:background .2s,box-shadow .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-row-button:focus,.action-row-button:hover{background:var(--primary-hover);outline:none}.garment-card .edit-button,.store-button,.clean-button,.wear-button,.daily-wear-toggle{border-radius:2rem!important;background:var(--gradient-accent)!important;color:var(--light-color)!important;box-shadow:var(--shadow-sm)!important;font-size:.98rem!important;font-weight:700!important;padding:0 1.2rem!important;height:44px!important;transition:all var(--transition-fast)!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;letter-spacing:.04em!important}[data-theme=fashion] .garment-card .edit-button,[data-theme=fashion] .garment-card .store-button,[data-theme=fashion] .garment-card .clean-button,[data-theme=fashion] .garment-card .wear-button,[data-theme=fashion] .garment-card .daily-wear-toggle{background:var(--primary-color)!important;color:var(--light-color)!important;box-shadow:var(--shadow-sm)!important;cursor:pointer!important;border:none!important;transition:all var(--transition-fast)!important;position:relative!important;z-index:10!important}.wear-button:hover,.garment-card .edit-button:hover,.store-button:hover,.clean-button:hover,.daily-wear-toggle:hover{filter:brightness(1.1) saturate(1.2);transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-md)}[data-theme=fashion] .garment-card .wear-button:hover,[data-theme=fashion] .garment-card .edit-button:hover,[data-theme=fashion] .garment-card .store-button:hover,[data-theme=fashion] .garment-card .clean-button:hover,[data-theme=fashion] .garment-card .daily-wear-toggle:hover{background:var(--primary-hover)!important;filter:none!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:var(--shadow-md)!important;cursor:pointer!important}.daily-wear-toggle{border-radius:2rem!important;background:var(--gradient-accent)!important;color:var(--light-color)!important;box-shadow:var(--shadow-sm)!important;font-size:.98rem!important;font-weight:700!important;padding:0 1.2rem!important;height:44px!important;transition:all var(--transition-fast)!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;letter-spacing:.04em!important}.daily-wear-toggle.active{background:var(--success-color, #10b981)!important;color:#fff!important}.daily-wear-toggle:hover{filter:brightness(1.1) saturate(1.2);transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-md)}[data-theme=fashion] .garment-card .daily-wear-toggle{background:var(--primary-color)!important;color:var(--light-color)!important;box-shadow:var(--shadow-sm)!important;cursor:pointer!important;border:none!important;transition:all var(--transition-fast)!important;position:relative!important;z-index:10!important}[data-theme=fashion] .garment-card .daily-wear-toggle.active{background:var(--success-color, #10b981)!important;color:#fff!important}[data-theme=fashion] .garment-card .daily-wear-toggle:hover{background:var(--primary-hover)!important;filter:none!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:var(--shadow-md)!important;cursor:pointer!important}.unavailable-indicator{position:absolute;top:10px;right:10px;background:#ef4444f2;color:#fff;padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 4px 12px #ef444466;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.2);animation:unavailable-pulse 3s ease-in-out infinite;min-width:120px;white-space:nowrap;text-align:center}@keyframes unavailable-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #ef444466}50%{transform:scale(1.05);box-shadow:0 6px 16px #ef444499}}.unavailable-text{display:block;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.3);margin-bottom:2px}.unavailable-until{display:block;text-align:center;font-size:.7rem;font-weight:500;opacity:.9;text-shadow:0 1px 1px rgba(0,0,0,.2)}.unavailable-reason{background:#8080801a;color:var(--text-color, #333);padding:8px 12px;border-radius:8px;font-size:.8rem;margin-top:8px;border:1px solid rgba(128,128,128,.2);text-align:center}[data-theme=fashion] .unavailable-reason{background:var(--input-bg-light, rgba(128, 128, 128, .1));color:var(--text-color, #333);border-color:var(--border-color, rgba(128, 128, 128, .3))}[data-theme=fashion] .unavailable-indicator{background:var(--danger-color, rgba(239, 68, 68, .95));color:var(--light-color, white);box-shadow:var(--shadow-sm);border:2px solid rgba(255,255,255,.3)}.location-indicator{position:absolute;top:10px;right:10px;background:#22c55ef2;color:#fff;padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 4px 12px #22c55e66;z-index:8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.2);max-width:35%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-text{display:inline;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap}.location-icon{display:inline;text-align:center;font-size:.9rem;margin-right:4px;text-shadow:0 1px 2px rgba(0,0,0,.3)}[data-theme=fashion] .location-indicator{background:var(--accent-color, rgba(34, 197, 94, .95));color:var(--light-color, white);box-shadow:var(--shadow-sm);border:2px solid rgba(255,255,255,.3)}.location-indicator-with-unavailable{top:50px}.location-indicator-bottom{position:absolute;bottom:15px;left:50%;transform:translate(-50%);background:#22c55ef2;color:#fff;padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 4px 12px #22c55e66;z-index:8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.2);min-width:80px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}[data-theme=fashion] .location-indicator-bottom{background:var(--accent-color, rgba(34, 197, 94, .95));color:var(--light-color, white);box-shadow:var(--shadow-sm);border:2px solid rgba(255,255,255,.3)}.daily-wear-indicator-front{position:absolute;top:10px;right:10px;background:#10b981f2;color:#fff;padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 4px 12px #10b98166;z-index:9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:6px;min-width:80px;white-space:nowrap}.daily-wear-indicator-front+.unavailable-indicator,.unavailable-indicator+.daily-wear-indicator-front{display:none}.location-indicator,.location-indicator-bottom,.daily-wear-indicator-front,.unavailable-indicator,.times-since-wash-indicator{font-size:.75rem;padding:5px 10px;border-radius:12px;box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);transition:all .2s ease}.location-indicator:hover,.location-indicator-bottom:hover,.daily-wear-indicator-front:hover,.unavailable-indicator:hover,.times-since-wash-indicator:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.daily-wear-icon{font-size:1rem}.daily-wear-text{text-shadow:0 1px 2px rgba(0,0,0,.3)}[data-theme=fashion] .daily-wear-indicator-front{background:var(--success-color, rgba(16, 185, 129, .95));color:var(--light-color, white);box-shadow:var(--shadow-sm);border:2px solid rgba(255,255,255,.3)}.times-since-wash-indicator{position:absolute;top:10px;left:10px;background:#3b82f6f2;color:#fff;padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:600;text-transform:none;letter-spacing:.5px;box-shadow:0 4px 12px #3b82f666;z-index:9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.2);min-width:100px;white-space:nowrap;text-align:center}.times-since-wash-indicator+.daily-wear-indicator-front,.times-since-wash-indicator+.unavailable-indicator{margin-top:0}.times-since-wash-text{display:block;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1.2}[data-theme=fashion] .times-since-wash-indicator{background:var(--primary-color, rgba(59, 130, 246, .95));color:var(--light-color, white);box-shadow:var(--shadow-sm);border:2px solid rgba(255,255,255,.3)}.times-since-wash-indicator.high-usage{background:#ef4444f2;box-shadow:0 4px 12px #ef444466;animation:high-usage-pulse 2s ease-in-out infinite}@keyframes high-usage-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #ef444466}50%{transform:scale(1.05);box-shadow:0 6px 16px #ef444499}}[data-theme=fashion] .times-since-wash-indicator.high-usage{background:var(--error-color, rgba(239, 68, 68, .95));box-shadow:var(--shadow-sm)}@media (max-width: 768px){.times-since-wash-indicator{font-size:.7rem;padding:4px 8px;max-width:40%;top:12px}.times-since-wash-text{font-size:.7rem}.unavailable-indicator{max-width:40%;top:12px}}.wear-limit-indicator{position:absolute;top:10px;left:10px;background:#3b82f6f2;color:#fff;padding:6px 12px;border-radius:16px;font-size:.8rem;font-weight:600;text-transform:none;letter-spacing:.5px;box-shadow:0 4px 12px #3b82f666;z-index:9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.2);min-width:120px;white-space:nowrap;text-align:center}.wear-limit-text{display:block;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1.2}.wear-limit-indicator.approaching-limit{background:#f59e0bf2;box-shadow:0 4px 12px #f59e0b66;animation:approaching-limit-pulse 2s ease-in-out infinite}@keyframes approaching-limit-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #f59e0b66}50%{transform:scale(1.05);box-shadow:0 6px 16px #f59e0b99}}.wear-limit-indicator.limit-reached{background:#ef4444f2;box-shadow:0 4px 12px #ef444466;animation:limit-reached-pulse 2s ease-in-out infinite}@keyframes limit-reached-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #ef444466}50%{transform:scale(1.05);box-shadow:0 6px 16px #ef444499}}[data-theme=fashion] .wear-limit-indicator{background:var(--primary-color, rgba(59, 130, 246, .95));color:var(--light-color, white);box-shadow:var(--shadow-sm);border:2px solid rgba(255,255,255,.3)}[data-theme=fashion] .wear-limit-indicator.approaching-limit{background:var(--warning-color, rgba(245, 158, 11, .95));box-shadow:var(--shadow-sm)}[data-theme=fashion] .wear-limit-indicator.limit-reached{background:var(--error-color, rgba(239, 68, 68, .95));box-shadow:var(--shadow-sm)}@media (max-width: 768px){.wear-limit-indicator{font-size:.7rem;padding:4px 8px;max-width:45%;top:12px}.wear-limit-text{font-size:.7rem}.mark-available-button-front{font-size:.85rem;padding:9px 18px;min-width:130px;bottom:65px}}@media (max-width: 480px){.wear-limit-indicator{font-size:.65rem;padding:3px 6px;max-width:50%;top:15px;left:8px}.mark-available-button-front{font-size:.8rem;padding:8px 16px;min-width:120px;bottom:60px}}@media (max-width: 480px){.times-since-wash-indicator{font-size:.65rem;padding:3px 6px;max-width:45%;top:15px;left:8px}.unavailable-indicator{max-width:45%;top:15px;right:8px}}.garment-card.unavailable{position:relative}.garment-card.unavailable:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#80808014;border-radius:var(--border-radius-lg);z-index:1;pointer-events:none}.garment-card.unavailable .garment-card-inner{opacity:.85;filter:grayscale(.1)}.garment-card.unavailable{border:2px solid rgba(128,128,128,.3)!important;box-shadow:0 4px 20px #80808026}.garment-card.unavailable:hover{border-color:#80808080!important;box-shadow:0 8px 30px #80808040}[data-theme=fashion] .garment-card.unavailable:before{background:#8080801f}[data-theme=fashion] .garment-card.unavailable .garment-card-inner{opacity:.8}[data-theme=fashion] .garment-card.unavailable{border:2px solid rgba(128,128,128,.4)!important}.wear-button:disabled,.edit-button:disabled,.store-button:disabled,.mark-unavailable-button:disabled,.mark-available-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mark-unavailable-button{background-color:var(--warning-color, #f59e0b);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;flex:1;height:44px;min-height:44px}.mark-unavailable-button:hover,.mark-unavailable-button:focus{background-color:var(--warning-color-hover, #d97706);transform:translateY(-1px);box-shadow:0 4px 12px #0003}[data-theme=fashion] .mark-unavailable-button{background:var(--accent-color)!important;color:var(--light-color)!important;box-shadow:var(--shadow-sm)!important}[data-theme=fashion] .mark-unavailable-button:hover,[data-theme=fashion] .mark-unavailable-button:focus{background:var(--accent-hover)!important;filter:none;transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-md)}.mark-available-button{background-color:var(--success-color, #10b981);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;flex:1;height:44px;min-height:44px}.mark-available-button:hover,.mark-available-button:focus{background-color:var(--success-color-hover, #059669);transform:translateY(-1px);box-shadow:0 4px 12px #0003}[data-theme=fashion] .mark-available-button{background:var(--success-color, #10b981)!important;color:var(--light-color)!important;box-shadow:var(--shadow-sm)!important}[data-theme=fashion] .mark-available-button:hover,[data-theme=fashion] .mark-available-button:focus{background:var(--success-color-hover, #059669)!important;filter:none;transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-md)}.mark-available-button-front{position:absolute;bottom:70px;left:50%;transform:translate(-50%);background-color:var(--success-color, #10b981);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px #10b9814d;min-width:140px;text-align:center;z-index:15}.mark-available-button-front:hover{background-color:var(--success-color-hover, #059669);transform:translate(-50%) translateY(-2px);box-shadow:0 6px 16px #10b98166}.mark-available-button-front:active{transform:translate(-50%) translateY(0)}[data-theme=fashion] .mark-available-button-front{background:var(--success-color, #10b981)!important;color:var(--light-color)!important;box-shadow:var(--shadow-sm)!important}[data-theme=fashion] .mark-available-button-front:hover{background:var(--success-color-hover, #059669)!important;transform:translate(-50%) translateY(-2px);box-shadow:var(--shadow-md)}.too-small-indicator-front{position:absolute;top:15px;right:15px;background:#f59e0bf2;color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px;z-index:10;box-shadow:0 2px 8px #f59e0b4d;animation:too-small-pulse 3s ease-in-out infinite}@keyframes too-small-pulse{0%,to{opacity:1}50%{opacity:.8}}.too-small-icon{font-size:.9em}.too-small-text{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}[data-theme=fashion] .too-small-indicator-front{background:#f59e0bf2!important;border-radius:0;box-shadow:0 2px 8px #f59e0b4d}.garment-card.too-small{opacity:.7;filter:grayscale(.3)}.garment-card.too-small:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);pointer-events:none;z-index:1}.garment-card.too-small .garment-card-inner{position:relative;z-index:2}.mark-too-small-button{background:var(--warning-color, #f59e0b);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.mark-too-small-button:hover,.mark-too-small-button:focus{background:var(--warning-color-hover, #d97706);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.mark-too-small-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.mark-fits-again-button{background:var(--success-color, #10b981);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.mark-fits-again-button:hover,.mark-fits-again-button:focus{background:var(--success-color-hover, #059669);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.mark-fits-again-button:disabled{opacity:.6;cursor:not-allowed;transform:none}[data-theme=fashion] .mark-too-small-button,[data-theme=fashion] .mark-fits-again-button{border-radius:0;font-weight:600}[data-theme=fashion] .mark-too-small-button:hover,[data-theme=fashion] .mark-too-small-button:focus,[data-theme=fashion] .mark-fits-again-button:hover,[data-theme=fashion] .mark-fits-again-button:focus{transform:translateY(-2px);box-shadow:var(--shadow-md)}.wear-icon,.edit-icon,.store-icon,.clean-icon{font-size:1.2em;flex-shrink:0;display:flex;align-items:center}.edit-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color)}.edit-form input,.edit-form textarea,.edit-form select{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg-light)!important;color:var(--text-color)!important;font-size:.9rem}.edit-form textarea{min-height:80px;resize:vertical}.edit-form select{cursor:pointer}.edit-form-buttons{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.edit-form button{flex:1;padding:.5rem;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:100px}.edit-form .save-button{background:var(--primary-color);color:#fff}.edit-form .save-button:hover{background:var(--primary-color-dark)}.edit-form .cancel-button{background:var(--border-color);color:var(--text-color)}.edit-form .cancel-button:hover{background:var(--border-color-dark)}.edit-form .store-button{background:var(--warning-color);color:var(--light-color)}.edit-form .store-button:hover{background:var(--warning-color);filter:brightness(.9)}.edit-form .delete-button{background:var(--error-color);color:var(--light-color)}.edit-form .delete-button:hover{background:var(--error-color);filter:brightness(.9)}.edit-form button:disabled{opacity:.5;cursor:not-allowed}.edit-form input::placeholder,.edit-form textarea::placeholder{color:var(--text-muted)}@media (prefers-color-scheme: dark){.garment-card{box-shadow:0 4px 6px #0003}.garment-card-front,.garment-card-back{background-color:var(--card-bg);border-color:var(--border-color)}.garment-card-no-image{background-color:var(--input-bg)}.edit-form input,.edit-form textarea{background-color:var(--input-bg);color:var(--text-color)}.edit-form input::placeholder,.edit-form textarea::placeholder{color:var(--text-muted)}}.detail-item.seasons{display:flex;flex-direction:column;gap:.5rem}.season-icons{display:flex;gap:.5rem;align-items:center}.season-icon{font-size:1rem;line-height:1;cursor:help;transition:transform .2s ease}.season-icon:hover{transform:scale(1.2)}@media (max-width: 768px){.garment-card{height:450px}.garment-card-front img,.garment-image-placeholder{height:65%}}@media (max-width: 480px){.garment-card{height:400px}.garment-card-front img,.garment-image-placeholder{height:60%}.garment-card-title{font-size:1.1rem;padding:.75rem;min-height:2em}.garment-card-type{font-size:.8rem;padding:.5rem .75rem}}.card-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;justify-content:center}.card-actions button{display:flex;align-items:center;gap:4px;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.card-actions button:disabled{opacity:.5;cursor:not-allowed}.store-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background-color:var(--input-bg-light);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.store-button:hover{background-color:var(--border-color)}.store-button:disabled{opacity:.5;cursor:not-allowed}.store-icon{font-size:16px}.delete-button{background-color:var(--error-color);color:var(--light-color)}.clean-image-button{background-color:var(--accent-color);color:var(--light-color);display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;flex:1;height:44px;min-height:44px}.clean-image-button:hover{background-color:var(--accent-color-hover);transform:translateY(-1px)}.clean-image-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.garment-card.stored{opacity:.7;filter:grayscale(.5)}.garment-card.stored:hover{opacity:1;filter:grayscale(0)}.image-upload-container{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.image-upload-input{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-color);font-size:.9rem;cursor:pointer}.image-upload-input::-webkit-file-upload-button{background:var(--primary-color);color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;margin-right:1rem}.image-upload-input::-webkit-file-upload-button:hover{background:var(--primary-color-dark)}.uploading-text{color:var(--text-muted);font-size:.9rem;font-style:italic}.image-preview{max-width:100%;max-height:200px;object-fit:contain;border-radius:4px;border:1px solid var(--border-color);background:var(--input-bg)}.clean-button{background-color:var(--accent-color);color:var(--card-bg);display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;flex:1;height:44px;min-height:44px}.clean-button:hover{background-color:var(--accent-color-hover);transform:translateY(-1px)}.clean-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.clean-icon{font-size:16px;flex-shrink:0}.garment-card:not(.unavailable):hover .garment-card-inner{transform:rotateY(180deg)}.garment-card .edit-button:focus,.store-button:focus,.clean-button:focus,.wear-button:focus{outline:3px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-color)}@media (max-width: 600px){.garment-card-actions{gap:6px;margin-top:8px;align-items:flex-start}.action-row{flex-direction:column;gap:6px;width:100%}.garment-card-actions button,.action-row button,.clean-button{width:100%;font-size:.95rem;padding:10px 0;height:40px;min-height:40px}.garment-card-title{font-size:1.1rem;min-height:unset;height:auto;white-space:normal;word-break:break-word;line-height:1.3;padding:.25em .5em;margin-bottom:.5em;display:block;overflow:visible}}.unavailable-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(128,128,128,.03) 10px,rgba(128,128,128,.03) 20px);border-radius:var(--border-radius-lg);z-index:1;pointer-events:none}[data-theme=fashion] .unavailable-pattern{background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(128,128,128,.05) 8px,rgba(128,128,128,.05) 16px)}.garment-filter{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--card-bg);margin-bottom:1rem;background:var(--background-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.filter-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.search-row{margin-top:.5rem}.filter-group{flex:1;min-width:150px;display:flex;flex-direction:column;gap:.5rem}.search-group{flex:1;min-width:80%}.filter-group label{font-size:.875rem;font-weight:500;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px}.filter-group select,.filter-group input,.search-group input,.filter-select{padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--input-bg-light);color:var(--text-color);font-size:.98rem;width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-group select{cursor:pointer}.filter-group select:disabled{cursor:not-allowed;opacity:.6;background:var(--input-bg-disabled)}.filter-group select:focus,.filter-group input:focus,.search-group input:focus,.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--accent-color)}.filter-group select option{background:var(--card-bg);color:var(--text-color)}.search-group input{padding-left:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23adb5bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.75rem center;background-size:1rem}.add-button{border-radius:var(--border-radius-lg);background:var(--gradient-accent);color:var(--light-color);box-shadow:var(--shadow-sm);font-size:.98rem;font-weight:700;padding:0 1.2rem;height:44px;transition:all var(--transition-fast);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.04em}.sort-control{display:flex;flex-direction:row;align-items:center;gap:.75rem;margin-left:auto;margin-top:.5rem;font-size:1rem}.sort-control label{font-weight:500;color:var(--primary-color, #6366f1);letter-spacing:.03em}.sort-control select{height:44px;border-radius:2rem;border:1px solid var(--border-color, #c7d2fe);background:#f8fafc;color:#18181b;font-size:1rem;padding:0 1.2rem;outline:none;transition:border-color .2s;min-width:220px}.sort-control select:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed;border-color:#cbd5e1}.sort-control select:focus{border-color:var(--primary-color, #6366f1)}@media (max-width: 700px){.sort-control{width:100%;justify-content:flex-start;margin-left:0;margin-top:.5rem;font-size:1rem}.sort-control select{width:100%;min-width:0}}@media (max-width: 768px){.filter-row{flex-direction:column}.filter-group,.search-group{min-width:100%}.add-button{width:100%}}.filter-section{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.filter-section h3{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-size:1.1rem;font-weight:600}.filter-options{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filter-option{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--input-bg-light);color:var(--text-color);cursor:pointer;transition:all var(--transition-fast);font-size:.9rem}.filter-option.selected{color:var(--primary-color);border:1px solid var(--border-color);background:var(--input-bg-light);color:var(--text-color)}.filter-option:hover{border-color:var(--primary-color)}.garment-list{display:flex;flex-direction:column;gap:1rem;width:100%;min-height:100%;padding:1rem;overflow:visible}.garment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;width:100%;overflow:visible}.loading,.error,.no-garments{display:flex;justify-content:center;align-items:center;padding:2rem;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);color:var(--text-muted);font-size:1.1rem;text-align:center}.error{color:var(--error-color)}.no-garments{flex-direction:column;gap:1rem}.no-garments p{margin:0;color:var(--text-muted)}.garment-list-header{min-height:64px;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:var(--background-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);gap:1.5rem;flex-wrap:wrap}[data-theme=fashion] .garment-list-header{border-radius:0}.garment-list-header-left{display:flex;align-items:center;gap:1.2rem}.garment-list-header-left h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary);background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;letter-spacing:0;text-shadow:none}.garment-list-header-right,.garment-list-controls{display:flex;align-items:center;height:100%;gap:1rem}.garment-list-controls{display:flex;gap:16px;align-items:center}.filter-select{padding:.5rem;border:1px solid var(--border-color);border-radius:2rem;background:var(--input-bg-light);color:var(--text-color);font-size:.98rem;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--accent-color)}.filters-section{width:100%;margin-bottom:24px}.filters-container{flex:1;min-width:0;margin-bottom:0;display:flex;gap:12px;padding:16px;background:var(--card-bg);border-radius:12px;border:1px solid rgba(255,255,255,.1);width:100%;flex-wrap:wrap}.search-input,.filter-select{padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#0003;color:var(--text-color);font-size:.9rem;min-width:140px}.search-input{flex:1;min-width:200px}.filter-select{flex:0 1 auto;cursor:pointer}.filter-select option{background:var(--card-bg);color:var(--text-color)}.search-input:focus,.filter-select:focus{outline:none;border-color:var(--primary-color)}@media (max-width: 768px){.garment-list{padding:.5rem}.garment-grid{grid-template-columns:1fr}}.add-button{border-radius:2rem;background:var(--gradient-accent);color:var(--light-color);box-shadow:var(--shadow-sm);font-size:.98rem;font-weight:700;padding:0 1.2rem;height:44px;transition:all var(--transition-fast);border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.04em}.wash-button{border-radius:2rem;background:var(--accent-color, #28a745);color:#fff;box-shadow:var(--shadow-sm);font-size:.98rem;font-weight:700;padding:0 1.2rem;height:44px;transition:all var(--transition-fast);border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.04em;position:relative;overflow:hidden}.wash-button:hover:not(:disabled){background:var(--accent-hover, #218838);transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-md)}.wash-button:disabled{background:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.wash-button:focus{outline:3px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-color)}.wash-button:not(:disabled){animation:wash-button-pulse 2s ease-in-out infinite}@keyframes wash-button-pulse{0%,to{box-shadow:0 0 #28a745b3}50%{box-shadow:0 0 0 10px #28a74500}}[data-theme=fashion] .wash-button{background:var(--primary-color);color:var(--light-color);box-shadow:var(--shadow-sm)}[data-theme=fashion] .wash-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-md)}@media (max-width: 1320px){.garment-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1000px){.garment-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 680px){.garment-grid{grid-template-columns:repeat(1,1fr)}.filters-container{flex-direction:column}.search-input,.filter-select{width:100%}}.garment-list-container{padding:20px}.garment-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.show-stored-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;align-self:center;margin:0;padding:0}.show-stored-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}@media (max-width: 700px){.garment-list-header{flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem}.garment-list-header-left,.garment-list-header-right,.header-actions{flex-direction:row;justify-content:flex-start;gap:.7rem}.garment-list-header-left h2{font-size:1.2rem}}@media (max-width: 600px){.garment-list-header{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem .5rem}.garment-list-header-left,.garment-list-header-right{flex-direction:column;align-items:center;width:100%;gap:.75rem}.garment-list-header-left h2{font-size:1.2rem;text-align:center}.add-button{width:100%;font-size:1rem;padding:.75rem 0}.show-stored-toggle{width:100%;justify-content:center;font-size:1rem}}@media (min-width: 601px) and (max-width: 900px){.garment-list-header{flex-direction:column;align-items:stretch;gap:1.2rem;padding:1.2rem 1rem}.garment-list-header-left,.garment-list-header-right{flex-direction:row;justify-content:center;align-items:center;width:100%;gap:1rem}.garment-list-header-left h2{font-size:1.3rem;text-align:center}.add-button{min-width:140px;font-size:1.05rem;padding:.75rem 0}.show-stored-toggle{min-width:140px;justify-content:center;font-size:1.05rem}}.usage-type-card{background:var(--background-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:1.5rem 1.2rem;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:flex-start;min-width:260px;max-width:340px;width:100%}[data-theme=fashion] .usage-type-card{border-radius:0}.usage-type-list{width:100%;display:flex;flex-direction:column;gap:1rem}.usage-garment-item{display:flex;align-items:center;gap:1rem;padding:.75rem .5rem;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);box-shadow:none;transition:background .2s,box-shadow .2s}.usage-garment-item:hover{background:var(--hover-bg);box-shadow:var(--shadow-sm)}.usage-garment-item .garment-thumbnail{width:48px;height:48px;border-radius:6px;overflow:hidden;border:1px solid var(--border-color);background:var(--light-color);display:flex;align-items:center;justify-content:center}.usage-garment-item .garment-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:6px}.usage-garment-item .garment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem;text-align:left}.usage-garment-item .garment-title{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;max-height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 768px){.usage-type-card{min-width:0;max-width:100%;padding:1rem .5rem}.usage-garment-item .garment-thumbnail{width:40px;height:40px}}.usage-colour-chart-legend{width:100%;margin-top:12px;display:flex;justify-content:center}.garment-list-header h1{text-decoration:none;font-style:normal}.usage-section{margin-bottom:3rem;padding:0 1rem}.usage-section-title{font-size:1.8rem;font-weight:700;color:var(--primary-color);margin-bottom:1.5rem;text-align:center;border-bottom:3px solid var(--accent-color);padding-bottom:.5rem}.usage-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.usage-stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center;box-shadow:var(--shadow-sm);transition:all .2s ease}.usage-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.usage-stat-label{font-size:.9rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.usage-stat-value{font-size:1.4rem;font-weight:700;color:var(--primary-color)}.usage-stat-value-large{font-size:1.8rem;font-weight:700;color:var(--primary-color)}.availability-card{border-left:4px solid var(--success-color, #10b981)}.availability-value{color:var(--success-color, #10b981)}.laundry-card{border-left:4px solid var(--danger-color, #ef4444)}.laundry-value{color:var(--danger-color, #ef4444)}.efficiency-card{border-left:4px solid var(--accent-color, #6366f1)}.efficiency-value{color:var(--accent-color, #6366f1)}.usage-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.chart-title{font-size:1.2rem;font-weight:600;color:var(--primary-color);text-align:center;margin-bottom:1rem}.usage-colour-chart-container,.usage-season-chart-container,.usage-washing-efficiency-chart-container,.usage-wear-limit-chart-container{width:100%;min-width:0;max-width:100%;height:320px;background:var(--input-bg-light);border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:16px 24px 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}[data-theme=fashion] .usage-colour-chart-container,[data-theme=fashion] .usage-season-chart-container,[data-theme=fashion] .usage-washing-efficiency-chart-container,[data-theme=fashion] .usage-wear-limit-chart-container,[data-theme=fashion] .usage-stat-card{border-radius:0}.laundry-ready-card{border:2px solid var(--danger-color, #ef4444);background:linear-gradient(135deg,var(--card-bg) 0%,rgba(239,68,68,.05) 100%)}.laundry-ready-card .garment-title{color:var(--danger-color, #ef4444);font-weight:700;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;max-height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 768px){.usage-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.usage-charts-grid{grid-template-columns:1fr;gap:1.5rem}.usage-stat-card{padding:1rem}.usage-stat-value-large,.usage-section-title{font-size:1.5rem}}@media (max-width: 480px){.usage-stats-grid{grid-template-columns:1fr}.usage-colour-chart-container,.usage-season-chart-container,.usage-washing-efficiency-chart-container,.usage-wear-limit-chart-container{padding:8px 4px 4px;height:240px}.usage-stat-value-large{font-size:1.3rem}.usage-stat-value{font-size:1.2rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background-color:var(--card-bg);border-radius:var(--modal-border-radius);padding:var(--modal-padding);width:90%;max-width:var(--modal-max-width);max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--modal-shadow);border:1px solid var(--border-color)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-color)}.close-button{background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;padding:0;line-height:1}.close-button:hover{color:var(--accent-color)}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:var(--text-color);font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg-light)!important;color:var(--text-color)!important;font-size:1rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.2)}.form-group textarea{min-height:100px;resize:vertical}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:32px}.daily-wear-indicator{margin-top:4px;padding:4px 8px;background-color:var(--success-color, #10b981);color:#fff;border-radius:4px;font-size:.75rem;display:inline-block}.daily-wear-indicator small{color:#fff;font-weight:500}.form-group select[multiple]{height:120px;background-image:none;padding-right:12px}.form-group small{display:block;margin-top:4px;color:var(--text-muted);font-size:.875rem}.error-message{color:var(--error-color);margin-bottom:15px;padding:8px 12px;background-color:rgba(var(--error-color-rgb),.1);border-radius:4px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:15px;border-top:1px solid var(--border-color)}.save-button,.cancel-button{padding:8px 16px;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.save-button{background-color:var(--accent-color);color:#fff;border:none}.save-button:hover{background-color:var(--accent-color-hover)}.save-button:disabled{background-color:var(--text-muted);cursor:not-allowed}.cancel-button{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color)}.cancel-button:hover{background-color:var(--hover-bg);border-color:var(--text-color)}@media (prefers-color-scheme: dark){.modal-content{background-color:var(--card-bg);border:1px solid var(--border-color)}.form-group input,.form-group textarea,.form-group select{background-color:var(--input-bg);color:var(--text-color)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}}@media (max-width: 768px){.modal-content{width:95%;padding:calc(var(--modal-padding) * .8)}.modal-header h2{font-size:1.3rem}.form-group{margin-bottom:calc(var(--form-group-margin) * .8)}}@media (max-width: 480px){.modal-content{width:100%;padding:calc(var(--modal-padding) * .7);border-radius:0}.modal-header h2{font-size:1.2rem}.form-group{margin-bottom:calc(var(--form-group-margin) * .7)}.modal-actions{flex-direction:column}.save-button,.cancel-button{width:100%}}.form-group input[type=text]{background:var(--input-bg-light)!important;color:var(--text-color)!important}.packing-list-builder-modal-overlay{z-index:1100}.packing-list-builder-modal-content{border:2px solid var(--accent-color);box-shadow:0 8px 32px #0000002e;max-width:700px}.packing-list-builder-modal-header h2{color:var(--accent-color)}.packing-list-builder-form{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.packing-list-builder-form .form-group{flex:1 1 180px;min-width:160px}.packing-list-builder-garments{max-height:260px;overflow-y:auto;margin-bottom:1.5rem;border:1px solid var(--border-color);border-radius:6px;padding:1rem;background:var(--background-light)}.packing-list-builder-type-group{margin-bottom:1rem}.packing-list-builder-type-group h3{margin-bottom:.5rem;font-size:1.1rem;color:var(--primary-color)}.packing-list-builder-subtype-group{margin-bottom:.5rem}.packing-list-builder-subtype-group h4{font-size:1rem;color:var(--text-muted);margin-bottom:.25rem}.packing-list-builder-garment-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.packing-list-builder-qty-input{width:60px;margin-left:.5rem}.packing-list-builder-no-garments{color:var(--text-muted);font-size:.95rem;margin-left:1.5rem}.packing-list-builder-summary{margin:1.5rem 0 1rem;padding:1rem;background:var(--background-dark);border-radius:6px;border:1px solid var(--border-color)}.packing-list-builder-summary h3{margin-bottom:.5rem;font-size:1.1rem;color:var(--primary-color)}.packing-list-builder-summary ul{margin:0;padding-left:1.2rem}.packing-list-builder-summary li{font-size:1rem;margin-bottom:.25rem}.accoutrements-group{display:flex;flex-direction:column;gap:.75rem}.accoutrements-group .garment-select{margin-bottom:.5rem}.toggle-accoutrements-button{background:var(--accent-color, #6b7280);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease;align-self:flex-start;max-width:120px}.toggle-accoutrements-button:hover{background:var(--accent-hover, #4b5563);transform:translateY(-1px)}.toggle-accoutrements-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}[data-theme=fashion] .toggle-accoutrements-button{background:var(--primary-color)!important;color:var(--light-color)!important;box-shadow:var(--shadow-sm)!important}[data-theme=fashion] .toggle-accoutrements-button:hover{background:var(--primary-hover)!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:var(--shadow-md)!important}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.modal{background:var(--card-bg, #fff);border-radius:var(--card-radius);padding:2.5rem 2rem;min-width:320px;max-width:90vw;box-shadow:var(--card-shadow);position:relative;border:3px solid transparent;border-image:var(--gradient-main) 1;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);animation:modal-pop .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center}[data-theme=fashion] .modal{border:3px solid var(--primary-color);border-image:none;border-radius:0}@keyframes modal-pop{0%{transform:scale(.92) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal h2,.modal h3{font-weight:800;color:var(--primary-color);background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;text-align:center}[data-theme=fashion] .modal h2,[data-theme=fashion] .modal h3{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;color:var(--primary-color);font-weight:700;letter-spacing:.02em}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.save-button,.cancel-button,.delete-button{padding:.5rem 1rem;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.save-button{background-color:var(--primary-color);color:#fff}.save-button:hover{background-color:var(--primary-color-dark)}.cancel-button{background-color:#e0e0e0;color:#333}.cancel-button:hover{background-color:#d0d0d0}.delete-button{background-color:#dc3545;color:#fff;margin-left:auto}.delete-button:hover{background-color:#c82333}.delete-button:disabled{background-color:#dc354580;cursor:not-allowed}.delete-button:disabled:hover{background-color:#dc354580}.edit-outfit-generate-description-btn{margin-top:8px;padding:.5rem 1.2rem;border-radius:2rem;background:linear-gradient(90deg,#6366f1,#06b6d4);color:#fff;font-size:.98rem;font-weight:700;border:none;box-shadow:0 2px 8px #6366f114;transition:background .2s,box-shadow .2s,transform .1s;cursor:pointer;display:inline-block;letter-spacing:.04em}.edit-outfit-generate-description-btn:focus{outline:3px solid #6366f1;outline-offset:2px;box-shadow:0 0 0 4px #06b6d4}.edit-outfit-generate-description-btn:hover:not(:disabled){filter:brightness(1.1) saturate(1.2);transform:translateY(-2px) scale(1.04);box-shadow:0 4px 16px #6366f126}.edit-outfit-generate-description-btn:disabled{opacity:.6;cursor:not-allowed;filter:none;box-shadow:none}.outfit-card{width:100%;height:var(--card-height);perspective:1000px;margin:0;cursor:pointer;border-radius:var(--card-radius);box-shadow:var(--card-shadow);background:var(--card-bg);border:3px solid transparent;border-image:var(--gradient-main) 1;transition:box-shadow .3s,transform .3s;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:relative}[data-theme=fashion] .outfit-card{border:3px solid var(--primary-color);border-image:none;border-radius:0}.outfit-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 16px 48px #6366f12e;border-color:var(--accent-color)}[data-theme=fashion] .outfit-card:hover{border-color:var(--accent-color);box-shadow:0 16px 48px #0f141926}.outfit-card-inner{position:relative;width:100%;height:100%;text-align:left;transition:transform .6s;transform-style:preserve-3d;box-shadow:none;border-radius:var(--card-radius);background:var(--card-bg)}[data-theme=fashion] .outfit-card-inner{border-radius:0}.outfit-card.flipped .outfit-card-inner{transform:rotateY(180deg)}.outfit-card-front,.outfit-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);top:0;left:0;border-radius:var(--card-radius);overflow:hidden;display:flex;flex-direction:column;background:var(--card-bg)}[data-theme=fashion] .outfit-card-front,[data-theme=fashion] .outfit-card-back{border-radius:0}.outfit-card-front{background:var(--card-bg)}.outfit-card-back{background:var(--card-bg);transform:rotateY(180deg);padding:var(--card-padding);overflow-y:auto}.outfit-card-image{width:100%;height:var(--card-image-height);object-fit:cover;border-radius:var(--card-radius) var(--card-radius) 0 0;box-shadow:0 4px 16px #ff3cac1a}[data-theme=fashion] .outfit-card-image{border-radius:0}.outfit-card-title{padding:var(--card-padding);font-size:1.4rem;font-weight:800;color:var(--primary-color);background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border-top:2px solid var(--accent-color)}[data-theme=fashion] .outfit-card-title{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;color:var(--primary-color);font-weight:700;letter-spacing:.02em}.outfit-card-header{margin-bottom:1rem}.outfit-card-header h3{margin:0;color:var(--primary-color);font-size:1.2rem;font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=fashion] .outfit-card-header h3{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;color:var(--primary-color);font-weight:600;letter-spacing:.02em}.outfit-description{margin-bottom:1rem;color:var(--text-color);font-size:1rem;line-height:1.6;text-align:left}.outfit-garments{flex:1;padding:.5rem 0}.outfit-garments h4{margin:0 0 1rem;color:var(--text-color);font-size:1.1rem;font-weight:500;text-align:left}.outfit-garment-list{display:flex;flex-direction:column;gap:.75rem;padding:.5rem;background:var(--input-bg);border-radius:8px}.garment-list{display:flex;flex-direction:column;gap:.75rem}.garment-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--card-bg);border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color)}.garment-item:hover{background:var(--hover-bg);transform:translateY(-1px);box-shadow:var(--card-shadow)}.garment-thumbnail{width:48px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0;border:1px solid var(--border-color)}.garment-thumbnail img{width:100%;height:100%;object-fit:cover}.garment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem;text-align:left}.garment-title{font-size:1rem;font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.garment-type{font-size:.875rem;color:var(--text-muted)}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--input-bg);color:var(--text-muted);font-size:.8rem}.card-actions{display:flex;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--accent-color);justify-content:center}.edit-button,.generate-button,.mark-worn-button{border-radius:2rem;background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-sm);font-size:.98rem;font-weight:700;padding:0 1.2rem;height:44px;transition:all var(--transition-fast);border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.04em}.mark-worn-button{background:linear-gradient(90deg,var(--success-color) 0%,var(--secondary-color) 100%);color:var(--light-color);border:none;border-radius:var(--border-radius-lg);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);font-weight:600;display:flex;align-items:center;gap:.5rem}.mark-worn-button:focus{outline:3px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-color)}.mark-worn-button:hover{filter:brightness(1.1) saturate(1.2);transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-md)}.edit-button:focus,.generate-button:focus,.mark-worn-button:focus{outline:3px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-color)}.edit-button:hover,.generate-button:hover,.mark-worn-button:hover{filter:brightness(1.1) saturate(1.2);transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-md)}.no-garments,.no-outfits{text-align:center;padding:var(--spacing-xl);background-color:var(--input-bg-light);color:var(--text-color);border-radius:var(--border-radius-md);margin:var(--spacing-lg) 0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}@media (max-width: 768px){.outfit-card{width:100%;height:350px;margin:0}.outfit-card-back{padding:.75rem}.outfit-garment-list{padding:.25rem}.garment-item{padding:.5rem}.garment-thumbnail{width:40px;height:40px}.garment-title{font-size:.875rem}.garment-type{font-size:.75rem}.card-actions{gap:.5rem}.edit-button,.generate-button,.mark-worn-button{height:32px;font-size:.75rem}}@media (max-width: 480px){:root{--card-width: 100%;--card-height: 350px;--card-image-height: 200px}.outfit-card{margin:0}.outfit-card-title{font-size:1rem}.outfit-card-type{font-size:.75rem}.outfit-card-description{font-size:.875rem}}.interactive-garment-item:hover{background:var(--background-hover, #f0f4ff);box-shadow:0 2px 8px #6366f114;transition:background .2s,box-shadow .2s}:root{--list-padding: 1rem;--list-gap: 1rem;--list-max-width: 1400px;--header-padding: 1rem;--header-margin: 2rem;--filter-padding: .5rem;--button-height: 40px;--button-padding: 0 1.5rem;--card-gap: 1rem}.outfit-list-container{display:flex;flex-direction:column;gap:1.5rem;min-height:100%;padding:20px;width:100%;max-width:1400px;margin:0 auto}.outfit-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--card-gap);width:100%;padding:.5rem}.outfit-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding:1.5rem;background:var(--background-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);gap:1.5rem;flex-wrap:wrap}[data-theme=fashion] .outfit-list-header{border-radius:0}.outfit-list-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.filters-container{display:flex;flex-direction:column;gap:1rem;flex:1;min-width:200px;padding:.75rem;background:var(--background-dark);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}[data-theme=fashion] .filters-container{border-radius:0}.outfit-search-container{position:relative;flex:1;min-width:200px;display:flex;align-items:center}.outfit-search-input{width:100%;padding:8px 36px 8px 12px;border:1px solid var(--border-color);border-radius:2rem;background:#f8fafc;color:#18181b;font-size:.98rem}.outfit-search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;height:1em;width:1em;font-size:1.1em;display:flex;align-items:center;justify-content:center}.filter-group{display:flex;gap:.75rem;flex-wrap:wrap}.filter-select{padding:.5rem .75rem;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--background-light);color:var(--text-primary);font-size:.875rem;cursor:pointer;min-width:120px;transition:all var(--transition-fast)}.filter-select:hover{border-color:var(--primary-color)}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.header-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.add-button{border-radius:2rem;background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-sm);font-size:.98rem;font-weight:700;padding:0 1.2rem;height:44px;transition:all var(--transition-fast);border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.04em}[data-theme=fashion] .add-button{background:var(--primary-color);color:var(--light-color);box-shadow:var(--shadow-sm)}.add-button:focus{outline:3px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-color)}.add-button:hover{filter:brightness(1.1) saturate(1.2);transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-md)}[data-theme=fashion] .add-button:hover{background:var(--primary-hover);filter:none;transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-md)}.recommend-button{border-radius:2rem;background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-sm);font-size:.98rem;font-weight:700;padding:0 1.2rem;height:44px;transition:all var(--transition-fast);border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.04em}[data-theme=fashion] .recommend-button{background:var(--primary-color);color:var(--light-color);box-shadow:var(--shadow-sm)}.recommend-button:focus{outline:3px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-color)}.recommend-button:hover{filter:brightness(1.1) saturate(1.2);transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-md)}[data-theme=fashion] .recommend-button:hover{background:var(--primary-hover);filter:none;transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-md)}.loading{text-align:center;padding:2rem;color:var(--text-secondary);display:flex;justify-content:center;align-items:center;gap:.5rem}.error{text-align:center;padding:2rem;color:var(--error-color);background:#ef44441a;border-radius:var(--border-radius-md);margin:1rem}@media (max-width: 768px){.outfit-list-container{padding:.5rem}.outfit-list-header{flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem}.filters-container{width:100%}.filter-group{flex-direction:column}.filter-select{width:100%}.header-actions{width:100%;flex-direction:column}.add-button,.recommend-button{width:100%}.outfit-grid-container{grid-template-columns:1fr;gap:.75rem;padding:.25rem}}@media (min-width: 769px) and (max-width: 1024px){.outfit-grid-container{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (min-width: 1025px) and (max-width: 1400px){.outfit-grid-container{grid-template-columns:repeat(3,1fr);gap:.75rem}}@media (min-width: 1401px){.outfit-grid-container{grid-template-columns:repeat(3,1fr);gap:1rem}}.outfit-filter{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--background-light);margin-bottom:24px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.outfit-filter-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.outfit-filter-group{flex:1;min-width:150px;display:flex;flex-direction:column;gap:.5rem}.outfit-filter-group label{font-size:.875rem;font-weight:500;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px}.outfit-filter-select,.outfit-search-input{padding:.5rem;border:1px solid var(--border-color);border-radius:2rem;background:#f8fafc;color:#18181b;font-size:.98rem;width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.outfit-filter-select:focus,.outfit-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--accent-color)}@media (max-width: 768px){.outfit-filter-row{flex-direction:column}.outfit-filter-group{min-width:100%}}.outfit-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-muted);background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);min-height:220px;text-align:center;gap:1.5rem}.outfit-empty-image{width:80px;opacity:.7;margin-bottom:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--card-bg);padding:2rem;border-radius:12px;width:90%;max-width:500px;box-shadow:0 4px 6px #0000001a}.modal-content h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.form-group input[type=text]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-size:1rem}.form-group input[type=text]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.toggle-group{display:flex;align-items:center}.toggle-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.toggle-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.cancel-button,.submit-button{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button{background:var(--text-muted);border:1px solid var(--border-color);color:var(--text-primary)}.submit-button{background:var(--primary-color);border:none;color:#fff}.cancel-button:hover{background:var(--border-color)}.submit-button:hover{background:var(--primary-dark)}.recommendations-container{padding:2rem;max-width:1200px;margin:0 auto}.recommendations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:1.5rem;background:var(--background-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);gap:1.5rem;flex-wrap:wrap}.recommendations-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.style-me-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:2rem}.style-me-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.style-me-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.recommendation-section{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.recommendation-section h2{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}.recommendation-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.recommendation-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;transition:transform .2s,box-shadow .2s}.recommendation-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.recommendation-card h3{margin-top:0;color:#1f2937;font-size:1.2rem}.recommendation-card p{color:#4b5563;margin:.5rem 0;line-height:1.5}.weather-info,.season-info{display:inline-block;background:#f3f4f6;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;color:#4b5563;margin-top:.5rem}.error-message{color:#ef4444;background:#fee2e2;padding:1rem;border-radius:8px;margin:1rem 0}.add-to-outfits-button{background:#4f46e5;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .2s;margin-top:1rem;width:100%}.add-to-outfits-button:hover{background:#4338ca}.add-to-outfits-button:disabled{background:#9ca3af;cursor:not-allowed}.loading{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem}@media (max-width: 768px){.recommendations-container{padding:1rem}.recommendations-header{flex-direction:column;gap:1rem;text-align:center}}.user-profile-container{display:flex;justify-content:center;align-items:flex-start;min-height:60vh}.user-profile-card{background:var(--background-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:2rem 3rem;min-width:320px;max-width:420px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}[data-theme=fashion] .user-profile-card{border-radius:0}.user-profile-avatar{width:96px;height:96px;border-radius:50%;margin-bottom:.5rem;object-fit:cover}.user-profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;width:100%;margin-bottom:1rem}.user-profile-fields label{font-weight:500;color:var(--text-muted);text-align:right;padding-right:.5rem}.user-profile-fields .user-profile-value{text-align:left;font-weight:600;color:var(--text-color)}.user-profile-photos-row{display:flex;flex-direction:row;gap:2rem;justify-content:center;align-items:flex-start;width:100%;margin:1rem 0 .5rem}.user-profile-photo-block{display:flex;flex-direction:column;align-items:center;background:var(--gradient-main);border-radius:12px;box-shadow:0 1px 4px #0000000a;padding:1rem 1.2rem .7rem;min-width:140px}[data-theme=fashion] .user-profile-photo-block{background:var(--primary-color)}.user-profile-photo-label{font-size:.98rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem;text-align:center}.user-profile-photo{display:block;margin:0 auto;border-radius:12px;box-shadow:0 2px 8px #0000000f;background:var(--light-color);max-width:100%;height:auto}.user-profile-upload-section,.user-profile-edit-section{width:100%;background:var(--background-light);border-radius:10px;padding:1rem 1.5rem;margin-top:1rem;box-shadow:0 1px 4px #00000008}.user-profile-edit-section form label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-muted)}.user-profile-edit-section form input,.user-profile-edit-section form textarea{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg-light);color:var(--text-color);font-size:1rem}.user-profile-edit-section input[type=number]{width:100%;padding:.5rem;border:1px solid var(--border-color, #ddd);border-radius:6px;background:var(--input-bg, #fff);color:var(--text-color, #222);font-size:1rem;margin-top:.25rem}@media (max-width: 600px){.user-profile-card{padding:1.2rem .5rem;min-width:0;max-width:100%}.user-profile-upload-section,.user-profile-edit-section{padding:.7rem .5rem}.user-profile-fields{grid-template-columns:1fr;gap:.5rem 0}.user-profile-fields label{text-align:left;padding-right:0}.user-profile-photos-row{flex-direction:column;gap:1rem;align-items:stretch}.user-profile-photo-block{min-width:0;padding:.7rem .5rem}}.theme-selector{background:var(--card-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg)}.theme-selector h3{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.2rem;font-weight:600}.theme-description{color:var(--text-muted);margin-bottom:var(--spacing-lg);font-size:.9rem}.theme-options{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.theme-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--background-light);position:relative}.theme-option:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-option.selected{border-color:var(--primary-color);background:var(--primary-color);color:var(--light-color);box-shadow:var(--shadow-lg)}.theme-option.selected .theme-info h4,.theme-option.selected .theme-info p{color:var(--light-color)}.theme-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--background-light);border-radius:var(--border-radius-md);flex-shrink:0}.theme-option.selected .theme-icon{background:var(--light-color);color:var(--primary-color)}.theme-info{flex:1;min-width:0}.theme-info h4{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:1.1rem;font-weight:600}.theme-info p{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.4}.theme-preview{flex-shrink:0}.preview-colors{display:flex;gap:var(--spacing-xs);align-items:center}.preview-color{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-color);transition:all var(--transition-fast)}.theme-option.selected .preview-color{border-color:var(--light-color)}.preview-color.primary{background-color:var(--primary-color)}.preview-color.secondary{background-color:var(--secondary-color)}.preview-color.accent{background-color:var(--accent-color)}@media (max-width: 768px){.theme-options{grid-template-columns:1fr}.theme-option{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.theme-icon{width:50px;height:50px;font-size:1.5rem}.preview-colors{justify-content:center}}.saved-packing-lists-container{padding:2rem;max-width:1200px;margin:0 auto}.saved-packing-lists-title{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:2rem;text-align:center}.saved-packing-lists-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#64748b}.saved-packing-lists-loading .spinner{width:2rem;height:2rem;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:saved-packing-lists-spin 1s linear infinite;margin-bottom:1rem}@keyframes saved-packing-lists-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.saved-packing-lists-empty{text-align:center;padding:4rem;color:#64748b}.saved-packing-lists-empty h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#475569}.saved-packing-lists-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.saved-packing-lists-error-close{background:none;border:none;color:#dc2626;font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:.25rem}.saved-packing-lists-error-close:hover{background-color:#fee2e2}.saved-packing-lists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem}.saved-packing-list-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;transition:transform .2s,box-shadow .2s}.saved-packing-list-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.saved-packing-list-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start}.saved-packing-list-info{flex:1}.saved-packing-list-title{font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.saved-packing-list-details{font-size:.875rem;opacity:.9;margin:0 0 .5rem}.saved-packing-list-created{font-size:.75rem;opacity:.7;margin:0}.saved-packing-list-delete-btn{background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:background-color .2s}.saved-packing-list-delete-btn:hover{background-color:#ffffff1a}.saved-packing-list-items{padding:1.5rem}.saved-packing-list-items h4{font-size:1rem;font-weight:700;color:#374151;margin:0 0 1rem}.saved-packing-list-items-list{display:flex;flex-direction:column;gap:.75rem}.saved-packing-list-item{border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;transition:all .2s}.saved-packing-list-item:hover{border-color:#d1d5db;background-color:#f9fafb}.saved-packing-list-item-packed{background-color:#f0fdf4;border-color:#bbf7d0}.saved-packing-list-item-main{display:flex;align-items:center;gap:.75rem}.saved-packing-list-item-checkbox{width:1.5rem;height:1.5rem;border:2px solid #d1d5db;border-radius:.25rem;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;color:#059669;transition:all .2s;flex-shrink:0}.saved-packing-list-item-checkbox:hover{border-color:#9ca3af}.saved-packing-list-item-checkbox.checked{background-color:#10b981;border-color:#10b981;color:#fff}.saved-packing-list-item-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.saved-packing-list-item-name{font-weight:600;color:#111827}.saved-packing-list-item-type{font-size:.875rem;color:#6b7280}.saved-packing-list-item-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.saved-packing-list-item-quantity{background-color:#3b82f6;color:#fff;font-weight:700;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;min-width:2rem;text-align:center}.saved-packing-list-item-edit-btn,.saved-packing-list-item-remove-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:background-color .2s;font-size:1rem}.saved-packing-list-item-edit-btn:hover{background-color:#f3f4f6}.saved-packing-list-item-remove-btn:hover{background-color:#fef2f2}.saved-packing-list-item-edit{display:flex;align-items:center;gap:.25rem}.saved-packing-list-item-edit-input{width:3rem;padding:.25rem;border:1px solid #d1d5db;border-radius:.25rem;text-align:center;font-size:.875rem}.saved-packing-list-item-edit-save,.saved-packing-list-item-edit-cancel{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;font-size:.875rem;transition:background-color .2s}.saved-packing-list-item-edit-save{color:#059669}.saved-packing-list-item-edit-save:hover{background-color:#f0fdf4}.saved-packing-list-item-edit-cancel{color:#dc2626}.saved-packing-list-item-edit-cancel:hover{background-color:#fef2f2}@media (max-width: 768px){.saved-packing-lists-container{padding:1rem}.saved-packing-lists-grid{grid-template-columns:1fr;gap:1rem}.saved-packing-list-card{margin-bottom:1rem}.saved-packing-list-header,.saved-packing-list-items{padding:1rem}.saved-packing-list-item-main{flex-direction:column;align-items:flex-start;gap:.5rem}.saved-packing-list-item-actions{width:100%;justify-content:space-between}}.saved-packing-list-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.saved-packing-list-add-item-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.saved-packing-list-add-item-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}.saved-packing-list-add-item-modal{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;margin-bottom:1rem;max-height:500px;overflow-y:auto}.saved-packing-list-add-item-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.saved-packing-list-add-item-modal-header h5{margin:0;color:#1e293b;font-size:1.125rem;font-weight:600}.saved-packing-list-add-item-modal-close{background:none;border:none;color:#64748b;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s}.saved-packing-list-add-item-modal-close:hover{background:#e2e8f0;color:#1e293b}.saved-packing-list-add-item-search{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.saved-packing-list-add-item-search-field{display:flex;flex-direction:column}.saved-packing-list-add-item-search-field label{font-size:.875rem;font-weight:600;color:#64748b;margin-bottom:.25rem}.saved-packing-list-add-item-search-input{padding:.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;color:#1e293b}.saved-packing-list-add-item-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.saved-packing-list-add-item-garments{margin-top:1rem}.saved-packing-list-add-item-no-results{text-align:center;padding:2rem;color:#64748b}.saved-packing-list-add-item-garments-grid{display:grid;gap:.75rem;max-height:300px;overflow-y:auto}.saved-packing-list-add-item-garment{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;transition:all .2s}.saved-packing-list-add-item-garment:hover{border-color:#667eea;box-shadow:0 2px 4px #0000001a}.saved-packing-list-add-item-garment-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.saved-packing-list-add-item-garment-name{font-weight:600;color:#1e293b;font-size:.875rem}.saved-packing-list-add-item-garment-type{color:#64748b;font-size:.75rem;display:flex;align-items:center;gap:.25rem}.saved-packing-list-add-item-garment-owned{color:#64748b;font-size:.75rem}.saved-packing-list-add-item-garment-add{background:#059669;color:#fff;border:none;padding:.5rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.saved-packing-list-add-item-garment-add:hover{background:#047857;transform:translateY(-1px)}.saved-packing-list-item-edit-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-bottom:.5rem}.saved-packing-list-item-edit-buttons{display:flex;gap:.25rem}@media (max-width: 768px){.saved-packing-list-items-header{flex-direction:column;gap:.75rem;align-items:stretch}.saved-packing-list-add-item-search,.saved-packing-list-item-edit-fields{grid-template-columns:1fr}.saved-packing-list-add-item-garment{flex-direction:column;align-items:flex-start;gap:.75rem}.saved-packing-list-add-item-garment-add{align-self:stretch;text-align:center}}:root{--primary-color: #6366f1;--primary-hover: #4338ca;--primary-dark: #4f46e5;--secondary-color: #06b6d4;--secondary-hover: #0ea5e9;--accent-color: #ff3cac;--accent-hover: #ffb86c;--success-color: #39ff14;--error-color: #ef4444;--warning-color: #f59e0b;--info-color: #17a2b8;--danger-color: #dc3545;--light-color: #f8f9fa;--dark-color: #343a40;--background-dark: #f8fafc;--background-light: #ffffffcc;--background-color: #f8fafc;--card-bg: #ffffffcc;--input-bg: #343a40;--input-bg-light: #f8fafc;--hover-bg: #495057;--suggestion-bg: #2c2c2c;--suggestion-border: #495057;--suggestion-badge-bg: #0066cc;--suggestion-badge-color: white;--text-primary: #18181b;--text-secondary: #6366f1;--text-muted: #9ca3af;--text-color: #18181b;--border-color: #e0e7ef;--gradient-main: linear-gradient(90deg, #6366f1 0%, #ff3cac 100%);--gradient-accent: linear-gradient(90deg, #06b6d4 0%, #ffb86c 100%);--glass-blur: blur(16px);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 4rem;--border-radius-sm: .5rem;--border-radius-md: 1rem;--border-radius-lg: 2rem;--border-radius: 12px;--card-radius: 2rem;--modal-border-radius: 8px;--form-input-border-radius: 4px;--button-border-radius: 4px;--shadow-sm: 0 2px 8px 0 rgba(99, 102, 241, .08);--shadow-md: 0 8px 24px -2px rgba(255, 60, 172, .12);--shadow-lg: 0 16px 32px -4px rgba(6, 182, 212, .16);--shadow: 0 8px 32px rgba(0, 0, 0, .2);--card-shadow: 0 8px 32px rgba(99, 102, 241, .1);--modal-shadow: 0 4px 6px rgba(0, 0, 0, .2);--transition-fast: .15s cubic-bezier(.4,0,.2,1);--transition-normal: .25s cubic-bezier(.4,0,.2,1);--transition-slow: .35s cubic-bezier(.4,0,.2,1);--card-width: 300px;--card-height: 400px;--card-image-height: 250px;--card-padding: 1rem;--card-border-radius: 12px;--card-shadow-hover: 0 8px 16px rgba(0, 0, 0, .2);--card-transition: transform .3s ease;--button-height: 36px;--button-padding: 0 1rem;--button-padding-sm: 8px 16px;--modal-padding: 20px;--modal-max-width: 600px;--form-group-margin: 15px;--form-input-padding: 8px 12px;--type-accoutrements: #D1BFA3;--type-bottoms: #6A7BA2;--type-mid-layer: #7CA982;--type-footwear: #A89F91;--type-headwear: #A18FC6;--type-base-layer: #8EC6C5;--type-outer-layer: #B97A7A;--type-uncategorized: #7A7A7A;--type-underwear: #B8A9A1}[data-theme=fashion]{--primary-color: #0f1419;--primary-hover: #1a1f26;--primary-dark: #000000;--secondary-color: #81c0c0;--secondary-hover: #6ba8a8;--accent-color: #d4af37;--accent-hover: #b8941f;--success-color: #2d5a2d;--error-color: #8b0000;--warning-color: #b8860b;--info-color: #4682b4;--danger-color: #8b0000;--light-color: #f8f8f8;--dark-color: #0f1419;--background-dark: #fafafa;--background-light: #ffffff;--background-color: #fafafa;--card-bg: #ffffff;--input-bg: #f5f5f5;--input-bg-light: #ffffff;--hover-bg: #f0f0f0;--suggestion-bg: #2c2c2c;--suggestion-border: #404040;--suggestion-badge-bg: #0f1419;--suggestion-badge-color: #ffffff;--text-primary: #0f1419;--text-secondary: #2c3e50;--text-muted: #7f8c8d;--text-color: #0f1419;--border-color: #e8e8e8;--gradient-main: linear-gradient(135deg, #0f1419 0%, #2c3e50 100%);--gradient-accent: linear-gradient(135deg, #81c0c0 0%, #d4af37 100%);--shadow-sm: 0 2px 8px 0 rgba(15, 20, 25, .08);--shadow-md: 0 8px 24px -2px rgba(15, 20, 25, .12);--shadow-lg: 0 16px 32px -4px rgba(15, 20, 25, .16);--shadow: 0 8px 32px rgba(15, 20, 25, .12);--card-shadow: 0 8px 32px rgba(15, 20, 25, .08);--modal-shadow: 0 4px 6px rgba(15, 20, 25, .12);--type-accoutrements: #d4af37;--type-bottoms: #2c3e50;--type-mid-layer: #34495e;--type-footwear: #8b4513;--type-headwear: #4a4a4a;--type-base-layer: #5d6d7e;--type-outer-layer: #7b241c;--type-uncategorized: #6c757d;--type-underwear: #8e8e8e}body{background:var(--gradient-main);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;background-attachment:fixed}[data-theme=fashion] body{background:var(--background-color)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-lg);font-weight:600;font-size:1.05rem;letter-spacing:.02em;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);cursor:pointer;background:var(--gradient-accent);color:var(--light-color);border:none}[data-theme=fashion] .btn{background:var(--primary-color);color:var(--light-color)}.btn-primary{background:var(--gradient-main);color:var(--light-color);box-shadow:var(--shadow-md)}[data-theme=fashion] .btn-primary{background:var(--primary-color);color:var(--light-color)}.btn-primary:hover{filter:brightness(1.1) saturate(1.2);transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-lg)}[data-theme=fashion] .btn-primary:hover{background:var(--primary-hover);filter:none;transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--secondary-color);color:var(--light-color)}.btn-secondary:hover{background:var(--secondary-hover);filter:brightness(1.1)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--background-light);border:1.5px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color)}.packing-list-tabs{display:flex;background:var(--background-light);border-radius:var(--border-radius-lg);padding:var(--spacing-xs);gap:var(--spacing-xs);box-shadow:var(--shadow-sm)}.packing-list-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--text-secondary);font-weight:600;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.packing-list-tab:hover{color:var(--text-primary);background:var(--background-hover)}.packing-list-tab.active{background:var(--gradient-main);color:var(--light-color);box-shadow:var(--shadow-sm)}[data-theme=fashion] .packing-list-tab.active{background:var(--primary-color);color:var(--light-color)}.packing-list-save-form{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.packing-list-save-form h3{color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600}.packing-list-save-form .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.packing-list-save-form .form-actions{display:flex;gap:var(--spacing-md);align-items:center}.packing-list-save-form .form-actions .btn{flex:1}@media (max-width: 768px){.packing-list-save-form .form-grid{grid-template-columns:1fr}.packing-list-save-form .form-actions{flex-direction:column}}.grid{display:grid;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,1fr)}}.card{background:var(--background-light);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1.5px solid var(--border-color);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px) scale(1.02);border-color:var(--accent-color)}.nav{background:var(--background-light);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.nav-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.nav-links{display:flex;gap:var(--spacing-lg)}.nav-link{color:var(--accent-color);text-decoration:none;font-weight:600;font-size:1.1rem;letter-spacing:.04em;border-radius:var(--border-radius-md);padding:.5rem 1.5rem;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.nav-link:hover,.nav-link.active{background:var(--gradient-accent);color:var(--light-color);box-shadow:var(--shadow-md)}.spinner{width:28px;height:28px;border:3px solid var(--text-secondary);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.packing-list-bg{min-height:100vh;background:linear-gradient(135deg,var(--background-light) 0%,var(--border-color) 100%)}.packing-list-card{background:var(--light-color);border-radius:1.25rem;box-shadow:0 4px 32px #506e8c1a,0 1.5px 6px #506e8c14;border:1px solid var(--border-color);padding:2rem;max-width:32rem;width:100%}.packing-list-input{font-size:1rem;border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem 1rem;background:var(--input-bg-light);transition:border .2s}.packing-list-input:focus{border-color:var(--primary-color);outline:none;background:var(--light-color)}.packing-list-submit-btn{background:var(--primary-color);color:var(--light-color);font-weight:600;border-radius:.5rem;padding:.75rem 0;transition:background .2s;border:none;cursor:pointer}.packing-list-submit-btn:hover{background:var(--primary-hover)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--background-light) 0%,var(--primary-color) 50%,var(--secondary-color) 100%);background-attachment:fixed;color:var(--text-color);min-height:100vh;position:relative}[data-theme=fashion] body{background:var(--background-color);background-attachment:fixed}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--input-bg)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-color)}:focus{outline:2px solid var(--primary-color);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--primary-color);color:#fff}.App,.app,.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:var(--card-bg);padding:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.app-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-color)}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.garment-card,.outfit-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);margin-bottom:1rem;padding:1rem;border-radius:8px;display:flex;align-items:flex-start}.garment-img{width:80px;height:80px;object-fit:cover;margin-right:1rem;border-radius:6px;border:2px solid var(--error-color)}.garment-card:hover,.outfit-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000004d}.add-form input,.add-form button{margin-right:.5rem;margin-bottom:.5rem;padding:.5rem;border-radius:4px;border:none}.add-form button{background:var(--error-color);color:var(--light-color)}.garment-list,.outfit-list{list-style:none;padding:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin:0;padding:0;list-style:none}.empty-state{text-align:center;padding:2rem;background-color:var(--input-bg);border-radius:8px;margin:2rem 0}.empty-state-icon{font-size:3rem;color:var(--text-muted);margin-bottom:1rem}.empty-state-text{color:var(--text-muted);font-size:1rem;margin-bottom:1rem}.empty-state-button{background-color:var(--primary-color);color:var(--light-color);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .2s}.empty-state-button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.error-message{color:var(--danger-color);font-size:.875rem;margin-top:.5rem}.loading{animation:shimmer 2s infinite linear;background:linear-gradient(to right,#ffffff0d,#ffffff1a,#ffffff0d 40%,#ffffff0d);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--transition-normal),transform var(--transition-normal)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity var(--transition-normal),transform var(--transition-normal)}@media (max-width: 768px){.app-content,.main-content{padding:1rem}.grid{grid-template-columns:1fr;gap:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.wardrobe-nav{flex-direction:column;align-items:stretch;padding:12px 8px}.main-content{flex-direction:column;align-items:stretch;padding:0}}@media (max-width: 640px){.main-content{padding:var(--spacing-lg) 0}}@media (max-width: 480px){.wardrobe-nav{padding:8px 2px}}header{display:flex;align-items:center;justify-content:space-between}nav button{background:var(--primary-color);color:var(--light-color);border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}nav button:hover,.danger{background:var(--error-color);color:var(--light-color)}.garment-card-type{display:inline-block;padding:.25em .75em;border-radius:999px;font-size:.95em;font-weight:500;margin-bottom:.5em;margin-right:.5em;color:#fff;letter-spacing:.02em;box-shadow:0 2px 8px #0000000a;transition:background .2s}.garment-card-type.type-accoutrements{background:var(--type-accoutrements);color:var(--light-color)}.garment-card-type.type-bottoms{background:var(--type-bottoms);color:var(--light-color)}.garment-card-type.type-mid-layer{background:var(--type-mid-layer);color:var(--light-color)}.garment-card-type.type-footwear{background:var(--type-footwear);color:var(--light-color)}.garment-card-type.type-headwear{background:var(--type-headwear);color:var(--light-color)}.garment-card-type.type-base-layer{background:var(--type-base-layer);color:var(--light-color)}.garment-card-type.type-outer-layer{background:var(--type-outer-layer);color:var(--light-color)}.garment-card-type.type-uncategorized{background:var(--type-uncategorized);color:var(--light-color)}.garment-card-type.type-underwear{background:var(--type-underwear);color:var(--light-color)}.wardrobe-landing-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background-light);padding:2rem;text-align:center}.wardrobe-landing-image{max-width:420px;width:100%;height:auto;margin-bottom:2rem;border-radius:18px;box-shadow:0 4px 32px #6366f11a}[data-theme=fashion] .wardrobe-landing-image{border-radius:0;box-shadow:0 8px 32px #0f141926;max-width:500px}.wardrobe-landing-title{font-size:3rem;font-weight:800;color:var(--primary-color);margin-bottom:1rem;text-shadow:0 2px 8px rgba(99,102,241,.08)}[data-theme=fashion] .wardrobe-landing-title{color:var(--primary-color);text-shadow:none;font-weight:700;letter-spacing:.02em}.wardrobe-landing-subheadline{font-size:1.2rem;color:var(--text-muted);margin-bottom:2rem;max-width:600px;line-height:1.6}.wardrobe-landing-login-btn{margin-top:1rem;display:flex;justify-content:center}@media (max-width: 600px){.wardrobe-landing-image{max-width:90vw}.wardrobe-landing-title{font-size:1.6rem}.wardrobe-landing-subheadline{font-size:1rem}}