@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css");body{background-attachment:fixed;background-color:#315481;background-image:linear-gradient(180deg,#315481,#4a6fa5);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;min-height:100vh}.container-fluid{margin:0 auto;max-width:800px;padding:0}header_old_bak{background:#d2edf4;background-image:linear-gradient(180deg,#d0edf5,#e1e5f0);padding:20px 15px 15px;position:relative;text-align:center}header{align-items:center;background:transparent;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}header h1{color:#fff;font-size:1.5rem;font-weight:700;margin:0;text-align:left}#login-dropdown-list,.accounts-dialog,.login-link-and-dropdown-list{position:relative}.new-list{text-align:left}.delete{background:none;border:none;font-size:1em;position:relative}li{list-style:none}.checked{color:#888;text-decoration:line-through}.private{background:#eee;border-color:#ddd}.section{color:#a9a9a9}.owner-section{color:green}.float-right,.toggle-private{background:none;border:none;float:right;font-size:1em;position:relative}.set-option{color:grey}.orange{color:orange}.login-area{display:flex;justify-content:center;margin:18px 0 8px}.login-card{background:hsla(0,0%,100%,.96);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:380px;padding:22px;text-align:center;width:92%}.login-card h2{color:#213040;font-size:1.25rem;margin:0 0 6px}.login-card p{color:#475056;font-size:.95rem;margin:0 0 14px}.login-page-wrapper{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:24px}.login-help{margin-top:8px}.login-cta{margin:8px 0}.login-form .login-error{margin-top:6px;min-height:1.2em}.login-form .btn{min-width:140px}.login-form .mb-2.text-center{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.username-status{font-size:.95rem;min-width:8em;text-align:left}.username-status--checking{color:#6c757d}.username-status--available{color:#198754;font-weight:600}.username-status--taken{color:#dc3545;font-weight:600}.username-status--error{color:#fd7e14}.modal-overlay{align-items:center;background:rgba(0,0,0,.4);display:flex;inset:0;justify-content:center;position:fixed;z-index:1050}.modal-content-custom{background:#fff;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.25);max-width:90%;min-width:320px;padding:18px}.manage-modal-content{display:flex;flex-direction:column;gap:12px}.modal-header-custom{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin:-18px -18px 0;padding:12px 18px}.modal-header-custom h5{flex:1;margin:0}.modal-close-button{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem;line-height:1;padding:0 4px}.modal-close-button:hover{color:#333}.modal-body-custom{display:flex;flex-direction:column;gap:12px}.form-group-inline{align-items:center;display:flex;gap:8px}.form-label-inline{flex-shrink:0;font-weight:600;margin-bottom:0;white-space:nowrap}.form-group-inline .form-control{flex:1;min-width:120px}.modal-preview .preview-box{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#333;padding:8px 10px}.modal-content-custom{text-align:left}.modal-content-custom h5{margin-top:0;text-align:center}.badge.manage-badge{align-items:center;background-color:#edd7c0;border:1px solid rgba(116,80,30,.08);border-radius:8px;box-shadow:inset 0 1px 0 rgba(0,0,0,.02);color:#74501e;display:inline-flex;font-weight:600;gap:6px;padding:4px 8px;text-decoration:none}.badge.manage-badge:focus,.badge.manage-badge:hover{background-color:#e0c9ad;color:#5c3b1a;text-decoration:none}.badge.manage-badge .bi-pencil-fill{color:#74501e;font-size:.85rem}.badge.owner-badge{align-items:center;background-color:#edd7c0;border:1px solid rgba(116,80,30,.08);border-radius:8px;color:#74501e;cursor:default;display:inline-flex;font-weight:600;gap:6px;padding:4px 8px}.badge.owner-badge .bi-pencil-fill{color:#74501e;font-size:.85rem}.badge.managed-by{align-items:center;background-color:#dcdcdc;border:1px solid rgba(45,90,61,.08);border-radius:6px;box-shadow:inset 0 1px 0 rgba(0,0,0,.02);color:#555956;display:inline-flex;font-style:italic;font-weight:600;gap:6px;padding:4px 8px;text-decoration:none}.badge.managed-by .bi-lock-fill{color:#555956;font-size:.85rem}.badge.guardian-badge{align-items:center;background-color:#d1e8d4;border:1px solid rgba(45,90,61,.08);border-radius:8px;box-shadow:inset 0 1px 0 rgba(0,0,0,.02);color:#2d5a3d;display:inline-flex;font-weight:600;gap:6px;margin-left:6px;padding:4px 8px;text-decoration:none}.badge.guardian-badge .bi-mortarboard-fill{color:#2d5a3d;font-size:.85rem}.list-header{display:block;margin-top:4px;padding-left:0;text-align:left}.manage-modal-overlay .modal-content-custom{min-width:360px}.profile-btn{position:absolute;right:12px;top:12px}.btn.profile-btn{align-items:center!important;display:inline-flex!important;vertical-align:middle!important}.profile-btn{gap:8px;padding:6px 10px}.profile-avatar,.profile-btn{align-items:center;display:inline-flex}.profile-avatar{border-radius:50%;color:#fff;font-weight:700;height:34px;justify-content:center;text-transform:uppercase;width:34px}.avatar-color-0{background:#0d6efd}.avatar-color-1{background:#0dcaf0}.avatar-color-2{background:#6f42c1}.avatar-color-3{background:#198754}.avatar-color-4{background:#fd7e14}.avatar-color-5{background:#dc3545}.avatar-color-6{background:#20c997}.avatar-color-7{background:#6610f2}.avatar-color-8{background:#e83e8c}.profile-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:30px;color:#fff!important;padding:4px 12px 4px 4px;position:static;text-decoration:none}.profile-btn:hover{background:hsla(0,0%,100%,.2);color:#fff;transform:translateY(0)}.profile-name{color:#fff;font-size:.9rem;font-weight:500;margin-left:8px}.profile-name_OLD{align-items:center;display:inline-flex;font-weight:600;height:34px;line-height:1;margin:0 0 0 6px}.profile-btn_OLD{transition:transform .12s ease,box-shadow .12s ease}.profile-btn_OLD:hover{box-shadow:0 6px 18px rgba(0,0,0,.12);transform:translateY(-2px)}.profile-avatar-wrapper{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 34px;height:34px;justify-content:center;overflow:hidden;position:relative;width:34px}.profile-avatar-wrapper .profile-image{display:block;height:100%;object-fit:cover;width:100%}.profile-avatar-overlay{align-items:center;color:#fff;display:flex;font-weight:700;inset:0;justify-content:center;pointer-events:none;position:absolute;text-transform:uppercase}.profile-avatar-wrapper.no-avatar-image .profile-image{display:none}.profile-avatar-wrapper .profile-avatar-overlay,.profile-avatar-wrapper.no-avatar-image .profile-avatar-overlay{display:flex}.profile-avatar-wrapper.has-avatar-image .profile-avatar-overlay{display:none}.main-content-card{background:#f8f9fa;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px rgba(0,0,0,.1);min-height:calc(100vh - 80px);padding:20px}#login-buttons,.accounts-dialog,.login-button{box-sizing:border-box}#login-buttons .login-button,.login-button{background:#0d6efd;border:none;border-radius:8px;color:#fff!important;cursor:pointer;display:block;font-weight:600;margin:8px 0;padding:10px 12px;text-decoration:none;width:100%}#login-buttons .login-button:hover,.login-button:hover{background:#0b5ed7}.accounts-dialog.accounts-centered-dialog{border-radius:10px;padding:16px}@media (max-width:600px){.main-content-card{border-radius:16px 16px 0 0;padding:12px}header{padding:10px 15px}}.action-bar{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:20px}.filter-pills-container{background-color:#e9ecef;border-radius:50px;display:inline-flex;flex:1;overflow-x:auto;padding:4px}.filter-pill{background:transparent;border:none;border-radius:40px;color:#6c757d;flex:1;font-size:.9rem;font-weight:600;padding:6px 16px;transition:all .2s ease;white-space:nowrap}.filter-pill:hover{color:#315481}.filter-pill.active{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.08);color:#315481}.btn-add-circle{align-items:center;background-color:#d2edf4;border:none;border-radius:50%;color:#315481;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:transform .2s;width:40px}.btn-add-circle:hover{background-color:#c1e6ef;transform:rotate(90deg)}.filter-pill .badge{background:rgba(0,0,0,.1)!important;color:inherit!important;font-size:.75em;margin-left:4px;vertical-align:text-top}.animate-pop-in{animation:popIn .3s ease-out forwards}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.profile-avatar-large{align-items:center;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:96px;justify-content:center;margin:0 auto;overflow:hidden;position:relative;width:96px}.profile-avatar-large .profile-image{display:none;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.profile-avatar-large.has-avatar-image .profile-image{display:block}.profile-avatar-large.has-avatar-image .profile-avatar-overlay{display:none}.security-details summary{cursor:pointer;list-style:none;padding:8px 0;transition:color .2s}.security-details summary:hover{color:#0b5ed7;text-decoration:underline}.security-details summary::-webkit-details-marker{display:none}.form-floating>.form-control{height:calc(3rem + 2px);line-height:1.25}.form-floating>label{padding:.75rem}.wish-item{background-color:#fff;transition:background-color .15s ease-in-out}.wish-item:hover{background-color:#f8f9fa}.wish-item.taken-item{background-color:#f2f2f2;opacity:.8}.chat-section{display:flex;flex-direction:column}.card.status-bought{background-color:#fce2e2;border:1px solid #ffcbcb}.card.status-bought .text-muted{color:#6c757d!important}