*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}body{background-color:#f8f9fa}:root{--bg-main:transparent;--bg-overlay:#0f172ad9;--bg-card:#1e293be6;--text-main:#f8f9fa;--text-muted:#94a3b8;--border-color:#334155;--nav-bg:#020617f2;--nav-item:#1e293b;--nav-text:#e2e8f0}body{color:var(--text-main);background-color:#0f172a;margin:0}input{color:var(--text-main);background-color:#0000;transition:background-color .3s}.app-layout{background-image:url(login-bg.jpg);background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:row;min-height:100vh;display:flex;position:relative}.app-layout:before{content:"";background-color:var(--bg-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:0;transition:background-color .3s;position:absolute;inset:0}.app-sidebar,main{z-index:1;position:relative}.app-sidebar{background-color:var(--nav-bg);color:#fff;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--border-color);flex-direction:column;width:250px;height:100vh;padding:2rem 1rem 1rem;display:flex;position:sticky;top:0}.nav-links-container{flex-direction:column;gap:1rem;display:flex}@media (width<=768px){.app-layout{flex-direction:column}.app-sidebar{width:100%;height:auto;padding:1rem;position:relative}.nav-links-container{flex-direction:row;padding-bottom:10px;overflow-x:auto}.nav-links-container>a{white-space:nowrap;text-align:center;flex:1}.mobile-hide-profile{display:none!important}.closet-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:10px!important}.stylist-outfit-container{flex-direction:column!important;padding:15px!important}.stylist-plus-icon{margin:10px 0;transform:rotate(90deg)}}