:root{--nx-font-sans: "Inter", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nx-font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, "Courier New", monospace;--nx-text-page-title: 1.5rem;--nx-text-section-title: 1.125rem;--nx-text-card-title: .9375rem;--nx-text-body: .875rem;--nx-text-body-strong: .875rem;--nx-text-table: .8125rem;--nx-text-table-header: .75rem;--nx-text-helper: .8125rem;--nx-text-caption: .75rem;--nx-text-code: .8125rem;--nx-text-code-inline: .75rem;--nx-text-badge: .6875rem;--nx-text-button: .875rem;--nx-text-button-sm: .8125rem;--nx-space-1: 4px;--nx-space-2: 8px;--nx-space-3: 12px;--nx-space-4: 16px;--nx-space-5: 20px;--nx-space-6: 24px;--nx-space-8: 32px;--nx-space-10: 40px;--nx-space-12: 48px;--nx-space-16: 64px;--nx-space-20: 80px;--nx-radius-sm: 4px;--nx-radius-md: 6px;--nx-radius-lg: 8px;--nx-radius-xl: 12px;--nx-radius-full: 9999px;--nx-transition-fast: .1s ease;--nx-transition-base: .15s ease;--nx-transition-slow: .2s ease;--nx-sidebar-width: 240px;--nx-sidebar-width-collapsed: 64px;--nx-sidebar-width-mobile: 280px;--nx-topbar-height: 56px;--nx-content-max-prose: 720px;--nx-breakpoint-mobile: 768px;--nx-breakpoint-tablet: 1024px;--nx-breakpoint-desktop: 1280px;--nx-z-dropdown: 1000;--nx-z-sticky: 1020;--nx-z-navigation-overlay: 1030;--nx-z-modal-backdrop: 1040;--nx-z-modal: 1050;--nx-z-popover: 1060;--nx-z-tooltip: 1070;--nx-z-toast: 1080;--nx-shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--nx-shadow-md: 0 2px 8px rgba(0, 0, 0, .12);--nx-shadow-lg: 0 4px 16px rgba(0, 0, 0, .16);--nx-shadow-drawer: 8px 0 32px rgba(0, 0, 0, .5)}html,html[data-theme=dark]{--nx-bg-base: #0B1322;--nx-bg-surface: #111C2E;--nx-bg-elevated: #172437;--nx-bg-overlay: #1D2E48;--nx-bg-subtle: #0E1828;--nx-brand-deep: #1B3D6F;--nx-brand-mid: #1D4B82;--nx-accent: #00CFFF;--nx-accent-hover: #00B8E0;--nx-accent-subtle: #00CFFF1A;--nx-accent-border: #00CFFF40;--nx-text-primary: #EEF4FF;--nx-text-secondary: #94A3B8;--nx-text-tertiary: #64748B;--nx-text-disabled: #475569;--nx-text-accent: #00CFFF;--nx-text-inverse: #0B1322;--nx-border-subtle: #1A2D45;--nx-border-default: #253C58;--nx-border-strong: #3A5475;--nx-border-accent: #00CFFF40;--nx-success: #10B981;--nx-success-subtle: #10B98120;--nx-warning: #F59E0B;--nx-warning-subtle: #F59E0B20;--nx-danger: #EF4444;--nx-danger-subtle: #EF444420;--nx-info: #3B82F6;--nx-info-subtle: #3B82F620;--nx-code-bg: #0E1828;--nx-code-text: #CBD5E1;--nx-code-keyword: #00CFFF;--nx-code-string: #7DD3AA;--nx-code-number: #FDA4AF;--nx-code-comment: #475569}html[data-theme=light]{--nx-bg-base: #EEF3FC;--nx-bg-surface: #FFFFFF;--nx-bg-elevated: #F8FAFF;--nx-bg-overlay: #E5EDF8;--nx-bg-subtle: #E8EFF9;--nx-brand-deep: #1B3D6F;--nx-brand-mid: #1D4B82;--nx-accent: #0099CC;--nx-accent-hover: #007BAA;--nx-accent-subtle: #0099CC1A;--nx-accent-border: #0099CC40;--nx-text-primary: #0C1829;--nx-text-secondary: #364E6B;--nx-text-tertiary: #5E7A9A;--nx-text-disabled: #94AECB;--nx-text-accent: #006E8F;--nx-text-inverse: #EEF4FF;--nx-border-subtle: #D6E0F0;--nx-border-default: #B8CCDF;--nx-border-strong: #8AA5C5;--nx-border-accent: #0099CC40;--nx-success: #059669;--nx-success-subtle: #D1FAE5;--nx-warning: #B45309;--nx-warning-subtle: #FEF3C7;--nx-danger: #DC2626;--nx-danger-subtle: #FEE2E2;--nx-info: #1D4ED8;--nx-info-subtle: #DBEAFE;--nx-code-bg: #E8EFF9;--nx-code-text: #1E2D40;--nx-code-keyword: #0085B5;--nx-code-string: #047857;--nx-code-number: #BE185D;--nx-code-comment: #5E7A9A}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--nx-bg-base);color:var(--nx-text-primary);font-family:var(--nx-font-sans);font-size:var(--nx-text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--nx-text-accent)}code,pre{font-family:var(--nx-font-mono)}:focus-visible{outline:2px solid var(--nx-accent-border);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.skip-link{position:absolute;left:-9999px;top:0;z-index:var(--nx-z-toast);background:var(--nx-bg-elevated);color:var(--nx-text-primary);padding:var(--nx-space-2) var(--nx-space-4);border-radius:0 0 var(--nx-radius-md) 0;border:1px solid var(--nx-border-default)}.skip-link:focus{left:0}.nx-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--nx-space-2);height:36px;padding:var(--nx-space-2) var(--nx-space-4);border-radius:var(--nx-radius-md);border:1px solid transparent;font-family:var(--nx-font-sans);font-size:var(--nx-text-button);font-weight:500;line-height:1;cursor:pointer;text-decoration:none;transition:background-color var(--nx-transition-fast),border-color var(--nx-transition-fast),color var(--nx-transition-fast)}.nx-btn:active{transform:scale(.97)}.nx-btn:disabled{opacity:.4;cursor:not-allowed}.nx-btn--primary{background:var(--nx-accent);color:var(--nx-text-inverse)}.nx-btn--primary:hover:not(:disabled){background:var(--nx-accent-hover)}.nx-btn--secondary{background:var(--nx-bg-elevated);border-color:var(--nx-border-default);color:var(--nx-text-primary)}.nx-btn--secondary:hover:not(:disabled){background:var(--nx-bg-overlay)}.nx-btn--ghost{background:transparent;color:var(--nx-text-secondary)}.nx-btn--ghost:hover:not(:disabled){background:var(--nx-bg-overlay);color:var(--nx-text-primary)}.nx-nav-item{display:flex;align-items:center;gap:var(--nx-space-3);height:36px;padding:0 var(--nx-space-3);margin:0 var(--nx-space-2);border-radius:var(--nx-radius-md);color:var(--nx-text-secondary);text-decoration:none;font-size:var(--nx-text-body);font-weight:400;cursor:pointer;border-left:3px solid transparent;transition:background-color var(--nx-transition-fast),color var(--nx-transition-fast)}.nx-nav-item:hover{background-color:var(--nx-bg-overlay);color:var(--nx-text-primary)}.nx-nav-item--active{background-color:var(--nx-accent-subtle);color:var(--nx-text-primary);border-left-color:var(--nx-accent);font-weight:500}.nx-nav-item__icon{flex-shrink:0;width:18px;height:18px;color:inherit}.nx-page{padding:var(--nx-space-6) var(--nx-space-8)}.nx-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--nx-space-4);margin-bottom:var(--nx-space-6)}.nx-page-header__title{font-size:var(--nx-text-page-title);font-weight:700;color:var(--nx-text-primary);margin:0}.nx-page-header__description{font-size:var(--nx-text-body);color:var(--nx-text-secondary);margin:var(--nx-space-1) 0 0}.nx-page-header__actions{display:flex;align-items:center;gap:var(--nx-space-2);flex-shrink:0}.nx-back-link{display:inline-flex;align-items:center;gap:var(--nx-space-1);color:var(--nx-text-secondary);text-decoration:none;font-size:var(--nx-text-body);margin-bottom:var(--nx-space-4)}.nx-back-link:hover{color:var(--nx-text-primary)}.nx-status-pill{display:inline-flex;align-items:center;height:22px;padding:2px var(--nx-space-2);border-radius:var(--nx-radius-sm);font-size:var(--nx-text-badge);font-weight:500;white-space:nowrap;background:var(--nx-bg-overlay);color:var(--nx-text-secondary)}.nx-status-pill[data-status=Delivered],.nx-status-pill[data-status=Read],.nx-status-pill[data-status=Received]{background:var(--nx-success-subtle);color:var(--nx-success)}.nx-status-pill[data-status=Sent],.nx-status-pill[data-status=Sending],.nx-status-pill[data-status=Accepted],.nx-status-pill[data-status=Queued]{background:var(--nx-info-subtle);color:var(--nx-info)}.nx-status-pill[data-status=Failed]{background:var(--nx-danger-subtle);color:var(--nx-danger)}.nx-status-pill[data-status=Cancelled]{background:var(--nx-bg-subtle);color:var(--nx-text-tertiary)}.nx-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--nx-space-2);padding:var(--nx-space-12) var(--nx-space-4)}.nx-state__icon{color:var(--nx-text-tertiary);margin-bottom:var(--nx-space-2)}.nx-state__title{font-size:var(--nx-text-card-title);font-weight:600;color:var(--nx-text-secondary);margin:0}.nx-state__description{font-size:var(--nx-text-helper);color:var(--nx-text-tertiary);max-width:320px;margin:0}.nx-state--error .nx-state__title{color:var(--nx-text-primary)}.nx-state--error .nx-state__icon{color:var(--nx-danger)}.nx-mono{font-family:var(--nx-font-mono);font-size:var(--nx-text-code);font-variant-numeric:tabular-nums;color:var(--nx-text-secondary)}.nx-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes nx-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.nx-skeleton{background:linear-gradient(90deg,var(--nx-bg-overlay) 25%,var(--nx-bg-elevated) 50%,var(--nx-bg-overlay) 75%);background-size:400px 100%;animation:nx-shimmer 1.5s ease-in-out infinite;border-radius:var(--nx-radius-sm)}@media(prefers-reduced-motion:reduce){.nx-skeleton{animation:none}}