.row.clearfix{border:none !important}.navbar-fixed-top{background:#222426}:root{--notification-primary: #19183B;--notification-secondary: #708993;--notification-accent: #556B2F;--notification-light: #E7F2EF;--notification-success: #A1C2BD;--notification-warning: #708993;--notification-danger: #19183B;--notification-info: #708993}#main-content{background:#222426;min-height:100vh;padding:20px}body{background:#222426}.notification-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 4px 15px rgba(25,24,59,.08);border-left:4px solid var(--notification-accent);transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.notification-card.unread{border-left-color:#8fa31e;background:linear-gradient(135deg, #2F5249 0%, #E3DE61 100%);box-shadow:0 6px 20px rgba(25,24,59,.15)}.notification-card.unread::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--notification-primary)}.notification-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(25,24,59,.12)}.notification-card.expanded{padding-bottom:25px}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.notification-title-section{flex:1}.notification-title{font-size:1.3rem;font-weight:700;color:var(--notification-primary);margin:0 0 5px 0}.notification-meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:5px;color:var(--notification-secondary);font-size:.9rem}.meta-item i{color:var(--notification-primary)}.notification-time{background:var(--notification-accent);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap}.quick-info-bar{display:flex;gap:20px;margin-bottom:15px;padding:12px;background:rgba(161,194,189,.1);border-radius:8px;border-left:3px solid var(--notification-accent)}.quick-info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:.75rem;color:var(--notification-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.9rem;font-weight:600;color:var(--notification-primary)}.info-value.salary{color:var(--notification-success)}.info-value.job-type{background:var(--notification-accent);color:var(--notification-primary);padding:2px 8px;border-radius:6px;font-size:.75rem;display:inline-block;width:fit-content;font-weight:600}.notification-expandable{max-height:0;overflow:hidden;transition:max-height .3s ease}.notification-card.expanded .notification-expandable{max-height:500px}.job-details-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:15px;margin-bottom:15px;padding:15px;background:rgba(161,194,189,.1);border-radius:8px;border-left:3px solid var(--notification-accent)}.job-detail-item{display:flex;flex-direction:column;gap:5px}.detail-label{font-size:.8rem;color:var(--notification-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.95rem;font-weight:600;color:var(--notification-primary)}.skills-section{margin-bottom:15px}.skills-label{font-size:.9rem;color:var(--notification-secondary);font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:5px}.skills-label i{color:var(--notification-primary)}.skills-container{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:linear-gradient(135deg, var(--notification-accent) 0%, var(--notification-secondary) 100%);color:var(--notification-primary);padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.qualification-tag{background:linear-gradient(135deg, var(--notification-primary) 0%, var(--notification-secondary) 100%);color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.notification-content{margin-bottom:15px}.notification-message{color:var(--notification-primary);line-height:1.6;margin-bottom:12px;font-size:.95rem;opacity:.9}.notification-tag{background:var(--notification-primary);color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500;display:inline-flex;align-items:center;gap:5px}.notification-tag.urgent{background:var(--notification-accent);color:#fff}.notification-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:15px;border-top:1px solid rgba(112,137,147,.2)}.action-buttons{display:flex;gap:10px}.btn-notification{padding:8px 16px;border-radius:8px;font-weight:600;font-size:.85rem;transition:all .3s ease;border:none}.btn-view-job{background:linear-gradient(135deg, #2F5249 0%, #2F5249 100%);color:#fff}.btn-view-job:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(25,24,59,.3)}.btn-mark-read{background:rgba(0,0,0,0);border:2px solid var(--notification-accent);color:var(--notification-primary)}.btn-mark-read:hover{background:var(--notification-accent);color:var(--notification-primary);transform:translateY(-2px)}.expand-indicator{text-align:center;color:var(--notification-accent);font-size:.8rem;margin-top:10px;opacity:.7;transition:opacity .3s ease}.notification-card:hover .expand-indicator{opacity:1}.notification-card.expanded .expand-indicator{display:none}.empty-state{text-align:center;padding:60px 20px;color:var(--notification-secondary)}.empty-state-icon{font-size:64px;margin-bottom:20px;color:var(--notification-accent);opacity:.5}.empty-state h4{color:var(--notification-primary);margin-bottom:10px;font-weight:600}.page-header{color:#fff;padding:25px 30px;margin:-20px -20px 30px -20px;position:relative;overflow:hidden}.page-header::before{content:"";position:absolute}.breadcrumb{background:rgba(0,0,0,0);margin-bottom:0}.breadcrumb-item a{color:hsla(0,0%,100%,.9) !important;text-decoration:none}.breadcrumb-item.active{color:hsla(0,0%,100%,.7) !important}.breadcrumb-item+.breadcrumb-item::before{color:hsla(0,0%,100%,.5)}.notifications-container{max-width:900px;margin:0 auto}.main-card{background:#2f5249;border-radius:15px;box-shadow:0 10px 30px rgba(25,24,59,.1);border:none;overflow:hidden}hr{border-color:#2f435b}.card-header-custom{background:rgba(0,0,0,0);border-bottom:1px solid rgba(112,137,147,.2);padding:25px}.card-header-custom h2{color:#fff;font-weight:700}.card-header-custom .text-muted{color:var(--notification-secondary) !important}.btn-outline-primary{border-color:var(--notification-primary);color:var(--notification-primary)}.btn-outline-primary:hover{background:var(--notification-primary);color:#fff}@media(max-width: 768px){.notification-header{flex-direction:column;gap:10px}.quick-info-bar{flex-direction:column;gap:10px}.job-details-grid{grid-template-columns:1fr;gap:10px}.notification-meta{gap:10px}.notification-actions{flex-direction:column;align-items:stretch}.action-buttons{justify-content:space-between}.btn-notification{flex:1;text-align:center}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.notification-card{animation:slideInUp .5s ease-out}.notification-card:nth-child(odd){animation-delay:.1s}.notification-card:nth-child(even){animation-delay:.2s}.info-label{font-size:.75rem;color:#011d29 !important;font-weight:600;text-transform:uppercase;letter-spacing:.5px}body .dropdown-menu{background-color:#000;color:var(--font-color)}.card{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;margin-bottom:30px;position:relative;width:100%}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6 !important}.table td,.table th{border-color:2px solid #dee2e6 !important}.ecms-field .c_dropdown .btn-group>.btn{text-align:left;background-color:var(--body-color);border-color:none !important}.btn-default{color:var(--bg-hc-color);background-color:var(--font-xlight);border-color:none !important;padding:6px 18px}