.notification-card{background:#fff;border:1px solid #dfe7ee;border-radius:8px;box-shadow:0 2px 7px rgba(39,67,89,.08);padding:16px;margin-top:14px}.capture-note{font-size:13px;color:#68798a;margin:8px 0 14px}.notification-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:12px;align-items:end}.notif-field{display:flex;flex-direction:column;gap:6px;color:#4f6576;font-size:12px;font-weight:700}.notif-field select,.notif-field input{min-height:35px;border:1px solid #cbd8e2;border-radius:4px;padding:7px 9px;background:#fff;color:#263b4c;font:inherit;font-weight:400}.notification-date-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,260px));gap:12px;margin-top:12px}.notification-date-grid[hidden]{display:none!important}.date-input-wrap{display:flex;align-items:center}.date-input-wrap input{flex:1;border-radius:4px 0 0 4px}.cal-trigger{min-height:35px;border:1px solid #cbd8e2;border-left:0;border-radius:0 4px 4px 0;background:#f5f8fa;cursor:pointer;padding:0 10px}.notification-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 12px;border-top:1px solid #e8eef2;padding-top:13px}.notification-menu{position:relative}.notification-menu>button{background:#fff;border:1px solid #bfcfda;border-radius:4px;color:#40586a;padding:8px 12px;cursor:pointer}.notification-menu>button:hover{background:#f2f7fa}.notification-menu-list{position:absolute;z-index:5;top:calc(100% + 3px);left:0;min-width:120px;background:#fff;border:1px solid #cbd8e2;border-radius:4px;box-shadow:0 5px 14px rgba(26,48,65,.16);padding:4px}.notification-menu-list button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:7px 9px;cursor:pointer;color:#354d60}.notification-menu-list button:hover{background:#edf5f8}.table-scroll{overflow:auto}.notification-table{width:100%;border-collapse:collapse;min-width:760px}.notification-table th,.notification-table td{border-bottom:1px solid #e6edf2;padding:10px 9px;text-align:left;vertical-align:middle;color:#334c5e;font-size:13px}.notification-table th{background:#f7fafb;color:#536a7a;font-size:12px;text-transform:none}.notification-table th:first-child,.notification-table td:first-child{width:36px;text-align:center}.notification-empty{text-align:center!important;color:#7b8b98!important;padding:26px!important}.notification-footer{display:flex;justify-content:space-between;align-items:center;color:#687b89;font-size:12px;padding-top:12px}.notification-footer select{margin-left:5px;border:1px solid #cbd8e2;border-radius:4px;padding:5px 8px;background:#fff;color:#344b5e}.tutorial-link{display:inline-block;margin-top:14px;color:#2e6f95;text-decoration:none;font-size:13px}.tutorial-link:hover{text-decoration:underline}.portal-notice{margin:10px 0;padding:10px 12px;border:1px solid #b9d8c3;border-radius:5px;background:#edf8f0;color:#2f6640;font-size:13px}.notification-calendar{position:fixed;z-index:20;width:286px;background:#fff;border:1px solid #cbd8e2;border-radius:6px;box-shadow:0 8px 22px rgba(24,47,64,.2);padding:10px}.notification-calendar[hidden]{display:none}.notification-calendar-head{display:flex;justify-content:space-between;align-items:center;color:#3e5668;font-weight:700;margin-bottom:8px}.notification-calendar-head button{border:0;background:transparent;color:#42677e;font-size:20px;cursor:pointer}.notification-week{display:grid;grid-template-columns:repeat(7,1fr);color:#748694;font-size:10px;text-align:center;margin-bottom:4px}.notification-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.notification-days button{border:0;background:#f7fafb;border-radius:3px;padding:7px 0;color:#3d5668;cursor:pointer}.notification-days button.out{color:#aab7bf;background:#fff}.notification-days button:hover{background:#dceff1}@media(max-width:900px){.notification-filter-grid{grid-template-columns:repeat(2,minmax(145px,1fr))}}@media(max-width:560px){.notification-filter-grid,.notification-date-grid{grid-template-columns:1fr}.notification-footer{align-items:flex-start;gap:10px;flex-direction:column}}