@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{--bg-primary:#0a0b0e;--bg-secondary:#11141b;--bg-tertiary:#191d28;--accent:#e2a638;--accent-rgb:226, 166, 56;--accent-gradient:linear-gradient(135deg, #f5b041 0%, #b45309 100%);--accent-cyan:#f5b041;--accent-cyan-rgb:245, 176, 65;--accent-purple:#c5a880;--accent-purple-gradient:linear-gradient(135deg, #c5a880 0%, #8c6f44 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#5e6b7c;--border-color:#ffffff0d;--border-glow:#e2a63833;--glass-bg:#11141bbf;--glass-border:#ffffff0a;--glass-shadow:0 16px 36px 0 #0009;--font-main:"Outfit", sans-serif;--border-radius-sm:10px;--border-radius-md:16px;--border-radius-lg:28px;--transition-smooth:all .35s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background-image:linear-gradient(#d9770603 1px,#0000 1px),linear-gradient(90deg,#d9770603 1px,#0000 1px);background-size:60px 60px;width:100vw;height:100vh;position:fixed;top:0;left:0}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 20%,#d9770608 0%,#0000 45%),radial-gradient(circle at 80% 80%,#c5a88005 0%,#0000 45%);width:160vw;height:160vh;position:fixed;top:-30%;left:-30%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}a{color:inherit;text-decoration:none}input,button,textarea,select{font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--border-radius-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.anim-fade-in{animation:.4s ease-out forwards fadeIn}.anim-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideInUp}.anim-pop-in{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards popIn}.app-container{min-height:100vh;display:flex;position:relative}.app-content{flex-direction:column;flex:1;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);width:290px;height:100vh;transition:var(--transition-smooth);z-index:100;flex-direction:column;flex-shrink:0;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:24px;display:flex}.logo-text{background:linear-gradient(135deg,#fff 40%,#fef08a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.logo-icon{color:var(--accent-purple);opacity:.85}.sidebar-menu{flex-direction:column;flex:1;gap:24px;padding:16px;display:flex;overflow-y:auto}.menu-section{flex-direction:column;gap:6px;display:flex}.menu-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:6px;padding-left:12px;font-size:11px}.menu-item{border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:10px 12px;font-weight:500;display:flex}.menu-item:hover,.menu-item.active{color:var(--text-primary);background-color:#ffffff05}.menu-item.active{border-left:3px solid var(--accent);background-color:#d977060f}.menu-item-left{align-items:center;gap:10px;font-size:14px;display:flex}.menu-item-count{background-color:var(--bg-tertiary);color:var(--text-muted);border-radius:10px;padding:2px 6px;font-size:11px}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;padding:16px;display:flex}.app-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);background-color:#0a0b0e66;justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex}.header-title-container{flex-direction:column;display:flex}.header-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.header-actions{align-items:center;gap:16px;display:flex}.main-dashboard{flex-direction:column;flex:1;gap:32px;padding:32px;display:flex;overflow-y:auto}.quick-add-container{gap:12px;width:100%;max-width:700px;display:flex}.input-glow-wrapper{border-radius:var(--border-radius-md);background:var(--bg-secondary);border:1px solid var(--border-color);transition:var(--transition-smooth);flex:1;position:relative}.input-glow-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 10px var(--border-glow)}.quick-add-input{width:100%;color:var(--text-primary);padding:14px 16px;font-size:14px}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);border:1px solid #ffffff14;align-items:center;gap:8px;padding:14px 24px;font-weight:600;display:flex;box-shadow:0 4px 16px #e2a63840}.btn-primary:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 6px 20px #e2a63866}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--border-radius-sm);cursor:pointer;border:1px solid var(--border-color);transition:var(--transition-smooth);align-items:center;gap:8px;padding:10px 16px;font-weight:500;display:flex}.btn-secondary:hover{border-color:var(--text-muted);background-color:#ffffff0a}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.wish-card{cursor:pointer;height:400px;transition:var(--transition-smooth);background:var(--glass-bg);border:1px solid var(--glass-border);flex-direction:column;display:flex;position:relative;overflow:hidden}.wish-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 16px 36px #0009,0 0 15px #e2a6381f}.card-image-container{background-color:#171c26;width:100%;height:175px;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.wish-card:hover .card-image{transform:scale(1.04)}.card-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;right:12px}.badge-need{color:#f5b041;background:#f5b0411f;border:1px solid #f5b04133}.badge-want{color:#e2a638;background:#e2a6381f;border:1px solid #e2a63833}.badge-dream{color:#c5a880;background:#c5a8801f;border:1px solid #c5a88033}.card-body{flex-direction:column;flex:1;padding:20px;display:flex}.card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.card-price-row{align-items:baseline;gap:4px;margin-top:auto;display:flex}.card-price-val{color:var(--accent-cyan);font-size:21px;font-weight:700}.card-price-currency{color:var(--text-muted);font-size:12px}.card-footer{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.card-status-indicator{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.card-checkmark-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:5px;display:flex}.card-checkmark-btn:hover{border-color:var(--accent);color:var(--accent-cyan);background-color:#d977061a}.card-checkmark-btn.checked{background-color:var(--accent);border-color:var(--accent);color:#fff}.card-external-link{color:var(--text-muted);transition:var(--transition-smooth);border-radius:6px;padding:5px}.card-external-link:hover{color:var(--text-primary);background-color:#ffffff0a}.progress-ring-container{align-items:center;gap:12px;display:flex}.savings-progress-container{flex-direction:column;gap:4px;margin-top:8px;display:flex}.savings-progress-bar-bg{background-color:#ffffff0a;border-radius:4px;width:100%;height:5px;overflow:hidden}.savings-progress-bar-fill{background:var(--accent-gradient);border-radius:4px;height:100%;transition:width .5s ease-out}.lang-btn{color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700}.lang-btn:hover{color:var(--text-primary);border-color:var(--accent);background-color:#ffffff0d}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background-color:#030305b3;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{flex-direction:column;gap:24px;width:100%;max-width:540px;max-height:90vh;padding:32px;display:flex;position:relative;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:22px;font-weight:700}.modal-close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.modal-close-btn:hover{color:var(--text-primary);background-color:#ffffff0d}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-input,.form-textarea,.form-select{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);transition:var(--transition-smooth);width:100%;padding:12px 14px;font-size:14px}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 8px var(--border-glow)}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ai-drawer{background-color:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:150;flex-direction:column;width:390px;height:100vh;transition:transform .45s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-12px 0 45px #000000b3}.ai-drawer.open{transform:translate(0)}.ai-drawer-header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#e2a6380f 0%,#0000 100%);justify-content:space-between;align-items:center;padding:24px;display:flex}.ai-drawer-title{align-items:center;gap:10px;font-weight:700;display:flex}.ai-chat-body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-message{border-radius:var(--border-radius-md);max-width:85%;padding:12px 16px;font-size:14px;line-height:1.5;animation:.3s fadeIn}.chat-message.assistant{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:4px;align-self:flex-start}.chat-message.user{background:var(--accent-gradient);color:#fff;border-bottom-right-radius:4px;align-self:flex-end;box-shadow:0 4px 12px #e2a63826}.ai-chat-input-area{border-top:1px solid var(--border-color);gap:10px;padding:16px 20px;display:flex}.auth-container{background:radial-gradient(circle at 50% 50%, #e2a63808 0%, var(--bg-primary) 75%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{flex-direction:column;gap:28px;width:100%;max-width:420px;padding:40px;display:flex}.auth-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.auth-subtitle{color:var(--text-secondary);font-size:14px}.auth-footer-text{color:var(--text-muted);text-align:center;font-size:13px}.auth-link{color:var(--accent-cyan);cursor:pointer;font-weight:500}.auth-link:hover{text-decoration:underline}.board-tabs-row{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding-bottom:16px;display:flex}.board-tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:20px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:flex}.board-tab-btn:hover{color:var(--text-primary);background-color:#ffffff08;border-color:#ffffff0d}.board-tab-btn.active{color:var(--text-primary);border:1px solid var(--accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;box-shadow:0 0 15px #e2a63826,inset 0 0 8px #e2a6380d}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.empty-icon{color:var(--border-color)}@media (width<=768px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:auto}.sidebar-menu{max-height:250px}.app-header{flex-direction:column;gap:16px;height:auto;padding:16px 20px}.main-dashboard{padding:20px}.ai-drawer{width:100%}}