:root{--color-canvas-default: #ffffff;--color-canvas-subtle: #f6f8fa;--color-border-default: #d0d7de;--color-border-muted: #d8dee4;--color-fg-default: #1f2328;--color-fg-muted: #636c76;--color-fg-subtle: #6e7781;--color-accent-fg: #0969da;--color-accent-emphasis: #0969da;--color-btn-bg: #f6f8fa;--color-btn-border: rgba(31,35,40,.15);--color-btn-hover-bg: #f3f4f6;--color-btn-hover-border: rgba(31,35,40,.15);--color-btn-primary-bg: #1f883d;--color-btn-primary-hover-bg: #1a7f37;--color-btn-danger-hover-bg: #a40e26}*{box-sizing:border-box}a{color:var(--color-accent-fg);text-decoration:none}a:hover{text-decoration:underline}body{background:var(--color-canvas-default);font-size:14px;line-height:1.5}div.cosmo-graph{height:100%;display:flex;flex-flow:column}div.point-legend{position:sticky;overflow:hidden;bottom:1rem;left:8rem;width:200px}div.link-legend{position:sticky;overflow:hidden;bottom:1rem;left:1rem;width:200px}.app-shell{max-width:1280px;margin:0 auto;padding:0;display:flex;flex-direction:column}.navbar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#24292f;color:#fff;border-bottom:1px solid #57606a}.nav-left{display:flex;align-items:center;gap:16px}.brand{font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.brand-circle{width:32px;height:32px;background:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#24292f;letter-spacing:-.5px}.nav-links{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px}.nav-links a{padding:8px 16px;border-radius:6px;color:#fffc;transition:background-color .2s}.nav-links a:hover{background:#b1bac41f;text-decoration:none;color:#fff}.nav-links a[data-active=true]{background:#ffffff1a;color:#fff;font-weight:600;border-bottom:2px solid white}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.card{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:6px;margin:24px 32px}.card-header{padding:16px;background:var(--color-canvas-subtle);border-bottom:1px solid var(--color-border-default);border-radius:6px 6px 0 0;display:flex;align-items:center;justify-content:space-between}.card-body{padding:0}.notifications-grid{display:grid;grid-template-columns:1fr;gap:0}.notification-item{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border-bottom:1px solid var(--color-border-muted);background:var(--color-canvas-default);transition:background-color .2s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-canvas-subtle)}.notification-meta{color:var(--color-fg-muted);font-size:12px;margin-bottom:4px}.notification-meta a{font-weight:600;color:var(--color-fg-muted)}.notification-meta a:hover{color:var(--color-accent-fg)}.button{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--color-btn-border);border-radius:6px;padding:5px 16px;background:var(--color-btn-bg);color:var(--color-fg-default);font-weight:500;font-size:14px;cursor:pointer;transition:background-color .2s;line-height:20px}.button:hover{background:var(--color-btn-hover-bg);border-color:var(--color-btn-hover-border);text-decoration:none}.button:active{background:#ebecf0}.button.primary{background:var(--color-btn-primary-bg);color:#fff;border-color:#1f232826;box-shadow:0 1px #1f23281a}.button.primary:hover{background:var(--color-btn-primary-hover-bg)}.button.secondary{background:var(--color-btn-bg);color:var(--color-fg-default);border:1px solid var(--color-btn-border)}.button.secondary:hover{background:var(--color-btn-hover-bg)}.button.danger{color:#d1242f}.button.danger:hover{color:#fff;background:var(--color-btn-danger-hover-bg);border-color:#1f232826}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:16px}.label{font-weight:600;margin-bottom:8px;display:block;font-size:14px;color:var(--color-fg-default)}.input{width:100%;padding:5px 12px;border-radius:6px;border:1px solid var(--color-border-default);font-size:14px;line-height:20px;background:var(--color-canvas-default);color:var(--color-fg-default)}.input:focus{outline:none;border-color:var(--color-accent-emphasis);box-shadow:0 0 0 3px #0969da4d}select.input{padding:5px 12px}.section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.badge{display:inline-flex;align-items:center;justify-content:center;padding:0 7px;background:var(--color-canvas-subtle);color:var(--color-fg-default);border-radius:2em;font-weight:500;font-size:12px;line-height:18px;border:1px solid var(--color-border-default)}.badge-reason{display:inline-flex;align-items:center;padding:4px 8px;background:#ddf4ff;color:#0969da;border-radius:2em;font-weight:500;font-size:12px;border:1px solid rgba(84,174,255,.4)}.empty-state{text-align:center;padding:32px 16px;color:var(--color-fg-muted)}.user-info{display:flex;align-items:center;gap:8px;color:#fff}.user-info-text{text-align:right;font-size:14px}.user-info-name{font-weight:600;color:#fff}.user-info-email{font-size:12px;color:#ffffffb3}.notification-title{font-weight:600;font-size:14px;color:var(--color-fg-default)}.notification-actions{display:flex;gap:8px;align-items:center}@media (max-width: 720px){.navbar{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.nav-links{width:100%}.card{margin:16px}.notification-item{flex-direction:column;align-items:flex-start;gap:12px}.notification-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:0}.notification-actions{flex-wrap:wrap;width:100%}.notification-actions .button{flex:1;min-width:80px;justify-content:center}}.info-tooltip{position:relative}.info-tooltip .tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:#24292f;color:#fff;padding:8px 12px;border-radius:6px;font-size:.75rem;font-weight:400;white-space:nowrap;z-index:1000;transition:opacity .2s ease,visibility .2s ease;box-shadow:0 2px 8px #00000026}.info-tooltip .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#24292f transparent transparent transparent}.info-tooltip:hover .tooltip-text{visibility:visible;opacity:1}