.notification-card[data-v-5bae3220]{margin-top:15px;border-radius:15px;cursor:pointer;position:relative;overflow:hidden}.notification-card.on-hover[data-v-5bae3220]{background-color:hsla(0,0%,100%,.8)}.notification-avatar[data-v-5bae3220]{margin-right:10px;border:2px solid #3d3d3d;box-shadow:0 4px 10px rgba(108,92,231,.3),0 0 20px rgba(108,92,231,.2)}.notification-avatar__text[data-v-5bae3220]{font-weight:700;color:#fff;font-size:20px;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.3);transform:rotate(-15deg)}.notification-subtitle[data-v-5bae3220]{font-weight:700}.notification-status-chip[data-v-5bae3220]{background-color:#f3ffad;padding:8px 10px;border-radius:5px;margin-right:10px;font-size:12px}.notification-date[data-v-5bae3220]{margin-left:auto;font-size:12px;color:#000}.notification-ribbon[data-v-5bae3220]{position:absolute;top:18px;right:-18px;width:100px;height:15px;transform:rotate(40deg)}.notification-ribbon p[data-v-5bae3220]{margin:0;padding:0;font-size:10px;text-align:center;font-weight:600;color:#fff}.yellow-background[data-v-5bae3220]{border-left:5px solid #dada66;padding-left:15px}.blue-background[data-v-5bae3220]{border-left:5px solid #5e5ed5;padding-left:15px}.green-background[data-v-5bae3220]{border-left:5px solid #3cc284;padding-left:15px}.notifications-page[data-v-2a23224b]{background:hsla(0,0%,100%,.6);position:sticky;top:0;height:85vh}.notifications-row[data-v-2a23224b]{font-size:18px;padding:0;margin:0;height:100%}.sidebar-inner[data-v-2a23224b]{padding:20px}.notification-list-badge[data-v-2a23224b]{font-size:12px;margin-right:20px}.notification-category-switcher[data-v-2a23224b]{display:none}.category-switcher-btn[data-v-2a23224b]{border-radius:12px}.category-switcher-btn[data-v-2a23224b] .v-btn__content{width:100%;justify-content:flex-start}.category-switcher-label[data-v-2a23224b]{margin-right:6px;text-transform:none;font-weight:700;font-size:14px}.category-sheet[data-v-2a23224b]{border-radius:16px 16px 0 0;max-height:70vh;overflow-y:auto}.category-sheet-header[data-v-2a23224b]{padding:16px;font-weight:700;font-size:16px;border-bottom:1px solid #eee}.category-sheet-item--active[data-v-2a23224b]{background-color:#e0f0ff}.header[data-v-2a23224b]{padding:10px 40px;height:70px;display:flex;justify-content:space-between;align-items:center}.search-box[data-v-2a23224b]{position:relative;width:310px}.search-box .fas.fa-search[data-v-2a23224b]{width:35px;height:35px;border-radius:10%;border:2px solid #fff;padding:5px;color:#c5c4c3;cursor:pointer;position:absolute;left:10px;top:50%;transform:translateY(-50%)}.search-box input[type=text][data-v-2a23224b]{width:calc(100% - 20px);height:50px;padding:8px;padding-left:60px;border:3px solid #ccc;font-size:14px;color:#333;border-radius:40px;box-sizing:border-box;transition:border-color .3s ease}.search-box input[data-v-2a23224b]:focus{box-shadow:0 0 10px rgba(0,0,0,.3);outline:none;border-color:#85b7d9}.menu-icon[data-v-2a23224b]{cursor:pointer;display:flex;align-items:center;padding:10px;border:2px solid #ccc;border-radius:40px;transition:background-color .3s ease}.menu-icon[data-v-2a23224b]:hover{background-color:#f0f0f0}.menu-icon.active[data-v-2a23224b]{box-shadow:0 0 10px rgba(0,0,0,.3)}.filter-text[data-v-2a23224b]{margin-right:15px;font-size:12px;font-weight:700;color:#6e6e6e}.hamburger[data-v-2a23224b]{background:#6e6e6e;width:30px;height:30px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:50%;padding:5px;transition:transform .3s ease}.hamburger.move[data-v-2a23224b]{transform:rotate(90deg);color:#6c5ce7}.hamburger.move .bar[data-v-2a23224b]:first-child{transform:translateY(6px) rotate(45deg)}.hamburger.move .bar[data-v-2a23224b]:nth-child(2){opacity:0}.hamburger.move .bar[data-v-2a23224b]:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.bar[data-v-2a23224b]{width:50%;height:4px;background-color:#fff;border-radius:5px;transition:transform .5s ease,opacity .3s ease}.filter-menu[data-v-2a23224b]{display:none;background:linear-gradient(to bottom right,#edeee4,#fff);border:2px solid #6b6b6b;border-radius:10px;padding:15px;position:absolute;top:70px;right:40px;width:220px;box-shadow:0 8px 20px rgba(0,0,0,.2);z-index:1000;opacity:0;transform:translateY(-20px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.filter-menu[data-v-2a23224b]:hover{box-shadow:0 12px 25px rgba(0,0,0,.3)}.filter-menu.active[data-v-2a23224b]{display:block;opacity:1;transform:translateY(0)}.filter-item label[data-v-2a23224b]{margin-left:10px;font-family:Roboto,sans-serif;font-size:16px;color:#030000;transition:color .3s ease-in-out;cursor:pointer}.filter-item label[data-v-2a23224b]:hover{color:#636956}.filter-item input[type=checkbox][data-v-2a23224b]{margin-right:10px}.filter-item input[type=checkbox]:checked+label[data-v-2a23224b]:before{content:"✓";display:inline-block;font-size:16px;margin-right:5px}.filter-item input[type=checkbox]:checked+label[data-v-2a23224b]{font-weight:700}.filter-option[data-v-2a23224b]{color:#fff;font-weight:700;font-size:12px;text-align:center;cursor:pointer;padding:10px 20px;margin-bottom:15px;border:none;border-radius:15px;text-transform:uppercase;letter-spacing:1px;background:#6b6b6b;box-shadow:0 4px 4px rgba(0,0,0,.25);transition:all .3s ease}.filter-option[data-v-2a23224b]:hover{transform:translateY(-2px);box-shadow:0 8px 8px rgba(0,0,0,.3)}.tab-panel[data-v-2a23224b]{height:80vh;overflow:scroll;padding:15px 40px}.empty-state[data-v-2a23224b],.loading-state[data-v-2a23224b],.tab-panel-inner[data-v-2a23224b]{height:100%}.empty-state[data-v-2a23224b],.loading-state[data-v-2a23224b]{display:flex;justify-content:center;align-items:center}.empty-state p[data-v-2a23224b]{color:rgba(0,0,0,.5);font-size:18px;font-weight:700;margin:auto;text-align:center}.notification-content[data-v-2a23224b]{height:100%;position:relative}.notification-tabs-bar[data-v-2a23224b]{border-radius:15px;display:inline-block}.notification-list-item[data-v-2a23224b]{border-radius:20px;overflow:hidden}.notification-list-item.v-list-item--active[data-v-2a23224b]{background-color:#e0f0ff;box-shadow:0 3px 6px rgba(0,0,0,.15);position:relative}.notification-list-item:not(.v-list-item--active) .v-icon[data-v-2a23224b]{color:#999}.notification-list-item.v-list-item--active .v-icon[data-v-2a23224b]{color:#000}@media(max-width:600px){.notification-tabs-bar[data-v-2a23224b]{display:none}.notification-category-switcher[data-v-2a23224b]{display:block;margin-top:10px;padding:0 12px}.filter-desktop[data-v-2a23224b]{display:none}}