.right-drawer-wrapper{position:fixed;inset:0;z-index:100;display:flex;justify-content:flex-end;visibility:hidden;opacity:0;transition:visibility .3s,opacity .3s ease;z-index:2000}.right-drawer-wrapper.active{visibility:visible;opacity:1}.drawer-backdrop{position:absolute;inset:0;background-color:#0f172a66}.right-drawer-panel{position:relative;width:384px;max-width:100vw;height:100%;background-color:var(--surface);box-shadow:-10px 0 25px #0000001a;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2}.right-drawer-wrapper.active .right-drawer-panel{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color)}.drawer-header h3{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--text-dark)}.drawer-header h3 .material-symbols-outlined{font-size:20px;line-height:1}.drawer-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:4px;transition:background .2s,color .2s}.drawer-close-btn:hover{background-color:var(--surface-muted);color:var(--text-dark)}.drawer-content{flex:1;overflow-y:auto}.notif-action-bar{padding:12px 24px;display:flex;justify-content:flex-end}.notif-action-bar button{background:none;border:none;color:var(--primary-brown);font-size:14px;font-weight:500;cursor:pointer}.notif-item{display:flex;align-items:center;gap:16px;padding:16px 24px;border-left:4px solid transparent;cursor:pointer;transition:background .2s}.notif-item:hover{background-color:var(--surface-sunken)}.notif-item.unread{background-color:#6835200d;border-left-color:var(--primary-brown)}.notif-icon{width:40px;height:40px;border-radius:8px;background-color:var(--surface-muted);color:var(--text-body);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;font-weight:700;overflow:hidden}.notif-icon img{width:100%;height:100%;object-fit:cover}.notif-item.unread .notif-icon{background-color:#68352033;color:var(--primary-brown)}.notif-text{flex:1}.notif-text p.title{font-size:14px;font-weight:500;color:var(--text-dark);margin-bottom:4px;line-height:1.3}.notif-text p.time{font-size:12px;color:var(--text-muted)}.notif-dot{width:10px;height:10px;background-color:#ef4444;border-radius:50%;flex-shrink:0}.notif-item[data-priority=important]{border-left-color:var(--bad-text)}.notif-item[data-priority=important] .notif-icon{background-color:#dc26261f;color:var(--bad-text)}.notif-item[data-priority=low]{opacity:.72}@media(max-width:768px){.right-drawer-panel{width:280px}}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:var(--surface);width:100%;max-width:500px;border-radius:16px;padding:32px;position:relative;box-shadow:0 20px 25px -5px #0000001a;transform:translateY(20px);transition:all .3s ease}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-close-btn{position:absolute;top:24px;right:24px;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close-btn:hover{color:var(--bad-text)}.admin-form-group{margin-bottom:20px}.admin-form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:8px}.admin-form-input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;outline:none;font-family:Poppins,sans-serif;transition:all .2s}.admin-form-input:focus{border-color:var(--primary-brown);box-shadow:0 0 0 3px #6835201a}.admin-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;z-index:9999;align-items:center;justify-content:center}.admin-modal-overlay.active{display:flex}.admin-modal-card{background:var(--surface);width:95%;max-width:650px;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;animation:adminModalEntry .3s ease-out}@keyframes adminModalEntry{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.admin-modal-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.admin-modal-body{padding:1.5rem;max-height:70vh;overflow-y:auto}.admin-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;align-items:end}.admin-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-body);margin-bottom:.5rem}.admin-input,.admin-select,.admin-textarea{width:100%;padding:.75rem;border:1px solid var(--border-strong);border-radius:6px;font-size:.95rem;box-sizing:border-box}.admin-textarea{overflow-wrap:break-word;word-break:break-word;resize:none;overflow-y:hidden;transition:height .15s ease,border-color .2s ease}.admin-input:focus{outline:none;border-color:var(--primary-brown);box-shadow:0 0 0 3px #6835201a}.admin-modal-footer{padding:1.25rem 1.5rem;background:var(--surface-sunken);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:1rem}@media(max-width:640px){.admin-modal-overlay{padding:16px;box-sizing:border-box}.admin-modal-card{width:100%;max-width:100%}.admin-modal-header{padding:1.25rem}.admin-modal-body{padding:1.25rem;max-height:calc(100vh - 160px)}.admin-modal-footer{padding:1rem 1.25rem}.admin-form-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.date-panel,.time-panel{max-width:calc(100vw - 64px)}}.vh-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;opacity:0;pointer-events:none}.floating-panel{position:fixed;z-index:10000;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px #0f172a26;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.floating-panel.open{opacity:1;transform:translateY(0);pointer-events:auto}.admin-dropdown{position:relative;width:100%;background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;transition:border-color .15s,box-shadow .15s}.admin-dropdown:hover{border-color:var(--border-strong)}.admin-dropdown.open{border-color:var(--primary-brown);box-shadow:0 0 0 3px #6835201a}.admin-dropdown .dropdown-trigger,.date-dropdown .dropdown-trigger,.time-dropdown .dropdown-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:.75rem;background:none;border:none;font-family:inherit;font-size:.95rem;color:var(--text);cursor:pointer;text-align:left}.admin-dropdown .dropdown-label,.date-dropdown .dropdown-label,.time-dropdown .dropdown-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-label.placeholder{color:var(--text-faint)}.admin-dropdown .dropdown-icon{color:var(--text-faint);font-size:20px;transition:transform .2s ease}.admin-dropdown.open .dropdown-icon{transform:rotate(180deg)}.modal-select-panel{padding:6px;list-style:none;max-height:260px;overflow-y:auto}.modal-select-panel li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;font-size:.85rem;font-weight:500;color:var(--text);cursor:pointer}.modal-select-panel li:hover{background:var(--surface-sunken)}.modal-select-panel li.selected{color:var(--primary-brown);font-weight:700;background:#6835200f}.modal-select-panel li .material-symbols-outlined{font-size:18px;color:var(--primary-brown);visibility:hidden}.modal-select-panel li.selected .material-symbols-outlined{visibility:visible}.modal-select-panel li[hidden]{display:none}.modal-select-panel li.ms-search{position:sticky;top:-6px;z-index:1;display:block;padding:2px 2px 8px;margin:-6px -6px 2px;background:var(--surface);border-radius:8px;cursor:default}.modal-select-panel li.ms-search:hover{background:var(--surface)}.modal-select-panel li.ms-search input{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:.85rem;color:var(--text);outline:none}.modal-select-panel li.ms-search input:focus{border-color:var(--primary-brown)}.modal-select-panel li.ms-empty{justify-content:center;color:var(--text-faint);font-style:italic;cursor:default}.modal-select-panel li.ms-empty:hover{background:none}.date-dropdown,.time-dropdown{position:relative;width:100%;background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;transition:border-color .15s,box-shadow .15s}.date-dropdown:hover,.time-dropdown:hover{border-color:var(--border-strong)}.date-dropdown.open,.time-dropdown.open{border-color:var(--primary-brown);box-shadow:0 0 0 3px #6835201a}.date-dropdown .dropdown-trigger .material-symbols-outlined,.time-dropdown .dropdown-trigger .material-symbols-outlined{color:var(--text-faint);font-size:20px}.date-panel{padding:10px;width:280px}.date-panel-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 10px}.date-panel-month{font-weight:700;font-size:.9rem;color:var(--text)}.date-panel-nav{display:flex;gap:2px}.date-nav-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;border-radius:6px;padding:4px}.date-nav-btn:hover{background:var(--surface-muted);color:var(--primary-brown)}.date-panel-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-panel-weekdays{margin-bottom:4px}.date-panel-weekdays span{text-align:center;font-size:.7rem;font-weight:600;color:var(--text-faint);padding:4px 0;display:block}.date-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:8px;font-size:.82rem;color:var(--text);cursor:pointer}.date-cell:hover:not(:disabled):not(.empty){background:var(--surface-muted)}.date-cell.selected{background:var(--brand-fill);color:var(--on-brand);font-weight:700}.date-cell:disabled{color:var(--text-disabled);cursor:default}.date-cell.empty{cursor:default}.date-panel-foot{display:flex;justify-content:space-between;margin-top:8px;padding:6px 4px 2px;border-top:1px solid var(--border-soft)}.date-panel-link{background:none;border:none;color:var(--primary-brown);font-weight:600;font-size:.8rem;cursor:pointer;padding:4px 6px;border-radius:6px}.date-panel-link:hover{background:var(--brand-tint)}.time-panel{display:flex;gap:4px;padding:8px;width:190px}.time-col{flex:1;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;scroll-behavior:smooth}.time-opt{background:none;border:none;border-radius:8px;padding:7px 0;font-size:.85rem;color:var(--text);cursor:pointer;text-align:center}.time-opt:hover{background:var(--surface-muted)}.time-opt.selected{background:var(--brand-fill);color:var(--on-brand);font-weight:700}.upload-zone{border:2px dashed var(--border-strong);padding:30px 20px;text-align:center;border-radius:8px;background:var(--surface-sunken);cursor:pointer;transition:all .2s}.upload-zone:hover,.upload-zone.drag-over{background:var(--surface-muted);border-color:var(--primary-brown)}.upload-zone span{font-size:40px;color:var(--text-faint);margin-bottom:8px}.fav-content-pad{padding:16px;display:flex;flex-direction:column;gap:12px}.fav-card{display:flex;align-items:center;gap:16px;padding:12px;border-radius:12px;border:1px solid var(--border);transition:border-color .2s}.fav-card:hover{border-color:#68352080}.fav-card-past .fav-img{opacity:.65}.fav-ended{display:inline-block;margin-top:4px;padding:1px 8px;border-radius:999px;background:var(--surface-sunken);border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600}.fav-img{width:72px;height:72px;border-radius:8px;object-fit:cover;background-color:var(--border);flex-shrink:0}.fav-info{flex:1;min-width:0}.fav-info h4{font-size:14px;font-weight:700;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-info p{font-size:12px;color:var(--text-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-contributor{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:600;color:var(--text-faint)}.fav-avatar{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0;background-color:var(--border)}.btn-delete{background:none;border:none;color:var(--text-faint);padding:8px;cursor:pointer;transition:color .2s;opacity:0}.fav-card:hover .btn-delete{opacity:1}.btn-delete:hover{color:var(--bad-text)}.drawer-footer{padding:24px;border-top:1px solid var(--border);background-color:var(--surface)}.btn-full-width{width:100%;background-color:var(--brand-fill);color:var(--on-brand);padding:12px;border-radius:12px;border:none;font-weight:500;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;transition:background .2s}.btn-full-width:hover{background-color:var(--brand-fill-hover)}.terms-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:9999;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.terms-overlay.show{display:flex;opacity:1}.terms-modal{background-color:var(--surface);width:90%;max-width:700px;max-height:85vh;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px);transition:transform .3s ease}.terms-overlay.show .terms-modal{transform:translateY(0)}.terms-header{background-color:var(--brand-fill);color:var(--on-brand);padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.terms-header h2{margin:0;font-size:1.25rem;font-weight:700}.terms-close-btn{background:none;border:none;color:var(--on-brand);cursor:pointer;opacity:.8;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.terms-close-btn:hover{opacity:1}.terms-body{padding:24px;overflow-y:auto;color:var(--text-body);line-height:1.6;font-size:.95rem}.terms-body h3{color:var(--primary-brown, #683520);margin-top:20px;margin-bottom:10px;font-weight:600}.terms-footer{padding:16px 24px;border-top:1px solid var(--border);background-color:var(--surface-sunken);text-align:right}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;z-index:10000;align-items:center;justify-content:center;padding:16px}.modal-overlay.active{display:flex}.modal-card{background:var(--surface);width:100%;max-width:520px;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0003;animation:modalSlideUp .25s ease-out;max-height:90vh;display:flex;flex-direction:column}#addContributionModal form{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}@keyframes modalSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px 24px;color:var(--text-dark);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-soft);flex-shrink:0}.modal-header h3{font-size:17px;font-weight:800;letter-spacing:-.2px}.modal-header .modal-close-btn{position:static}.modal-body{flex:1 1 auto;min-height:0;max-height:calc(90vh - 170px);padding:20px 24px;overflow-y:auto}#addContributionModal .modal-footer{flex-shrink:0}.form-group{margin-bottom:18px}.form-group label{display:block;font-weight:700;font-size:13px;margin-bottom:6px;color:var(--text-dark)}.form-control{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:13.5px;color:var(--text-dark);background-color:var(--surface-sunken);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;box-sizing:border-box}textarea.form-control{overflow-wrap:break-word;word-break:break-word}.form-control:focus{border-color:var(--primary-brown);background-color:var(--surface);box-shadow:0 0 0 3px #6835201a;outline:none}.form-control::placeholder{color:var(--text-faint)}textarea.form-control{resize:vertical;min-height:80px}.contrib-description-field{resize:none;overflow-y:hidden;transition:height .15s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}select.form-control{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px;cursor:pointer}.form-help{font-size:12px;color:var(--text-faint);margin-top:6px}.form-dropdown{position:relative;width:100%;background-color:var(--surface-sunken);border:1px solid var(--border-color);border-radius:8px;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.form-dropdown.open{border-color:var(--primary-brown);background-color:var(--surface);box-shadow:0 0 0 3px #6835201a}.form-dropdown .dropdown-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;font-family:inherit;font-size:13.5px;color:var(--text-dark);cursor:pointer;text-align:left}.form-dropdown .dropdown-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-dropdown .dropdown-icon{color:var(--text-muted);font-size:20px;transition:transform .2s ease}.form-dropdown.open .dropdown-icon{transform:rotate(180deg)}.upload-zone-modern{border:1.5px dashed var(--border-strong);border-radius:10px;padding:28px 16px;text-align:center;background:var(--surface-sunken);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.upload-zone-modern:hover,.upload-zone-modern.drag-over{border-color:var(--primary-brown);background:var(--brand-tint)}.upload-zone-modern .material-symbols-outlined{font-size:30px;color:var(--text-faint);margin-bottom:8px}.upload-zone-modern:hover .material-symbols-outlined,.upload-zone-modern.drag-over .material-symbols-outlined{color:var(--primary-brown)}.upload-zone-modern p.upload-label{font-size:13.5px;font-weight:700;color:var(--text-dark);margin-bottom:2px}.upload-zone-modern p.upload-sub{font-size:12px;color:var(--text-faint)}.autosave-note{margin:0 auto 0 0;font-size:12px;font-weight:600;color:var(--ok-text);opacity:0;transition:opacity .25s ease;display:inline-flex;align-items:center;gap:5px}.autosave-note.is-visible{opacity:1}.autosave-note:before{content:"cloud_done";font-family:Material Symbols Outlined;font-size:15px}@media(prefers-reduced-motion:reduce){.autosave-note{transition:none}}.upload-optional-note{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:#6835200f;border:1px solid rgba(104,53,32,.12);font-size:12px;line-height:1.55;color:var(--brand-faint)}.modal-footer{padding:16px 24px;background:var(--surface-sunken);display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border-soft);flex-shrink:0}.btn-cancel{background:var(--surface);color:var(--text-dark);padding:9px 18px;border-radius:8px;font-weight:700;font-size:13px;border:1px solid var(--border-color);cursor:pointer;transition:border-color .2s ease}.btn-cancel:hover{border-color:var(--border-strong);background:var(--surface-sunken)}.btn-draft{background:var(--surface-sunken);color:var(--text-dark);padding:9px 18px;border-radius:8px;font-weight:700;font-size:13px;border:1px solid var(--border-color);cursor:pointer;transition:border-color .2s ease}.btn-draft:hover{border-color:var(--border-strong);background:var(--surface-sunken)}.btn-submit{background:var(--brand-fill);color:var(--on-brand);padding:9px 20px;border-radius:8px;font-weight:700;font-size:13px;border:none;cursor:pointer;transition:opacity .2s ease}.btn-submit:hover{opacity:.9}.notif-filters{display:flex;flex-wrap:wrap;gap:6px;padding:12px 24px 0}.notif-filters:empty{display:none}.fav-filters{padding-bottom:12px}.notif-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;cursor:pointer;background:var(--surface-sunken);border:1px solid var(--border);color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.notif-chip:hover{background:var(--surface-muted);border-color:var(--border-strong);color:var(--text-strong)}.notif-chip.active{background:#68352014;border-color:var(--primary-brown, #683520);color:var(--primary-brown, #683520)}.notif-chip .material-symbols-outlined{font-size:15px}.notif-chip-count{min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:var(--on-brand);font-size:11px;font-weight:700}.notif-chip.active .notif-chip-count{background:var(--brand-fill)}.notif-action-bar{align-items:center;justify-content:space-between}.notif-showing{font-size:12px;color:var(--text-faint)}.notif-showing:empty{display:none}.notif-item{transition:background .25s,border-color .25s}.rank-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.74rem;font-weight:700;white-space:nowrap;background:var(--surface-muted);color:var(--text-muted)}.rank-chip .material-symbols-outlined{font-size:15px}.rank-chip.level-1{background:var(--rank-1-bg);color:var(--rank-1-fg)}.rank-chip.level-2{background:var(--rank-2-bg);color:var(--rank-2-fg)}.rank-chip.level-3{background:var(--rank-3-bg);color:var(--rank-3-fg)}.rank-chip.level-4{background:var(--rank-4-bg);color:var(--rank-4-fg)}.rank-chip.level-5{background:var(--rank-5-bg);color:var(--rank-5-fg)}.rank-chip.level-6{background:var(--rank-6-bg);color:var(--rank-6-fg)}.rank-chip.level-7{background:var(--rank-7-bg);color:var(--rank-7-fg)}.rank-chip-points{margin-top:6px;font-size:.74rem;color:var(--text-faint)}