@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Fredoka:wght@400;600&family=Kalam:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;min-height:100vh;padding:20px;transition:background .3s ease,color .3s ease}.app-container{max-width:1200px;margin:0 auto;border-radius:20px;box-shadow:0 20px 60px #00000080;overflow:hidden;border:2px solid;transition:all .3s ease}.app-header{padding:30px;text-align:center;border-bottom:3px solid;position:relative;transition:all .3s ease}.app-header-content{display:flex;align-items:center;justify-content:center;gap:30px}.app-header-text{text-align:left}.app-page-title{font-family:Fredoka,sans-serif;font-size:2.5em;margin:0 0 10px;font-weight:600;color:var(--accent-primary);text-shadow:0 0 20px var(--accent-secondary)}.app-logo-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-logo{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 4px 15px rgba(0,210,211,.4)) brightness(1.2);transition:transform .3s ease,filter .3s ease}.app-logo:hover{transform:scale(1.05) rotate(5deg);filter:drop-shadow(0 6px 20px rgba(0,210,211,.6)) brightness(1.3)}.app-tagline{font-family:Kalam,cursive;font-size:1.3em;font-weight:700;opacity:.9;transition:all .3s ease;margin:0;color:var(--text-secondary);line-height:1.3}.app-title-group{text-align:left}.app-header h1{font-family:Fredoka,sans-serif;font-size:2.8em;margin-bottom:5px;font-weight:600;transition:all .3s ease}.app-header p{font-size:1.2em;opacity:.9;transition:all .3s ease;margin:0}@media (max-width: 768px){.app-header-content{flex-direction:column;gap:20px}.app-header-text{text-align:center}.app-page-title{font-size:1.8em}.app-logo{width:100px;height:100px}.app-tagline{font-size:1em}.app-title-group{text-align:center}.app-header h1{font-size:2em}.app-header p,.app-tagline{font-size:1em}}.nav-tabs{display:flex;border-bottom:2px solid;transition:all .3s ease}.nav-tab{flex:1;padding:20px;text-align:center;cursor:pointer;border:none;background:transparent;font-size:1.1em;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:500;border-radius:12px 12px 0 0}.nav-tab:hover{background:rgba(255,255,255,.1)}.nav-tab.active{border-bottom:3px solid;font-weight:600}.tab-content{padding:30px;min-height:500px;transition:all .3s ease;width:100%}.tab-section{width:100%}.section-hidden{display:none}#items-section,#expenses-section,.trip-items,.expense-list{width:100%}.trip-form{padding:25px;border-radius:15px;margin-bottom:30px;border:2px solid;transition:all .3s ease}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;transition:all .3s ease}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:2px solid;border-radius:8px;font-size:1em;transition:all .3s;font-family:Poppins,sans-serif}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none}.destinations-input-wrapper{display:flex;gap:10px;margin-bottom:10px}.destinations-input-wrapper input{flex:1}.destinations-input-wrapper .btn{flex-shrink:0;padding:12px 20px}.destinations-list-display{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;min-height:40px}.no-destinations{color:var(--text-muted);font-size:.9em;font-style:italic;margin:0;padding:10px}.destination-badge{display:inline-flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:20px;padding:8px 12px;transition:all .2s}.destination-badge:hover{border-color:var(--accent-primary);box-shadow:0 2px 8px #0000001a}.destination-name{color:var(--text-primary);font-size:.95em;font-weight:500}.destination-remove{background:transparent;border:none;color:var(--text-muted);font-size:1.5em;cursor:pointer;width:24px;height:24px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.destination-remove:hover{background:var(--danger-color);color:#fff;transform:rotate(90deg)}.btn{padding:12px 30px;border:none;border-radius:8px;font-size:1em;cursor:pointer;transition:all .3s;font-weight:600;font-family:Poppins,sans-serif}.btn-primary{background:var(--button-bg);color:var(--button-text)!important;box-shadow:0 4px 15px var(--accent-secondary)}.btn-primary:hover{box-shadow:0 6px 20px var(--accent-primary)}.btn-secondary{background:#6c5ce7;color:#dfe6e9;border:2px solid #00d2d3}.btn-danger{background:#fd79a8;color:#1e1e2e;box-shadow:0 4px 15px #fd79a84d}.trip-items{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;width:100%}.trip-items.trip-items-list{display:flex;flex-direction:column;gap:12px;width:100%}.trip-items.trip-items-list .trip-item{width:100%!important;max-width:none!important}.trip-item{background:#2d1b3d;border:2px solid #6c5ce7;border-radius:15px;padding:20px;transition:all .3s;box-shadow:0 4px 15px #0000004d}.trip-item.trip-item-card{width:100%}.trip-item.trip-item-card .trip-item-header{flex-direction:column;align-items:flex-start;text-align:left}.trip-item.trip-item-card .trip-character{width:100px;height:100px;margin-bottom:8px}.trip-item.trip-item-list{width:100%}.trip-item.trip-item-list .trip-item-header{flex-direction:row;align-items:flex-start}.trip-item.trip-item-list .trip-character{width:120px;height:120px;flex-shrink:0}.trip-item.trip-item-list .trip-item-middle,.trip-item.trip-item-list .trip-item-actions{margin-left:0;width:100%}.trip-item:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00d2d333;border-color:#00d2d3}.trip-item-header{display:flex;align-items:flex-start;gap:15px;margin-bottom:0}@media (max-width: 1000px){.trip-items{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.trip-items{grid-template-columns:1fr}}.trip-item-emoji{font-size:3em}.trip-item-title{font-size:1.2em;font-weight:600;color:#00d2d3}.trip-item-details{color:#b2bec3;line-height:1.6}.trip-item-actions{margin-top:0;display:flex;gap:10px;flex-wrap:wrap}.permission-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:.75em;font-weight:600;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.badge-owner{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary, var(--accent-primary)) 100%);color:#fff;box-shadow:0 2px 8px #00000026}.badge-admin{background:linear-gradient(135deg,#6c5ce7 0%,#a29bfe 100%);color:#fff;box-shadow:0 2px 8px #6c5ce74d}.badge-editor{background:linear-gradient(135deg,#00b894 0%,#55efc4 100%);color:#fff;box-shadow:0 2px 8px #00b8944d}.badge-viewer{background:linear-gradient(135deg,#636e72 0%,#b2bec3 100%);color:#fff;box-shadow:0 2px 8px #636e724d}.notification-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#ff4757 0%,#ff6b81 100%);color:#fff;font-size:.7em;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ff475766;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.btn-icon{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;font-size:1.2em;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:var(--bg-tertiary);transform:scale(1.05)}.alert-bell{background:linear-gradient(135deg,#ff4757 0%,#ff6b81 100%);border-color:#ff4757;animation:ring-bell 1s ease-in-out infinite}.alert-bell:hover{background:linear-gradient(135deg,#ff6b81 0%,#ff4757 100%)}@keyframes ring-bell{0%,to{transform:rotate(0)}10%,30%{transform:rotate(10deg)}20%,40%{transform:rotate(-10deg)}50%,70%,90%{transform:rotate(0)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}.item-pending-badge{position:absolute;top:-8px;right:-8px;z-index:20;cursor:pointer;background:linear-gradient(135deg,#ff4757 0%,#ff6b81 100%);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ff475780;animation:ring-bell 1s ease-in-out infinite}.item-pending-badge:hover{transform:scale(1.1)}.alert-bell-icon{font-size:16px}.has-pending-request{border:2px solid #ff4757!important;box-shadow:0 0 10px #ff47574d}.expense-form{background:#2d1b3d;padding:25px;border-radius:15px;margin-bottom:30px;border:2px solid #6c5ce7}.expense-split-options{display:flex;gap:15px;margin-bottom:15px}.expense-split-options label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#b2bec3}.expense-split-options input[type=radio]{width:auto;accent-color:#00d2d3}.participants-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.participant-tag{background:linear-gradient(135deg,#00d2d3 0%,#00b894 100%);color:#1e1e2e;padding:8px 15px;border-radius:20px;display:flex;align-items:center;gap:8px;font-weight:600;box-shadow:0 2px 10px #00d2d34d}.participant-tag button{background:rgba(30,30,46,.3);border:none;color:#1e1e2e;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:.8em;font-weight:700}.expense-list{margin-top:30px;display:flex;flex-direction:column;gap:15px;width:100%}.expense-list.expense-list-view{display:flex;flex-direction:column;gap:12px}.expense-list.expense-list-view .expense-item{width:100%!important}.expense-list.expense-cards-view{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.expense-list.expense-cards-view .expense-item{width:100%}.expense-list.expense-cards-view .expense-item .expense-item-header{flex-direction:column;align-items:flex-start}.expense-list.expense-cards-view .expense-item .expense-character{width:100px;height:100px;margin-bottom:8px}.expense-item.expense-item-list .expense-character{width:120px;height:120px}.expense-item.expense-item-card .expense-character{width:100px;height:100px}.expense-item.expense-item-card .expense-item-header{flex-direction:column;align-items:flex-start}@media (max-width: 1000px){.expense-list.expense-cards-view{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.expense-list.expense-cards-view{grid-template-columns:1fr}}.expense-list h2{color:#00d2d3;margin-bottom:20px;font-weight:600}.expense-item{background:#2d1b3d;border:2px solid #6c5ce7;border-radius:15px;padding:20px;margin-bottom:0;display:flex;flex-direction:column;gap:0;transition:all .3s;width:100%}.expense-item:hover{border-color:#00d2d3;box-shadow:0 5px 20px #00d2d333;transform:translateY(-3px)}.expense-item-header{display:flex;align-items:flex-start;gap:15px;padding-bottom:12px}.expense-item-middle{border-top:1px solid var(--border-color);padding:12px 0;width:100%}.expense-item-actions{border-top:1px solid var(--border-color);padding-top:12px;display:flex;gap:8px;width:100%}.expense-link-option:hover{background:var(--accent-primary)!important;border-color:var(--accent-primary)!important;transform:translateY(-2px);box-shadow:0 4px 12px #00d2d34d}.expense-info{flex:1;color:#b2bec3}.expense-amount{font-size:1.5em;font-weight:700;color:#00d2d3;margin-right:20px;text-shadow:0 0 10px rgba(0,210,211,.5)}.expense-character{width:100px;height:100px;object-fit:contain}.debt-summary{background:linear-gradient(135deg,#2d1b3d 0%,#6c5ce7 100%);color:#fff;padding:25px;border-radius:15px;margin-top:30px;border:2px solid #fd79a8;box-shadow:0 5px 20px #fd79a84d}.debt-summary h3{margin-bottom:20px;font-size:1.5em;color:#00d2d3;font-weight:600}.debt-item{background:rgba(0,210,211,.1);padding:15px;border-radius:10px;margin-bottom:10px;font-size:1.1em;border:1px solid rgba(0,210,211,.3);color:#dfe6e9}.receipt-preview{max-width:200px;max-height:200px;border-radius:8px;margin-top:10px;border:2px solid #6c5ce7}.empty-state{text-align:center;padding:60px 20px;color:#b2bec3;grid-column:1 / -1}.empty-state-emoji{font-size:5em;margin-bottom:20px}.empty-state h3{font-size:1.5em;margin-bottom:10px;color:#00d2d3;font-weight:600}.trip-form h2,.expense-form h2,.tab-content h2{color:var(--accent-primary);margin-bottom:20px;font-weight:600;font-size:1.8em;display:flex;align-items:center}.expense-list h2{font-size:1.8em;display:flex;align-items:center}.debt-summary h3{font-size:1.6em;display:flex;align-items:center}.trip-character{width:160px;height:160px;filter:drop-shadow(0 4px 10px rgba(0,210,211,.3));transition:transform .3s;object-fit:contain}.trip-item:hover .trip-character{transform:scale(1.1) rotate(5deg)}.expense-character{width:120px;height:120px;margin-right:15px;filter:drop-shadow(0 2px 8px rgba(0,210,211,.3));object-fit:contain}.empty-character{width:150px;height:150px;margin-bottom:20px;filter:drop-shadow(0 8px 20px rgba(0,210,211,.4));animation:float 3s ease-in-out infinite;object-fit:contain}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.tab-icon{width:32px;height:32px;vertical-align:middle;filter:drop-shadow(0 2px 5px rgba(0,210,211,.3));object-fit:contain}.form-icon{width:160px;height:160px;vertical-align:middle;margin-right:18px;object-fit:contain}.section-icon{width:150px;height:150px;vertical-align:middle;margin-right:15px;object-fit:contain}.form-group input[type=file]{color:#b2bec3;cursor:pointer}.form-group input[type=file]::file-selector-button{background:linear-gradient(135deg,#00d2d3 0%,#00b894 100%);color:#1e1e2e;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;margin-right:10px;font-family:Poppins,sans-serif}.form-group input[type=file]::file-selector-button:hover{box-shadow:0 4px 15px #00d2d366}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#2d1b3d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d2d3 0%,#00b894 100%);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00b894 0%,#00d2d3 100%)}.trip-item:hover .trip-character{animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 4px 10px rgba(0,210,211,.5))}50%{filter:drop-shadow(0 8px 20px rgba(0,210,211,.8))}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-size:80px 80px;background-position:10% 20%,80% 60%,50% 80%;background-repeat:no-repeat;opacity:.03;pointer-events:none;z-index:-1}.btn:active{transform:translateY(0)}.participant-tag{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.theme-toggle{position:absolute;top:20px;right:20px;padding:10px 20px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:25px;color:inherit;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;font-size:.9em;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;pointer-events:auto}.theme-toggle:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.theme-dark-ocean{--bg-primary: #0a1929;--bg-secondary: #132f4c;--bg-tertiary: #1e4976;--text-primary: #e3f2fd;--text-secondary: #90caf9;--text-muted: #b0bec5;--accent-primary: #29b6f6;--accent-secondary: #4fc3f7;--border-color: #1e88e5;--button-bg: linear-gradient(135deg, #29b6f6 0%, #0277bd 100%);--button-text: #ffffff;--danger-color: #ef5350;--success-color: #66bb6a}.theme-dark-forest{--bg-primary: #1a2f1a;--bg-secondary: #2d4a2d;--bg-tertiary: #3d5a3d;--text-primary: #e8f5e9;--text-secondary: #a5d6a7;--text-muted: #b0bec5;--accent-primary: #66bb6a;--accent-secondary: #81c784;--border-color: #4caf50;--button-bg: linear-gradient(135deg, #66bb6a 0%, #388e3c 100%);--button-text: #ffffff;--danger-color: #ef5350;--success-color: #81c784}.theme-light{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #e3f2fd;--text-primary: #212121;--text-secondary: #424242;--text-muted: #757575;--accent-primary: #1976d2;--accent-secondary: #2196f3;--border-color: #90caf9;--button-bg: linear-gradient(135deg, #2196f3 0%, #1565c0 100%);--button-text: #ffffff;--danger-color: #d32f2f;--success-color: #388e3c}body{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary)}.app-container{background:var(--bg-secondary);border-color:var(--border-color)}.app-header{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border-bottom-color:var(--accent-primary);color:var(--text-primary)}.app-header h1{color:var(--accent-primary);text-shadow:0 0 20px var(--accent-secondary)}.app-header p{color:var(--text-secondary)}.nav-tabs{background:var(--bg-tertiary);border-bottom-color:var(--border-color)}.nav-tab{color:var(--text-muted)}.nav-tab:hover{background:rgba(255,255,255,.1);color:var(--accent-primary)}.nav-tab.active{background:var(--bg-secondary);border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.tab-content{background:var(--bg-secondary)}.trip-form,.expense-form{background:var(--bg-tertiary);border-color:var(--border-color)}.trip-form h2,.expense-form h2,.expense-list h2{color:var(--accent-primary)}.form-group label{color:var(--accent-secondary)}.form-group input,.form-group textarea,.form-group select{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-secondary)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--accent-primary)}.btn-danger{background:var(--danger-color);color:var(--button-text)}.btn-warning{background:#f39c12;color:#1e1e2e;animation:pulse-warning 1.5s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.trip-item,.expense-item{background:var(--bg-tertiary);border-color:var(--border-color);display:flex;flex-direction:column;gap:0;position:relative}.trip-item-header,.expense-item-header{display:flex;align-items:flex-start;gap:12px;padding-bottom:12px}.trip-item-middle,.expense-item-middle{border-top:1px solid var(--border-color);padding:12px 0;display:flex;flex-direction:column;gap:10px}.trip-item-actions,.expense-item-actions{border-top:1px solid var(--border-color);padding-top:12px;display:flex;gap:8px;flex-wrap:wrap}.type-badge{background:var(--accent-secondary);color:var(--accent-primary);padding:2px 8px;border-radius:12px;font-size:.75em;font-weight:600}.expense-amount-badge{background:var(--accent-primary);color:var(--bg-primary);padding:4px 10px;border-radius:12px;font-size:.9em;font-weight:700}.expense-item-title{font-weight:700;font-size:1.1em;color:var(--text-primary)}.split-tag{background:var(--bg-secondary);padding:4px 8px;border-radius:6px;font-size:.8em;color:var(--text-secondary)}.expense-linked-item,.expense-receipt{font-size:.9em;color:var(--text-secondary)}.trip-item-details{font-size:.9em;color:var(--text-muted);line-height:1.5}.trip-item-attachments,.trip-item-linked{font-size:.9em}.linked-expense-tag{display:inline-block;background:var(--bg-secondary);padding:4px 10px;border-radius:6px;font-size:.85em;color:var(--accent-primary);cursor:pointer;margin-right:6px;margin-bottom:4px}.linked-expense-tag:hover{background:var(--accent-secondary)}.attachment-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.85em;color:var(--text-secondary);transition:all .2s ease}.attachment-btn:hover{background:var(--accent-secondary);border-color:var(--accent-primary)}.trip-item:hover,.expense-item:hover{border-color:var(--accent-primary);box-shadow:0 10px 25px var(--accent-secondary)}.trip-item-title{color:var(--accent-primary)}.trip-item-details,.expense-info{color:var(--text-muted)}.expense-amount{color:var(--accent-primary);text-shadow:0 0 10px var(--accent-secondary)}.debt-summary{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--border-color) 100%);border-color:var(--accent-primary)}.debt-summary h3{color:var(--accent-primary)}.debt-item{background:rgba(255,255,255,.05);border-color:var(--accent-secondary);color:var(--text-secondary)}.empty-state{color:var(--text-muted)}.empty-state h3{color:var(--accent-primary)}.participant-tag{background:var(--button-bg);color:var(--button-text)}.expense-split-options label{color:var(--text-secondary)}.expense-split-options input[type=radio]{accent-color:var(--accent-primary)}.form-group input[type=file]{color:var(--text-muted)}.form-group input[type=file]::file-selector-button{background:var(--button-bg);color:var(--button-text)}.receipt-preview{border-color:var(--border-color)}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--button-bg)}.theme-light .app-header:before,.theme-light .app-header:after{opacity:.15}.theme-light .app-tagline{color:#1a3a52;opacity:1}.theme-light .theme-toggle{background:rgba(0,0,0,.05);border-color:#0000001a}.theme-light .theme-toggle:hover{background:rgba(0,0,0,.1)}.theme-light .back-to-dashboard{background:rgba(0,0,0,.05);border-color:#0000001a}.theme-light .back-to-dashboard:hover{background:rgba(0,0,0,.1)}.theme-light .debt-item{background:rgba(0,0,0,.03)}.theme-light .participant-tag button{background:rgba(255,255,255,.3);color:var(--button-text)}.theme-dark-ocean .app-logo-container:before,.theme-dark-forest .app-logo-container:before{content:"";position:absolute;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(255,255,255,.85) 50%,transparent 100%);border-radius:50%;z-index:-1}.theme-dark-ocean .app-logo-container,.theme-dark-forest .app-logo-container{position:relative}.theme-dark-ocean .app-logo{filter:drop-shadow(0 4px 15px rgba(41,182,246,.8)) brightness(2.5) saturate(.2) contrast(1.3) invert(.05)}.theme-dark-ocean .app-logo:hover{filter:drop-shadow(0 6px 20px rgba(41,182,246,1)) brightness(2.7) saturate(.3) contrast(1.3) invert(.05)}.theme-dark-forest .app-logo{filter:drop-shadow(0 4px 15px rgba(102,187,106,.8)) brightness(2.8) saturate(.1) contrast(1.3) invert(.08)}.theme-dark-forest .app-logo:hover{filter:drop-shadow(0 6px 20px rgba(102,187,106,1)) brightness(3) saturate(.05) contrast(1.3) invert(.1)}.theme-light .app-logo{filter:drop-shadow(0 4px 15px rgba(25,118,210,.4)) brightness(1) saturate(1.1)}.theme-light .app-logo:hover{filter:drop-shadow(0 6px 20px rgba(25,118,210,.6)) brightness(1.1) saturate(1.2)}@media (max-width: 768px){.theme-dark-ocean .app-logo-container:before,.theme-dark-forest .app-logo-container:before{width:130px;height:130px}}.transport-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:10px}@media (max-width: 768px){.transport-fields{grid-template-columns:1fr}}.trip-item-header{display:flex;align-items:flex-start;gap:15px;margin-bottom:15px}.trip-selector{display:flex;gap:15px;padding:20px 30px;background:var(--bg-tertiary);border-bottom:2px solid var(--border-color);align-items:center}.trip-select-dropdown{flex:1;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:1em;background:var(--bg-secondary);color:var(--text-primary);font-family:Poppins,sans-serif;font-weight:500;cursor:pointer;transition:all .3s}.trip-select-dropdown:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-secondary)}.trip-select-dropdown:hover{border-color:var(--accent-secondary)}.settings-btn{position:absolute;top:20px;right:180px;padding:10px 16px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:50%;color:inherit;cursor:pointer;font-size:1.2em;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:45px;height:45px;display:flex;align-items:center;justify-content:center}.settings-btn:hover{background:rgba(255,255,255,.2);transform:rotate(90deg) scale(1.1)}.autocomplete-wrapper{position:relative}.autocomplete-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:2px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000004d;display:none}.autocomplete-suggestion-item{padding:12px 16px;cursor:pointer;transition:background .2s;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.autocomplete-suggestion-item:last-child{border-bottom:none}.autocomplete-suggestion-item:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.location-input{width:100%}.view-toggle{display:flex;gap:10px;background:var(--bg-tertiary);padding:4px;border-radius:8px;border:2px solid var(--border-color)}.view-toggle-btn{padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;transition:all .3s;font-size:.9em}.view-toggle-btn:hover{background:var(--bg-secondary);color:var(--accent-primary)}.view-toggle-btn.active{background:var(--accent-primary);color:var(--button-text);box-shadow:0 2px 8px var(--accent-secondary)}.calendar-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}.calendar-day{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s}.calendar-day.today{border-color:var(--accent-primary);box-shadow:0 0 15px var(--accent-secondary)}.calendar-day.has-items{cursor:pointer}.calendar-day.has-items:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0003;border-color:var(--accent-primary)}.calendar-day-header{background:var(--bg-secondary);padding:12px 16px;border-bottom:2px solid var(--border-color)}.calendar-day.today .calendar-day-header{background:var(--accent-primary);color:var(--button-text)}.calendar-day-date{font-weight:600;font-size:1em;color:var(--text-primary)}.calendar-day.today .calendar-day-date{color:var(--button-text)}.calendar-day-items{padding:12px;min-height:80px}.calendar-no-items{text-align:center;color:var(--text-muted);padding:20px;font-size:.9em}.calendar-item{display:flex;align-items:center;gap:12px;padding:10px;background:var(--bg-secondary);border-radius:8px;margin-bottom:8px;transition:all .2s;border:1px solid var(--border-color)}.calendar-item:last-child{margin-bottom:0}.calendar-item:hover{background:var(--bg-primary);border-color:var(--accent-primary)}.calendar-item-icon{width:40px;height:40px;flex-shrink:0;object-fit:contain}.calendar-item-info{flex:1;min-width:0}.calendar-item-time{font-size:.85em;color:var(--accent-primary);font-weight:600;margin-bottom:2px}.calendar-item-name{font-weight:600;color:var(--text-primary);font-size:.95em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-item-route{font-size:.8em;color:var(--text-secondary);margin-top:2px}@media (max-width: 768px){.calendar-view{grid-template-columns:1fr}.view-toggle{flex-direction:column}}.calendar-scale-toggle{display:flex;gap:0;background:var(--bg-tertiary);padding:4px;border-radius:8px;border:2px solid var(--border-color)}.scale-btn{padding:6px 14px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;transition:all .3s;font-size:.85em;border-radius:4px}.scale-btn:hover{background:var(--bg-secondary);color:var(--accent-primary)}.scale-btn.active{background:var(--accent-secondary);color:var(--button-text)}.calendar-week-view{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;overflow:hidden}.calendar-week-header{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.calendar-weekday{padding:12px;text-align:center;font-weight:600;color:var(--text-primary);border-right:1px solid var(--border-color)}.calendar-weekday:last-child{border-right:none}.calendar-week-row{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--border-color)}.calendar-week-row:last-child{border-bottom:none}.calendar-week-cell{min-height:120px;padding:8px;border-right:1px solid var(--border-color);background:var(--bg-secondary);transition:all .2s}.calendar-week-cell:last-child{border-right:none}.calendar-week-cell.today{background:var(--accent-primary);opacity:.15}.calendar-week-cell.out-of-range{background:var(--bg-primary);opacity:.5}.calendar-week-cell.has-items:hover{background:var(--bg-tertiary)}.calendar-cell-date{font-weight:600;font-size:1.1em;color:var(--text-primary);margin-bottom:8px}.calendar-week-cell.today .calendar-cell-date{color:var(--accent-primary)}.calendar-cell-items{display:flex;flex-direction:column;gap:4px}.calendar-cell-item{display:flex;align-items:center;gap:6px;padding:4px 6px;background:var(--bg-tertiary);border-radius:4px;font-size:.8em;border:1px solid var(--border-color)}.calendar-cell-icon{width:20px;height:20px;object-fit:contain}.calendar-cell-time{color:var(--accent-primary);font-weight:600;font-size:.85em}.calendar-more{font-size:.75em;color:var(--text-muted);padding:2px 6px;text-align:center}.calendar-month-view{display:flex;flex-direction:column;gap:40px}.calendar-month-container{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;max-width:100%}.calendar-month-header{background:var(--bg-secondary);padding:20px;text-align:center;font-weight:600;font-size:1.5em;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.calendar-month-grid{padding:20px}.calendar-month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:12px;gap:8px}.calendar-month-weekday{text-align:center;font-weight:600;font-size:1em;color:var(--text-secondary);padding:12px 8px;background:var(--bg-secondary);border-radius:8px}.calendar-month-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px}.calendar-month-cell{min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:8px;border:2px solid var(--border-color);transition:all .2s;cursor:pointer;position:relative;padding:8px}.calendar-month-cell:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.calendar-month-cell.today{border-color:var(--accent-primary);border-width:3px;box-shadow:0 0 15px var(--accent-secondary)}.calendar-month-cell.today .calendar-month-date{color:var(--accent-primary);font-size:1.3em}.calendar-month-cell.other-month{opacity:.4}.calendar-month-cell.out-of-range{opacity:.3;pointer-events:none}.calendar-month-cell.has-items{background:var(--bg-tertiary);border-color:var(--accent-secondary)}.calendar-month-date{font-weight:700;color:var(--text-primary);font-size:1.2em;margin-bottom:8px}.calendar-month-dots{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;max-width:100%}.calendar-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 4px var(--accent-secondary)}@media (max-width: 768px){.calendar-month-view{grid-template-columns:1fr}.calendar-scale-toggle{width:100%}.scale-btn{flex:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border-radius:16px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080;border:2px solid var(--border-color);animation:slideUp .3s ease-out}.modal-large{max-width:800px}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--bg-tertiary);border-bottom:2px solid var(--border-color);flex-shrink:0}.modal-header h3{margin:0;color:var(--accent-primary);font-size:1.3em;font-weight:600}.modal-close{background:transparent;border:none;font-size:2em;color:var(--text-muted);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;line-height:1}.modal-close:hover{background:var(--danger-color);color:#fff;transform:rotate(90deg)}.modal-body{padding:20px 24px;overflow-y:auto;flex:1;min-height:0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:var(--bg-tertiary);border-top:2px solid var(--border-color);flex-shrink:0}.modal-footer .btn{min-width:120px}.modal-event-item{display:flex;gap:16px;padding:16px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;margin-bottom:16px;transition:all .2s;align-items:flex-start}.modal-event-item:last-child{margin-bottom:0}.modal-event-item:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #0003}.modal-event-icon{width:60px;height:60px;flex-shrink:0;object-fit:contain}.modal-event-info{flex:1;min-width:0}.modal-event-type{font-size:.85em;color:var(--text-muted);margin-bottom:4px}.modal-event-name{font-size:1.2em;font-weight:600;color:var(--text-primary);margin-bottom:8px}.modal-event-time{color:var(--accent-primary);font-weight:600;margin-bottom:4px;font-size:.95em}.modal-event-route{color:var(--text-secondary);margin-bottom:8px;font-size:.95em}.modal-event-details{color:var(--text-muted);font-size:.9em;line-height:1.5;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.calendar-dot-count{font-size:.7em;color:var(--accent-primary);font-weight:600;margin-left:2px}.calendar-month-cell.has-items,.calendar-cell-item,.calendar-more{cursor:pointer}.calendar-more:hover{color:var(--accent-primary);font-weight:600}.packing-progress{background:var(--bg-tertiary);padding:20px;border-radius:12px;margin-bottom:25px;border:2px solid var(--border-color)}.progress-header{display:flex;justify-content:space-between;margin-bottom:12px;color:var(--text-primary);font-weight:600;font-size:1.1em}.progress-bar{height:20px;background:var(--bg-secondary);border-radius:10px;overflow:hidden;border:2px solid var(--border-color)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transition:width .5s ease;box-shadow:0 0 10px var(--accent-secondary)}.packing-add-item{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}.packing-add-item input{flex:1;min-width:200px;padding:12px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1em}.packing-category-dropdown{flex:1;min-width:200px;padding:12px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1em;cursor:pointer}.packing-category-dropdown:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-secondary)}.packing-add-item select{padding:12px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-family:Poppins,sans-serif;cursor:pointer}.packing-categories{display:grid;gap:20px}.packing-category{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;overflow:hidden}.packing-category-header{background:var(--bg-secondary);padding:15px 20px;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.packing-category-header h3{margin:0;color:var(--accent-primary);font-size:1.2em;font-weight:600}.packing-category-actions{display:flex;gap:8px}.btn-icon{background:transparent;border:1px solid var(--border-color);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:1em;transition:all .2s}.btn-icon:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:scale(1.1)}.packing-items{padding:12px}.packing-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;margin-bottom:8px;transition:all .2s;border:2px solid transparent;gap:12px}.packing-item:last-child{margin-bottom:0}.packing-item:hover{border-color:var(--accent-secondary)}.packing-item.checked{opacity:.6;background:var(--bg-primary)}.packing-item.checked .packing-item-text{text-decoration:line-through;color:var(--text-muted)}.packing-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1}.packing-checkbox input[type=checkbox]{width:22px;height:22px;cursor:pointer;accent-color:var(--accent-primary)}.packing-item-text{color:var(--text-primary);font-size:1em;font-weight:500}.packing-delete{background:transparent;border:none;color:var(--text-muted);font-size:1.8em;cursor:pointer;width:32px;height:32px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.packing-delete:hover{background:var(--danger-color);color:#fff;transform:rotate(90deg)}.form-input-large{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.1em;font-weight:600}.form-input-large:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-secondary)}.category-items-list{max-height:350px;overflow-y:auto;border:2px solid var(--border-color);border-radius:8px;padding:15px;background:var(--bg-secondary)}.empty-items-message{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:1.1em}.category-item-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;margin-bottom:10px;cursor:move;transition:all .2s}.category-item-row:hover{border-color:var(--accent-secondary);box-shadow:0 2px 8px #0000001a}.category-item-row:last-child{margin-bottom:0}.item-row-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.item-row-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.drag-handle{cursor:grab;color:var(--text-muted);font-size:1.5em;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:5px;transition:color .2s}.drag-handle:hover{color:var(--accent-primary)}.drag-handle:active{cursor:grabbing}.item-name-input{flex:1;min-width:200px;padding:10px 12px;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1em;transition:all .2s}.item-name-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-secondary)}.item-category-select{padding:8px 10px;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-family:Poppins,sans-serif;font-size:.9em;cursor:pointer;min-width:120px;max-width:150px;transition:all .2s}.item-category-select:hover{border-color:var(--accent-primary)}.item-category-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-secondary)}.category-dropdown-wrapper{position:relative}.btn-category-icon{background:var(--bg-primary);border:2px solid var(--border-color);color:var(--text-primary);font-size:1.3em;cursor:pointer;width:40px;height:40px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-category-icon:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:scale(1.05)}.btn-category-icon:active{transform:scale(.95)}.category-dropdown-menu{position:absolute;top:45px;right:0;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:180px;max-height:300px;overflow-y:auto}.category-dropdown-header{padding:10px 15px;font-size:.85em;color:var(--text-muted);font-weight:600;text-transform:uppercase;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.category-dropdown-item{width:100%;padding:10px 15px;background:transparent;border:none;color:var(--text-primary);text-align:left;cursor:pointer;font-family:Poppins,sans-serif;font-size:.95em;transition:all .2s;display:block}.category-dropdown-item:hover{background:var(--bg-tertiary)}.category-dropdown-item.current{background:var(--bg-secondary);color:var(--accent-primary);font-weight:600}.category-dropdown-divider{height:1px;background:var(--border-color);margin:5px 0}.category-dropdown-item.new-category{color:var(--accent-primary);font-weight:600}.category-dropdown-item.new-category:hover{background:var(--accent-secondary);color:var(--bg-primary)}.btn-icon-delete{background:transparent;border:2px solid var(--border-color);color:var(--text-muted);font-size:1.8em;cursor:pointer;width:40px;height:40px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.btn-icon-delete:hover{background:var(--danger-color);color:#fff;border-color:var(--danger-color);transform:rotate(90deg)}.trip-item-selected{border-color:var(--accent-primary)!important;box-shadow:0 0 20px var(--accent-secondary)!important;background:var(--bg-secondary)!important}.trip-stats{display:flex;gap:20px;padding:15px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin:15px 0}.trip-stat{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.trip-stat-icon{font-size:1.5em}.trip-stat-value{font-size:1.2em;font-weight:700;color:var(--accent-primary)}.trip-stat-label{font-size:.85em;color:var(--text-muted)}.btn-sm{padding:8px 16px;font-size:.9em}@media (max-width: 768px){.trip-stats{gap:10px}.trip-stat-icon{font-size:1.2em}.trip-stat-value{font-size:1em}.trip-stat-label{font-size:.75em}}.back-to-dashboard{position:absolute;top:20px;left:20px;padding:10px 20px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:25px;color:inherit;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;font-size:.9em;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;pointer-events:auto}.back-to-dashboard:hover{background:rgba(255,255,255,.2);transform:translate(-3px)}@media (max-width: 768px){.back-to-dashboard{position:static;display:block;margin-bottom:15px;width:100%}}.calendar-month-cell.other-month{opacity:0;pointer-events:none}.section-icon{transition:transform .3s ease,filter .3s ease;display:inline-block}h2:hover .section-icon,h3:hover .section-icon{transform:scale(1.15) rotate(5deg);filter:brightness(1.2) drop-shadow(0 0 8px rgba(0,217,255,.5))}body[data-theme=ocean] h2:hover .section-icon,body[data-theme=ocean] h3:hover .section-icon,body[data-theme=forest] h2:hover .section-icon,body[data-theme=forest] h3:hover .section-icon{filter:brightness(1.3) drop-shadow(0 0 10px rgba(0,217,255,.6))}.trip-item-attachments{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.attachment-btn{transition:all .2s ease}.attachment-btn:hover{background:var(--accent-primary)!important;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.attachment-btn:active{transform:translateY(0)}.map-container{width:100%;margin:20px 0}#trip-map{width:100%;height:500px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary)}.map-legend{margin-top:15px;display:flex;flex-wrap:wrap;gap:15px;font-size:.9em;color:var(--text-secondary)}.legend-item{display:flex;align-items:center;gap:5px;padding:4px 8px;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.legend-item span{display:inline-block;width:20px;text-align:center}.map-info-window{font-family:Poppins,sans-serif;max-width:250px}.map-info-window h3{margin:0 0 8px;color:#333;font-size:1.1em;font-weight:600}.map-info-window .item-type{color:#666;font-size:.9em;font-weight:500;text-transform:capitalize;margin-bottom:8px}.map-info-window p{margin:4px 0;color:#555;font-size:.9em}.map-info-window .item-details{margin-top:8px;padding-top:8px;border-top:1px solid #eee;font-style:italic;color:#777}.view-btn{padding:8px 16px;border:none;border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;font-size:.9em;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:6px}.view-btn:hover{background:var(--bg-secondary);color:var(--accent-primary);transform:translateY(-1px)}.view-btn.active{background:var(--accent-primary);color:var(--button-text);box-shadow:0 2px 8px #0003}@media (max-width: 768px){#trip-map{height:400px}.map-legend{gap:10px;font-size:.8em}.legend-item img{width:14px;height:14px}.view-toggle{flex-direction:column;gap:8px}.view-btn{width:100%;justify-content:center}}.pac-container{background-color:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;font-family:Poppins,sans-serif!important;margin-top:2px!important;z-index:10001!important;pointer-events:auto!important}.pac-item{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important;padding:12px 16px!important;font-size:.9em!important;cursor:pointer!important;pointer-events:auto!important}.pac-item:hover{background-color:var(--bg-secondary)!important}.pac-item-selected{background-color:var(--accent-primary)!important;color:var(--button-text)!important}.pac-item-query{color:var(--text-primary)!important;font-weight:600!important}.pac-matched{color:var(--accent-primary)!important;font-weight:600!important}.pac-item-selected .pac-matched{color:var(--button-text)!important}.pac-icon{background-image:none!important;width:16px!important;height:16px!important;margin-right:8px!important}.pac-icon:before{content:"📍";font-size:14px}.pac-logo:after{display:none!important}.pac-container:not([style*="display: none"]){display:block!important;z-index:10001!important;position:absolute!important;pointer-events:auto!important}.pac-container *{pointer-events:auto!important}.form-group input[id*=location],.form-group input[id*=from],.form-group input[id*=to]{position:relative}.pac-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);animation:loading 1.5s infinite;opacity:0}.pac-container.pac-loading:before{opacity:1}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.pac-container{max-width:calc(100vw - 40px)!important;left:20px!important;right:20px!important}.pac-item{padding:10px 12px!important;font-size:.85em!important}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);padding:20px}.auth-card{background:var(--bg-primary);border-radius:16px;padding:40px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:400px;border:1px solid var(--border-color)}.auth-header{text-align:center;margin-bottom:30px}.auth-logo{width:140px;height:140px;margin-bottom:20px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3)) contrast(1.15) brightness(1.1)}.auth-header h1{margin:0 0 10px;color:var(--text-primary);font-size:2em}.auth-header p{margin:0;color:var(--text-secondary);font-size:1.1em}.auth-tab{flex:1;padding:12px 20px;background:var(--bg-secondary);border:none;cursor:pointer;font-size:1em;color:var(--text-secondary);transition:all .2s}.auth-form{display:none}.auth-form.active{display:block}.auth-submit{width:100%;padding:14px;font-size:1.1em;margin-top:10px}.auth-error{color:var(--danger);font-size:.9em;margin-top:10px;padding:10px;background:rgba(220,53,69,.1);border-radius:6px;border:1px solid rgba(220,53,69,.2);display:none}.auth-error:not(:empty){display:block}.auth-success{color:var(--success);font-size:.9em;margin-top:10px;padding:10px;background:rgba(40,167,69,.1);border-radius:6px;border:1px solid rgba(40,167,69,.2);display:none}.auth-success:not(:empty){display:block}.magic-link-info{text-align:center;margin-bottom:20px;color:var(--text-secondary)}.magic-link-info strong{color:var(--text-primary)}#login-code{text-align:center;font-size:1.5em;letter-spacing:.5em;font-family:monospace}#magic-link-step-2 .btn{margin-top:10px;width:100%}#magic-link-step-2 .btn-link{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:.9em}#magic-link-step-2 .btn-link:hover{text-decoration:underline}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;vertical-align:middle;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.user-menu{position:relative;margin-left:auto}.user-menu-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.user-menu-toggle:hover{background:var(--bg-tertiary)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-name{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-arrow{font-size:12px;transition:transform .2s}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000001a;min-width:180px;z-index:1000;display:none}.user-menu-item{padding:12px 16px;cursor:pointer;transition:background-color .2s;color:var(--text-primary);font-size:.95em;display:flex;align-items:center;gap:8px}.user-menu-item:first-child{border-radius:8px 8px 0 0}.user-menu-item:last-child{border-radius:0 0 8px 8px}.app-header{display:flex;align-items:center;gap:15px;padding:20px;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.app-header-content{display:flex;align-items:center;gap:15px;flex:1}@media (max-width: 768px){.auth-card{padding:30px 20px;margin:10px}.user-name{display:none}.user-menu-toggle{padding:8px}}@media (max-width: 480px){.auth-container{padding:10px}.auth-card{padding:20px 15px}.auth-header h1{font-size:1.5em}}.oauth-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.95em;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.oauth-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.oauth-btn:disabled{opacity:.6;cursor:not-allowed}.google-btn:hover{border-color:#4285f4}.microsoft-btn:hover{border-color:#00a4ef}.apple-btn:hover{border-color:#000}.auth-divider{position:relative;text-align:center;margin:20px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)}.auth-divider span{background:var(--bg-primary);padding:0 15px;color:var(--text-secondary);font-size:.9em;position:relative;z-index:1}.auth-links{text-align:center;margin:15px 0}.auth-links a{color:var(--accent-primary);text-decoration:none;font-size:.9em}.auth-links a:hover{text-decoration:underline}.password-requirements{margin-top:5px}.password-requirements small{color:var(--text-secondary);font-size:.8em;line-height:1.3}.auth-tabs{display:flex;margin-bottom:30px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.auth-tab{flex:1;padding:12px 20px;background:var(--bg-secondary);border:none;cursor:pointer;font-size:.9em;color:var(--text-secondary);transition:all .2s}.auth-tab.active{background:var(--accent-primary);color:#fff}.auth-tab:hover:not(.active){background:var(--bg-tertiary)}.sharing-modal .modal-content{max-width:600px}.share-link-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:15px;margin:15px 0}.share-link{display:flex;align-items:center;gap:10px;margin-bottom:10px}.share-link input{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-family:monospace;font-size:.9em}.share-actions{display:flex;gap:10px;flex-wrap:wrap}.qr-code{text-align:center;margin:15px 0}.qr-code img{border:1px solid var(--border-color);border-radius:8px}.members-list{margin-top:20px}.member-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--border-color);border-radius:8px;margin-bottom:10px;background:var(--bg-secondary)}.member-info{display:flex;align-items:center;gap:12px}.member-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.member-details h4{margin:0;font-size:.95em;color:var(--text-primary)}.member-details p{margin:2px 0 0;font-size:.85em;color:var(--text-secondary)}.permission-badge{padding:4px 8px;border-radius:4px;font-size:.8em;font-weight:500;text-transform:uppercase}.permission-owner{background:#dc3545;color:#fff}.permission-admin{background:#fd7e14;color:#fff}.permission-editor{background:#198754;color:#fff}.permission-viewer{background:#6c757d;color:#fff}.member-actions{display:flex;gap:8px}.invite-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-top:20px}.invite-form h4{margin:0 0 15px;color:var(--text-primary)}.invite-row{display:flex;gap:10px;align-items:end}.invite-row .form-group{flex:1}.permission-select{min-width:120px}.pending-invitations{margin-top:20px}.invitation-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--border-color);border-radius:8px;margin-bottom:10px;background:var(--bg-tertiary)}.invitation-info{flex:1}.invitation-info h4{margin:0;font-size:.95em;color:var(--text-primary)}.invitation-info p{margin:2px 0 0;font-size:.85em;color:var(--text-secondary)}.invitation-actions{display:flex;gap:8px}@media (max-width: 768px){.invite-row{flex-direction:column}.invite-row .form-group{width:100%}.member-item{flex-direction:column;align-items:flex-start;gap:10px}.member-actions{width:100%;justify-content:flex-end}}.demo-notice{margin-top:10px;padding:8px 12px;background:rgba(66,133,244,.1);border:1px solid rgba(66,133,244,.2);border-radius:6px;text-align:center}.demo-notice small{color:var(--accent-primary);font-weight:500}.profile-sections{display:flex;flex-direction:column;gap:25px}.profile-section{border:1px solid var(--border-color);border-radius:8px;padding:20px;background:var(--bg-secondary)}.profile-section h4{margin:0 0 15px;color:var(--text-primary);font-size:1.1em;font-weight:600}.security-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.security-actions .btn{justify-content:flex-start;text-align:left}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.security-info{padding:12px;background:var(--bg-tertiary);border-radius:6px;border-left:3px solid var(--accent-primary)}.security-info small{color:var(--text-secondary);line-height:1.4}.oauth-info{padding:15px;background:var(--bg-tertiary);border-radius:6px;border-left:3px solid var(--success)}.oauth-info p{margin:0 0 10px;color:var(--text-secondary);line-height:1.4}.oauth-info p:last-child{margin-bottom:0}.modal-content{max-height:90vh;overflow-y:auto}@media (max-width: 768px){.profile-sections{gap:20px}.profile-section{padding:15px}.security-actions{gap:8px}}.share-section{margin-bottom:20px}.share-section h4{margin:0 0 10px;color:var(--text-primary);font-size:1.1em}.member-item,.invitation-item{transition:background-color .2s ease}.member-item:hover,.invitation-item:hover{background:var(--bg-tertiary)!important}.permission-badge{padding:4px 8px;border-radius:12px;font-size:.8em;font-weight:600;text-transform:uppercase}.permission-owner{background:var(--accent-primary);color:#fff}.permission-admin{background:#FF6B6B;color:#fff}.permission-editor{background:#4ECDC4;color:#fff}.permission-viewer{background:#95A5A6;color:#fff}.btn-sm{padding:4px 8px;font-size:.8em;min-width:auto}:root{--success-bg: #d4edda;--success-text: #155724;--error-bg: #f8d7da;--error-text: #721c24}[data-theme=dark]{--success-bg: #1e4d2b;--success-text: #a3d9a5;--error-bg: #4d1e20;--error-text: #f5c6cb}.trip-item-details:hover .btn-sm{opacity:1!important}.btn-sm:hover{opacity:1!important;transform:scale(1.05)}.btn-sm{transition:all .2s ease}#qr-modal .modal-body{padding:20px}#qr-modal .btn-sm{opacity:1;padding:8px 12px}.app-container .top-nav-bar{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:12px 32px!important;background:var(--bg-primary)!important;border-bottom:1px solid var(--border-color)!important;position:sticky!important;top:0!important;z-index:100!important;min-height:64px!important}.app-container .top-nav-left{display:flex!important;align-items:center!important;gap:16px!important}.app-container .top-nav-right{display:flex!important;align-items:center!important;flex-shrink:0!important;gap:12px!important}.app-container .top-nav-bar .back-to-dashboard{background:none!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;padding:8px 16px!important;border-radius:8px!important;cursor:pointer!important;font-size:.9em!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;gap:6px!important;position:relative!important;top:auto!important;right:auto!important;left:auto!important}.back-to-dashboard:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.app-container .top-nav-bar .theme-toggle{background:none!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;padding:8px!important;border-radius:8px!important;cursor:pointer!important;font-size:1.2em!important;transition:all .2s ease!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;position:relative!important;top:auto!important;right:auto!important;left:auto!important}.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.trip-header{display:flex;justify-content:space-between;align-items:center;padding:24px 20px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);gap:20px}.trip-info{flex:1;min-width:0}.trip-logo-and-title{display:flex;align-items:center;gap:24px}.trip-logo{width:100px;height:100px;border-radius:25px;flex-shrink:0}.trip-title-group{flex:1;min-width:0}.trip-title{margin:0;font-size:1.5em;font-weight:700;color:var(--text-primary);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trip-destinations{margin:4px 0 0;font-size:.95em;color:var(--text-secondary);line-height:1.3}.trip-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.share-trip-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--accent-primary);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.95em;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.share-trip-btn:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.share-trip-btn:active{transform:translateY(0)}.btn-icon{font-size:1.1em}.btn-text{font-weight:600}.user-menu-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.user-menu-button:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.nav-tabs{display:flex;background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:0 20px;gap:0;overflow-x:auto}.nav-tab{background:none;border:none;padding:16px 20px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:.9em;color:var(--text-secondary);border-bottom:3px solid transparent;transition:all .2s ease;white-space:nowrap;position:relative}.nav-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.nav-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background:var(--bg-secondary)}.tab-icon{width:24px;height:24px;opacity:.8}.nav-tab.active .tab-icon{opacity:1}@media (max-width: 768px){.top-nav-bar{padding:10px 16px}.top-nav-left{gap:12px}.trip-header{padding:20px 16px;flex-direction:column;align-items:flex-start;gap:16px}.trip-logo-and-title{gap:16px}.trip-logo{width:80px;height:80px}.trip-title{font-size:1.3em}.trip-actions{width:100%;justify-content:flex-end}.share-trip-btn{padding:10px 16px;font-size:.9em}.nav-tabs{padding:0 16px}.nav-tab{padding:14px 16px;font-size:.85em;gap:8px}.tab-icon{width:20px;height:20px}}@media (max-width: 480px){.trip-header{padding:16px}.trip-title{font-size:1.2em}.btn-text{display:none}.share-trip-btn{padding:10px 12px;min-width:44px}.nav-tab{padding:12px 14px;font-size:.8em;gap:6px}.tab-icon{width:18px;height:18px}}.dashboard-header{padding:24px 20px;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.dashboard-info{max-width:1200px;margin:0 auto}.dashboard-logo-and-title{display:flex;align-items:center;gap:24px}.dashboard-logo{width:110px;height:110px;border-radius:28px;flex-shrink:0}.dashboard-title-group{flex:1}.dashboard-title{margin:0;font-size:1.8em;font-weight:700;color:var(--text-primary);line-height:1.2}.dashboard-tagline{margin:6px 0 0;font-size:1em;color:var(--text-secondary);line-height:1.4}.tab-content{padding:24px 20px;max-width:1200px;margin:0 auto}@media (max-width: 768px){.dashboard-header{padding:20px 16px}.dashboard-logo-and-title{gap:16px}.dashboard-logo{width:88px;height:88px}.dashboard-title{font-size:1.5em}.dashboard-tagline{font-size:.95em}.tab-content{padding:20px 16px}}@media (max-width: 480px){.dashboard-header{padding:16px}.dashboard-logo{width:72px;height:72px}.trip-logo{width:64px;height:64px}.dashboard-title{font-size:1.3em}.dashboard-tagline{font-size:.9em}.tab-content{padding:16px}}.top-nav-bar .theme-toggle,.top-nav-bar .back-to-dashboard{position:relative!important;top:auto!important;right:auto!important;left:auto!important}.top-nav-left,.top-nav-right{position:relative!important}.app-header{display:none!important}.top-nav-bar,.trip-header,.dashboard-header{display:flex!important}.app-container{min-height:100vh;background:var(--bg-primary)}.tab-content{background:var(--bg-primary)}.nav-tabs{position:sticky;top:61px;z-index:90;background:var(--bg-primary)}.app-container>.tab-content{flex:1}.theme-dark .top-nav-bar,.theme-dark .trip-header,.theme-dark .dashboard-header,.theme-light .top-nav-bar,.theme-light .trip-header,.theme-light .dashboard-header{background:var(--bg-primary);border-color:var(--border-color)}.user-menu{position:relative}.user-menu-toggle{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--border-color);border-radius:8px;padding:8px 10px;cursor:pointer;transition:all .2s ease;font-size:.9em;color:var(--text-primary);min-width:50px;flex-shrink:0}.user-menu-toggle:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.user-icon{font-size:1.2em;display:flex;align-items:center;justify-content:center}.user-name{display:none}.user-menu-arrow{font-size:.7em;opacity:.7;transition:transform .2s ease}.user-menu-toggle[aria-expanded=true] .user-menu-arrow{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:1000;display:none;overflow:hidden}.user-menu-dropdown[style*=block]{display:block}.user-menu-item{padding:12px 16px;cursor:pointer;transition:background-color .2s ease;font-size:.9em;color:var(--text-primary);display:flex;align-items:center;gap:8px}.user-menu-item:hover{background:var(--bg-secondary)}.user-menu-divider{height:1px;background:var(--border-color);margin:4px 0}@media (max-width: 480px){.user-menu-toggle{padding:6px 8px;min-width:44px}.user-menu-dropdown{right:-8px}}html{scroll-behavior:smooth}body{margin:0;padding:0;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary)}.tab-content{flex:1;background:var(--bg-primary)}.top-nav-bar,.trip-header,.dashboard-header{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.back-to-dashboard,.theme-toggle,.share-trip-btn,.user-menu-toggle{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.back-to-dashboard:focus,.theme-toggle:focus,.share-trip-btn:focus,.user-menu-toggle:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.share-trip-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.top-nav-bar{box-shadow:0 1px 3px #0000001a}.trip-header,.dashboard-header{box-shadow:0 1px 2px #0000000d}.top-nav-bar{z-index:100}.nav-tabs{z-index:90}.user-menu-dropdown{z-index:1000}[data-theme=dark] .top-nav-bar{box-shadow:0 1px 3px #0000004d}[data-theme=dark] .trip-header,[data-theme=dark] .dashboard-header{box-shadow:0 1px 2px #0003}.top-nav-bar{min-height:52px}.top-nav-right{flex-shrink:0;min-width:fit-content}.top-nav-left{flex:1;min-width:0}@media (max-width: 360px){.top-nav-left{gap:8px}.theme-toggle{width:32px;height:32px;padding:4px;font-size:1em}.user-menu-toggle{min-width:40px;padding:4px 6px}.user-icon{font-size:1.1em}.back-to-dashboard{padding:6px 10px;font-size:.8em}}.trip-logo,.dashboard-logo{object-fit:cover}.theme-toggle{margin-right:0!important;margin-left:0!important}.user-menu{margin-left:0!important;margin-right:0!important}.trip-logo,.dashboard-logo{border:none!important;box-shadow:none!important}.trip-logo:hover,.dashboard-logo:hover{transform:none!important;box-shadow:none!important}.theme-dark-ocean .trip-logo,.theme-dark-ocean .dashboard-logo{filter:drop-shadow(0 4px 15px rgba(41,182,246,.8)) brightness(2.5) saturate(.2) contrast(1.3) invert(.05)}.theme-dark-ocean .trip-logo:hover,.theme-dark-ocean .dashboard-logo:hover{filter:drop-shadow(0 6px 20px rgba(41,182,246,1)) brightness(2.7) saturate(.3) contrast(1.3) invert(.05)}.theme-dark-forest .trip-logo,.theme-dark-forest .dashboard-logo{filter:drop-shadow(0 4px 15px rgba(102,187,106,.8)) brightness(2.8) saturate(.1) contrast(1.3) invert(.08)}.theme-dark-forest .trip-logo:hover,.theme-dark-forest .dashboard-logo:hover{filter:drop-shadow(0 6px 20px rgba(102,187,106,1)) brightness(3) saturate(.05) contrast(1.3) invert(.1)}.theme-light .trip-logo,.theme-light .dashboard-logo{filter:drop-shadow(0 4px 15px rgba(25,118,210,.4)) brightness(1) saturate(1.1)}.theme-light .trip-logo:hover,.theme-light .dashboard-logo:hover{filter:drop-shadow(0 6px 20px rgba(25,118,210,.6)) brightness(1.1) saturate(1.2)}.memories-storage-info{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:10px 15px;background:var(--card-bg);border-radius:8px}.storage-bar{flex:1;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.storage-fill{height:100%;background:var(--accent-primary);border-radius:4px;transition:width .3s ease}.storage-text{font-size:.85em;color:var(--text-secondary);white-space:nowrap}.memories-upload{margin-bottom:15px}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;background:var(--card-bg)}.upload-area:hover,.upload-area.drag-over{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.1)}.upload-icon{font-size:2.5em;margin-bottom:10px}.upload-text{font-size:1em;color:var(--text-primary);margin-bottom:5px}.upload-hint{font-size:.8em;color:var(--text-secondary)}.memories-visibility-toggle{margin-bottom:20px}.memories-visibility-toggle label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9em}.memories-section{margin-bottom:30px}.memories-section h3{margin-bottom:15px;font-size:1.1em;color:var(--text-primary)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.photo-card{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--card-bg)}.photo-card img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.photo-card:hover img{transform:scale(1.05)}.photo-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,rgba(0,0,0,.7));opacity:0;transition:opacity .2s ease}.photo-card:hover .photo-overlay{opacity:1}.photo-caption{display:block;font-size:.75em;color:#fff;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-actions{display:flex;gap:5px}.photo-actions .btn-icon{padding:4px 6px;font-size:.8em;background:rgba(255,255,255,.2);border:none;border-radius:4px;cursor:pointer}.photo-actions .btn-icon:hover{background:rgba(255,255,255,.3)}.photo-owner{font-size:.7em;color:#ffffffb3}.memories-empty{text-align:center;padding:40px;color:var(--text-secondary)}.photo-viewer-modal{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.9)}.photo-viewer{position:relative;max-width:90vw;max-height:90vh}.photo-viewer img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px}.photo-viewer-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2em;cursor:pointer;padding:5px 10px}.photo-viewer-caption{text-align:center;color:#fff;margin-top:15px;font-size:.95em}.video-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2em;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);pointer-events:none}.photo-card video{width:100%;height:100%;object-fit:cover}.storage-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px}.storage-plan{padding:20px;border:2px solid var(--border-color);border-radius:12px;text-align:center;transition:all .2s ease}.storage-plan:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.plan-name{font-size:1.3em;font-weight:600;margin-bottom:5px}.plan-price{color:var(--accent-primary);font-size:1.1em;margin-bottom:15px}.current-storage{padding:15px;background:var(--card-bg);border-radius:8px}.memories-loading{text-align:center;padding:40px;color:var(--text-secondary)}.visibility-badge{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:4px;font-size:.7em;font-weight:600;z-index:2;pointer-events:none}.visibility-badge.private{background:rgba(76,175,80,.85);color:#fff}.visibility-badge.shared{background:rgba(255,255,255,.85);color:#333}.chat-messages{height:400px;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:10px;background:var(--card-bg);border-radius:12px;margin-bottom:15px;border:1px solid var(--border-color)}.chat-empty{text-align:center;color:var(--text-secondary);padding:40px;align-self:center;margin:auto}.chat-loading{text-align:center;padding:40px;color:var(--text-secondary)}.chat-message{display:flex;gap:8px;max-width:75%;align-self:flex-start}.chat-message.own{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85em;font-weight:600;flex-shrink:0}.chat-bubble{padding:8px 12px;border-radius:12px;background:var(--border-color);position:relative}.chat-message.own .chat-bubble{background:var(--accent-primary);color:#fff}.chat-sender{font-size:.75em;font-weight:600;margin-bottom:2px;color:var(--accent-primary)}.chat-message.own .chat-sender{color:#fffc}.chat-text{font-size:.9em;line-height:1.4;word-break:break-word}.chat-time{font-size:.65em;opacity:.6;text-align:right;margin-top:4px}.chat-input-area{display:flex;gap:10px}.chat-input-area input{flex:1;padding:12px 15px;border-radius:25px;border:2px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:.9em;outline:none;transition:border-color .2s}.chat-input-area input:focus{border-color:var(--accent-primary)}.chat-input-area button{border-radius:25px;padding:12px 20px}.emoji-toggle-btn{background:var(--card-bg);border:none;border-radius:8px;width:40px;height:40px;font-size:1.2em;cursor:pointer;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;transition:background .2s}.emoji-toggle-btn:hover{background:var(--border-color)}.emoji-picker{position:fixed;width:320px;height:380px;background:var(--card-bg, var(--bg-primary, #1a1a2e));border:2px solid var(--border-color);border-radius:12px;box-shadow:0 8px 30px #00000080;z-index:10001;display:flex;flex-direction:column;overflow:hidden}.emoji-picker-search{padding:8px;border-bottom:1px solid var(--border-color)}.emoji-picker-search input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.85em;outline:none}.emoji-picker-search input:focus{border-color:var(--accent-primary)}.emoji-picker-categories{display:flex;padding:4px 8px;gap:2px;border-bottom:1px solid var(--border-color)}.emoji-cat-btn{background:none;border:none;padding:4px 6px;border-radius:6px;cursor:pointer;font-size:1.1em;transition:background .15s}.emoji-cat-btn:hover{background:var(--border-color)}.emoji-picker-grid{flex:1;overflow-y:auto;padding:8px}.emoji-section-title{font-size:.75em;font-weight:600;color:var(--text-secondary);padding:6px 4px 4px;text-transform:uppercase;letter-spacing:.5px}.emoji-section-grid{display:flex;flex-wrap:wrap}.emoji-btn{background:none;border:none;padding:4px;font-size:1.4em;cursor:pointer;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:background .15s}.emoji-btn:hover{background:var(--border-color)}.emoji-no-results{text-align:center;padding:20px;color:var(--text-secondary);font-size:.85em}.emoji-suggestions{position:fixed;background:var(--card-bg, var(--bg-primary, #1a1a2e));border:2px solid var(--border-color);border-radius:10px;box-shadow:0 4px 20px #0003;z-index:10002;overflow:hidden;min-width:200px}.emoji-suggestion{display:flex;align-items:center;gap:10px;padding:8px 12px;width:100%;background:none;border:none;cursor:pointer;color:var(--text-primary);font-size:.9em;text-align:left}.emoji-suggestion:hover,.emoji-suggestion.active{background:var(--border-color)}.emoji-suggestion-icon{font-size:1.3em}.emoji-suggestion-name{color:var(--text-secondary);font-size:.85em}.chat-media-ref{position:relative;width:180px;height:120px;border-radius:8px;overflow:hidden;margin-bottom:6px;cursor:pointer}.chat-media-ref img,.chat-media-ref video{width:100%;height:100%;object-fit:cover}.chat-media-ref:hover{opacity:.9}.chat-media-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5em;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.5);pointer-events:none}.notification-bell{background:none;border:none;font-size:1.3em;cursor:pointer;position:relative;padding:5px}.notification-badge-count{position:absolute;top:-2px;right:-4px;background:#e74c3c;color:#fff;font-size:.55em;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{display:flex;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background .15s;margin-bottom:4px}.notification-item:hover{background:var(--border-color)}.notification-item.unread{background:rgba(var(--accent-primary-rgb, 74, 144, 217),.1);border-left:3px solid var(--accent-primary)}.notification-item.read{opacity:.7}.notification-icon{font-size:1.3em;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:.9em}.notification-message{font-size:.8em;color:var(--text-secondary);margin-top:2px}.notification-time{font-size:.75em;color:var(--text-secondary);margin-top:4px}.notifications-empty{text-align:center;padding:30px;color:var(--text-secondary)}.currency-amount-row{display:flex;gap:8px}.currency-amount-row select.currency-select{width:85px!important;flex-shrink:0;padding:12px 6px;border-radius:8px;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.85em;cursor:pointer}.currency-amount-row select.currency-select:focus{border-color:var(--accent-primary);outline:none}.currency-amount-row input{flex:1;min-width:0;width:auto!important}.app-footer{text-align:center;padding:20px;margin-top:30px;border-top:1px solid var(--border-color);font-size:.8em;color:var(--text-secondary)}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:10px}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent-primary)}.footer-copyright{font-size:.9em}.auth-legal-links{text-align:center;font-size:.8em;color:var(--text-secondary);margin-top:20px;padding-top:15px;border-top:1px solid var(--border-color)}.auth-legal-links a{color:var(--accent-primary);text-decoration:none}.auth-legal-links a:hover{text-decoration:underline}