.notificacoes-page{max-width:100%;overflow-x:hidden;padding:1rem}.notificacoes-page .page-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.notificacoes-page .page-header .header-title{align-items:center;color:#212529;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin:0}.notificacoes-page .page-header .header-title .notification-icon{color:#007bff;font-size:1.75rem}.notificacoes-page .page-header .header-actions{display:flex;justify-content:flex-end}.notificacoes-page .filters-container{margin-bottom:1.5rem}.notificacoes-page .filters-container .filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.notificacoes-page .filters-container .filter-buttons .btn{border-radius:.375rem;flex:1;font-size:.875rem;min-width:0;overflow:hidden;padding:.5rem .75rem;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.notificacoes-page .filters-container .filter-buttons .btn.btn-primary{background-color:#007bff;border-color:#007bff;color:#fff;font-weight:600}.notificacoes-page .filters-container .filter-buttons .btn.btn-light{background-color:#f8f9fa;border-color:#dee2e6;color:#495057}.notificacoes-page .filters-container .filter-buttons .btn.btn-light:hover{background-color:#e9ecef;border-color:#adb5bd}.notificacoes-page .filters-container .actions-row{display:flex;justify-content:flex-end}.notificacoes-page .filters-container .actions-row .btn{border-radius:.375rem;font-size:.875rem;padding:.5rem 1rem}.notificacoes-page .loading-container{align-items:center;display:flex;justify-content:center;min-height:200px}.notificacoes-page .loading-container .spinner-border{height:2rem;width:2rem}.notificacoes-page .empty-state{color:#6c757d;padding:3rem 1rem;text-align:center}.notificacoes-page .empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.notificacoes-page .empty-state .empty-message{font-size:1.1rem;margin-bottom:.5rem}.notificacoes-page .empty-state .empty-description{font-size:.9rem;opacity:.8}.notificacoes-page .notifications-cards{display:flex;flex-direction:column;gap:1rem}.notificacoes-page .notifications-cards .notification-card{background:#fff;border:1px solid #dee2e6;border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.05);overflow:hidden;padding:1rem;position:relative;transition:all .2s ease}.notificacoes-page .notifications-cards .notification-card:hover{border:1px solid #007bff;box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.notificacoes-page .notifications-cards .notification-card.unread{background-color:#f8f9ff;border-left:4px solid #007bff}.notificacoes-page .notifications-cards .notification-card.unread:before{animation:pulse 2s infinite;background-color:#007bff;border-radius:50%;content:"";height:8px;position:absolute;right:.75rem;top:.75rem;width:8px}.notificacoes-page .notifications-cards .notification-card .card-header{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:.75rem}.notificacoes-page .notifications-cards .notification-card .card-header .notification-type-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.25rem;height:2.5rem;justify-content:center;margin-top:.125rem;width:2.5rem}.notificacoes-page .notifications-cards .notification-card .card-header .notification-type-icon.success{background-color:#d4edda;color:#155724}.notificacoes-page .notifications-cards .notification-card .card-header .notification-type-icon.danger{background-color:#f8d7da;color:#721c24}.notificacoes-page .notifications-cards .notification-card .card-header .notification-type-icon.warning{background-color:#fff3cd;color:#856404}.notificacoes-page .notifications-cards .notification-card .card-header .notification-type-icon.info{background-color:#d1ecf1;color:#0c5460}.notificacoes-page .notifications-cards .notification-card .card-header .notification-type-icon.primary{background-color:#d6e9ff;color:#004085}.notificacoes-page .notifications-cards .notification-card .card-header .notification-meta{flex:1;min-width:0}.notificacoes-page .notifications-cards .notification-card .card-header .notification-meta .notification-status{align-items:center;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.025em;margin-bottom:.25rem;text-transform:uppercase}.notificacoes-page .notifications-cards .notification-card .card-header .notification-meta .notification-status .status-badge{border-radius:50%;height:6px;width:6px}.notificacoes-page .notifications-cards .notification-card .card-header .notification-meta .notification-status .status-badge.new{background-color:#007bff}.notificacoes-page .notifications-cards .notification-card .card-header .notification-meta .notification-status .status-badge.read{background-color:#6c757d}.notificacoes-page .notifications-cards .notification-card .card-header .notification-meta .notification-type{color:#6c757d;font-size:.875rem;font-weight:500}.notificacoes-page .notifications-cards .notification-card .card-content{margin-bottom:1rem}.notificacoes-page .notifications-cards .notification-card .card-content .notification-title{color:#212529;font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.notificacoes-page .notifications-cards .notification-card .card-content .notification-message{color:#495057;font-size:.875rem;line-height:1.5;margin-bottom:.75rem}.notificacoes-page .notifications-cards .notification-card .card-content .notification-time{align-items:center;color:#6c757d;display:flex;font-size:.75rem;font-style:italic;gap:.25rem}.notificacoes-page .notifications-cards .notification-card .card-content .notification-time .time-icon{font-size:.875rem}.notificacoes-page .notifications-cards .notification-card .card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.notificacoes-page .notifications-cards .notification-card .card-actions .btn{align-items:center;border-radius:.375rem;display:flex;flex:1;font-size:.875rem;gap:.375rem;justify-content:center;min-width:0;padding:.5rem .75rem;transition:all .2s ease}.notificacoes-page .notifications-cards .notification-card .card-actions .btn .btn-icon{font-size:.875rem}.notificacoes-page .notifications-cards .notification-card .card-actions .btn.btn-sm{font-size:.8125rem;padding:.375rem .625rem}.notificacoes-page .table-responsive{border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.05);overflow:hidden}.notificacoes-page .table-responsive .table{margin-bottom:0}.notificacoes-page .table-responsive .table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:1rem .75rem}.notificacoes-page .table-responsive .table td{border-bottom:1px solid #f1f3f4;padding:1rem .75rem;vertical-align:middle}.notificacoes-page .table-responsive .table .table-light{background-color:#f8f9ff}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:575.98px){.notificacoes-page{padding:.75rem}.notificacoes-page .page-header .header-title{font-size:1.25rem}.notificacoes-page .page-header .header-title .notification-icon{font-size:1.5rem}.notificacoes-page .filters-container .filter-buttons .btn{font-size:.8125rem;padding:.375rem .5rem}.notificacoes-page .notifications-cards .notification-card{padding:.75rem}.notificacoes-page .notifications-cards .notification-card .card-header .notification-type-icon{font-size:1rem;height:2rem;width:2rem}.notificacoes-page .notifications-cards .notification-card .card-content .notification-title{font-size:.9375rem}.notificacoes-page .notifications-cards .notification-card .card-content .notification-message{font-size:.8125rem}.notificacoes-page .notifications-cards .notification-card .card-actions .btn{font-size:.8125rem;padding:.375rem .5rem}.notificacoes-page .table-responsive{display:none}}@media(min-width:576px)and (max-width:767.98px){.notificacoes-page .filters-container .filter-buttons .btn{flex:0 1 auto;min-width:120px}.notificacoes-page .table-responsive{display:none}}@media(min-width:768px)and (max-width:991.98px){.notificacoes-page{padding:1.5rem}.notificacoes-page .page-header{align-items:center;flex-direction:row;justify-content:space-between}.notificacoes-page .filters-container .filter-buttons{justify-content:flex-start}.notificacoes-page .filters-container .filter-buttons .btn{flex:0 1 auto;min-width:140px}.notificacoes-page .filters-container .actions-row{justify-content:flex-end}.notificacoes-page .notifications-cards{display:flex}.notificacoes-page .table-responsive{display:none}}@media(min-width:992px){.notificacoes-page{margin:0 auto;max-width:1200px;padding:2rem}.notificacoes-page .page-header{align-items:center;flex-direction:row;justify-content:space-between}.notificacoes-page .filters-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.notificacoes-page .filters-container .filter-buttons{flex:1;justify-content:flex-start;margin-bottom:0}.notificacoes-page .filters-container .filter-buttons .btn{flex:0 1 auto;min-width:120px}.notificacoes-page .filters-container .actions-row{flex:0 0 auto}.notificacoes-page .notifications-cards{display:none}.notificacoes-page .table-responsive{display:block}}@media(prefers-color-scheme:dark){.notificacoes-page .notification-card{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.notificacoes-page .notification-card.unread{background-color:#2a4a6b}.notificacoes-page .notification-card .notification-title{color:#f7fafc}.notificacoes-page .notification-card .notification-message{color:#cbd5e0}.notificacoes-page .notification-card .notification-time{color:#a0aec0}}@media(prefers-reduced-motion:reduce){.notification-card{transition:none}.notification-card:hover{transform:none}.notification-card.unread:before{animation:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.notification-card .notification-type-icon{border:.5px solid rgba(0,0,0,.1)}}@media(max-width:767.98px)and (orientation:landscape){.notificacoes-page .notifications-cards .notification-card .card-header .notification-type-icon{font-size:1rem;height:2rem;width:2rem}.notificacoes-page .notifications-cards .notification-card .card-content{margin-bottom:.75rem}.notificacoes-page .notifications-cards .notification-card .card-content .notification-title{font-size:.9375rem;margin-bottom:.375rem}.notificacoes-page .notifications-cards .notification-card .card-content .notification-message{font-size:.8125rem;margin-bottom:.5rem}}.notification-card{overflow:hidden;position:relative}.notification-card.swipe-left{opacity:0;transform:translateX(-100%);transition:transform .3s ease}.notification-card.swipe-right{opacity:0;transform:translateX(100%);transition:transform .3s ease}.notification-card:after{background:linear-gradient(90deg,transparent,rgba(220,53,69,.1),rgba(220,53,69,.3));content:"";height:100%;pointer-events:none;position:absolute;right:-100%;top:0;transition:right .2s ease;width:100%}.notification-card.swipe-indicator:after{right:0}.notificacoes-page{position:relative}.notificacoes-page.pull-to-refresh:before{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;content:"";height:40px;left:50%;position:absolute;top:-60px;transform:translateX(-50%);width:40px;z-index:1000}@keyframes spin{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(1turn)}}.touch-feedback{overflow:hidden;position:relative}.touch-feedback:before{background:rgba(0,123,255,.3);border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0;z-index:1}.touch-feedback.active:before{height:200px;width:200px}.notifications-cards{transform:translateZ(0)}.notifications-cards .notification-card{-webkit-overflow-scrolling:touch;animation:slideInUp .3s ease forwards;backface-visibility:hidden;will-change:transform,opacity}.notifications-cards .notification-card:first-child{animation-delay:.1s}.notifications-cards .notification-card:nth-child(2){animation-delay:.2s}.notifications-cards .notification-card:nth-child(3){animation-delay:.3s}.notifications-cards .notification-card:nth-child(4){animation-delay:.4s}.notifications-cards .notification-card:nth-child(5){animation-delay:.5s}@media(max-width:768px){.filter-buttons .btn{min-height:48px;padding:.75rem 1rem}.filter-buttons .btn:active{transform:scale(.98);transition:transform .1s ease}.notification-title{font-size:1.1rem!important;font-weight:600!important;line-height:1.4!important}.notification-message{font-size:1rem!important;line-height:1.5!important}.card-actions{gap:.75rem!important}.card-actions .btn{font-size:1rem;min-height:48px;padding:.75rem 1rem}.card-actions .btn:active{transform:scale(.95);transition:transform .1s ease}}@media(prefers-color-scheme:dark)and (max-width:768px){.notificacoes-page{background-color:#fff;color:#222}.notification-card{background-color:#fff;border-color:#333}.notification-card.unread{background-color:#1a2332;border-left-color:#4dabf7}.notification-card .notification-title{color:#fff}.notification-card .notification-message{color:#ccc}.notification-card .notification-time{color:#999}.filter-buttons .btn.btn-light{background-color:#333;border-color:#555;color:#fff}.filter-buttons .btn.btn-light:active,.filter-buttons .btn.btn-light:hover{background-color:#444;border-color:#666}}@media(max-width:768px)and (orientation:landscape){.notificacoes-page{padding:.5rem}.page-header{margin-bottom:1rem!important}.page-header .header-title{font-size:1.25rem!important}.filters-container{margin-bottom:1rem!important}.filters-container .filter-buttons{gap:.25rem}.filters-container .filter-buttons .btn{font-size:.875rem;min-height:40px;padding:.5rem .75rem}.notification-card{padding:.75rem}.notification-card .card-header{margin-bottom:.5rem}.notification-card .card-header .notification-type-icon{font-size:1rem;height:2rem;width:2rem}.notification-card .card-content{margin-bottom:.75rem}.notification-card .card-content .notification-title{font-size:1rem!important;margin-bottom:.375rem}.notification-card .card-content .notification-message{font-size:.875rem!important;margin-bottom:.5rem}.notification-card .card-actions{gap:.5rem}.notification-card .card-actions .btn{font-size:.875rem;min-height:40px;padding:.5rem .75rem}}@supports(padding-top:env(safe-area-inset-top)){.notificacoes-page{padding:calc(1rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left))}}@media(prefers-reduced-data:reduce){.notification-card{animation:none!important;transition:none!important}.notification-card:hover{transform:none!important}.notification-card.unread:before{animation:none!important}.touch-feedback:before{display:none}}@media(prefers-contrast:high){.notification-card{border:2px solid #000}.notification-card.unread{border-left:6px solid #06c}.notification-card .notification-title{color:#000;font-weight:700}.notification-card .notification-message{color:#333;font-weight:500}.filter-buttons .btn{border:2px solid #000;font-weight:600}.filter-buttons .btn.btn-primary{background-color:#06c;color:#fff}.filter-buttons .btn.btn-light{background-color:#fff;color:#000}}@media(prefers-reduced-motion:reduce){.notification-card{animation:none!important;transition:opacity .2s ease!important}.card-actions .btn:active,.filter-buttons .btn:active,.notification-card:hover{transform:none!important}.touch-feedback:before{transition:opacity .1s ease!important}}@media(max-width:359px){.notificacoes-page{padding:.5rem}.page-header .header-title{font-size:1.125rem}.page-header .header-title .notification-icon{font-size:1.25rem}.filter-buttons .btn{font-size:.75rem;min-height:44px;padding:.5rem .625rem}.notification-card{padding:.625rem}.notification-card .card-header .notification-type-icon{font-size:.875rem;height:1.75rem;width:1.75rem}.notification-card .card-content .notification-title{font-size:.9375rem!important}.notification-card .card-content .notification-message{font-size:.8125rem!important}.notification-card .card-actions .btn{font-size:.8125rem;padding:.5rem .625rem}}