.notifications-page{min-height:100vh;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);padding:2rem}.notifications-container{max-width:900px;margin:0 auto}.notifications-card{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;padding:2rem;box-shadow:8px 8px 24px #a6b4c82e,-8px -8px 24px #ffffffb3;margin-bottom:2rem}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:2px solid #f3f4f6;padding-bottom:1rem}.notifications-title{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#4361ee,#7209b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:lowercase;letter-spacing:1px}.notifications-list{display:flex;flex-direction:column;gap:1.5rem}.notification-item{background:#f9fafb;border-radius:14px;padding:1.25rem 1.5rem;box-shadow:2px 2px 8px #a6b4c814,-2px -2px 8px #fffc;display:flex;flex-direction:column;gap:.5rem}.notification-meta{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:#6b7280}.notification-type{font-weight:600;color:#4361ee;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}.notification-badge{display:inline-block;background:linear-gradient(135deg,#4361ee,#7209b7);color:#fff;font-size:.75rem;padding:.25rem .75rem;border-radius:9999px;margin-left:.5rem}.notification-details{font-size:1rem;color:#374151;margin-top:.25rem}.notification-acknowledged{color:#10b981;font-weight:600;font-size:.9rem}.notification-unacknowledged{color:#f59e42;font-weight:600;font-size:.9rem}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.pagination .page-link{background:#fff;border:1px solid #e5e7eb;color:#4361ee;padding:.5rem 1rem;border-radius:8px;font-weight:500;transition:background .2s,color .2s}.pagination .page-link.active,.pagination .page-link:hover{background:linear-gradient(135deg,#4361ee,#7209b7);color:#fff;border:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:9998;display:flex;align-items:center;justify-content:center}.modal-container{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;padding:2rem;z-index:9999;position:relative;max-width:420px;width:100%}.movement-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1050;display:flex;align-items:center;justify-content:center}.movement-modal-container{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000002e;padding:2rem;z-index:1060;position:relative;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;animation:modal-fade-in .2s}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.movement-modal-close{position:absolute;top:1.2rem;right:1.2rem;background:none;border:none;font-size:1.5rem;color:#888;cursor:pointer;transition:color .2s}.movement-modal-close:hover{color:#222}