@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--bg-base: #0a0c0e;--bg-surface: #131618;--bg-elevated: #1c2024;--bg-border: #2a2f35;--status-green: #22c55e;--status-amber: #f59e0b;--status-red: #ef4444;--status-critical:#ff1744;--status-grey: #6b7280;--status-unknown: #8b5cf6;--risk-high: #ef4444;--risk-medium: #f59e0b;--risk-low: #22c55e;--risk-unknown: #8b5cf6;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #475569;--text-inverse: #0a0c0e;--accent: #d97706;--accent-muted: rgba(217, 119, 6, .15);--font-mono: "DM Mono", "Courier New", monospace;--font-sans: "DM Sans", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--touch-min: 44px;--nav-height: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-base);line-height:1.5;min-height:100dvh;overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100dvh}.app-content{flex:1;padding-bottom:var(--nav-height);overflow-y:auto}.mono{font-family:var(--font-mono)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-badge--green{background:#22c55e26;color:var(--status-green)}.status-badge--amber{background:#f59e0b26;color:var(--status-amber)}.status-badge--red{background:#ef444426;color:var(--status-red)}.status-badge--critical{background:#ff174433;color:var(--status-critical)}.status-badge--grey{background:#6b728026;color:var(--status-grey)}.status-badge--unknown{background:#8b5cf626;color:var(--status-unknown)}.risk-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.risk-badge--high{background:#ef444426;color:var(--risk-high)}.risk-badge--medium{background:#f59e0b26;color:var(--risk-medium)}.risk-badge--low{background:#22c55e26;color:var(--risk-low)}.risk-badge--unknown{background:#8b5cf626;color:var(--risk-unknown)}.card{background:var(--bg-surface);border:1px solid var(--bg-border);border-radius:var(--radius-lg);padding:var(--space-4)}.card--elevated{background:var(--bg-elevated)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-5);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:opacity .15s;text-decoration:none}.btn:active{opacity:.8}.btn--primary{background:var(--accent);color:var(--text-inverse)}.btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--bg-border)}.btn--danger{background:#ef444426;color:var(--risk-high);border:1px solid rgba(239,68,68,.3)}.btn--full{width:100%}.divider{height:1px;background:var(--bg-border);margin:var(--space-4) 0}.screen-header{padding:var(--space-5) var(--space-4) var(--space-3);border-bottom:1px solid var(--bg-border);position:sticky;top:0;background:var(--bg-base);z-index:10}.screen-header__title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.screen-header__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.notice-list{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;color:var(--text-secondary)}.empty-state__icon{font-size:2.5rem;margin-bottom:var(--space-3)}.loading-pulse{background:var(--bg-elevated);border-radius:var(--radius-md);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}
