:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-surface-alt: #f7f7f8;--color-surface-hover:#f1f1f2;--color-border: #e7e7e9;--color-border-strong:#d4d4d6;--color-text: #18181b;--color-text-muted: #71717a;--color-text-subtle: #a1a1aa;--color-text-inverse: #ffffff;--color-accent: #5b5bd6;--color-accent-hover: #4d4dc0;--color-accent-soft: #eeeefc;--color-accent-text: #4444b8;--color-success: #16a34a;--color-success-soft: #dcfce7;--color-warning: #d97706;--color-warning-soft: #fef3c7;--color-danger: #dc2626;--color-danger-soft: #fee2e2;--color-info: #2563eb;--color-info-soft: #dbeafe;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 4px rgba(0, 0, 0, .06), 0 4px 8px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .04);--sidebar-bg: #18181b;--sidebar-fg: #d4d4d8;--sidebar-fg-muted: #71717a;--sidebar-active-bg: #27272a;--sidebar-active-fg: #ffffff;--sidebar-width: 248px;--transition-fast: .12s ease;--transition-base: .18s ease}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--text-md);line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}button{cursor:pointer;font-family:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.app-shell{display:flex;height:100vh;overflow:hidden}.app-main{flex:1;overflow-y:auto;background:var(--color-bg)}.app-content{max-width:1280px;margin:0 auto;padding:var(--space-6) var(--space-8)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);gap:var(--space-4)}.page-header__title{font-size:var(--text-2xl);font-weight:600;color:var(--color-text);letter-spacing:-.02em}.page-header__subtitle{font-size:var(--text-md);color:var(--color-text-muted);margin-top:var(--space-1)}.page-header__actions{display:flex;gap:var(--space-2);flex-shrink:0}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-fg);display:flex;flex-direction:column;flex-shrink:0}.sidebar__header{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid rgba(255,255,255,.06)}.sidebar__logo{display:flex;align-items:center;gap:var(--space-2);color:#fff;font-weight:600;font-size:var(--text-md)}.sidebar__logo-mark{width:28px;height:28px;border-radius:var(--radius-md);background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--text-sm)}.sidebar__context{font-size:var(--text-xs);color:var(--sidebar-fg-muted);margin-top:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.sidebar__viewing-as{margin:var(--space-3) var(--space-4);padding:var(--space-2) var(--space-3);background:#5b5bd626;border:1px solid rgba(91,91,214,.3);border-radius:var(--radius-md);font-size:var(--text-xs);color:#cdcdfa;display:flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:background var(--transition-fast)}.sidebar__viewing-as:hover{background:#5b5bd640}.sidebar__session-picker{margin:0 var(--space-4) var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.sidebar__session-label{font-size:11px;font-weight:600;color:var(--sidebar-fg-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.sidebar__session-select{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:#fff;font-size:12px;font-weight:600;padding:5px 8px;cursor:pointer;outline:none;min-width:0}.sidebar__session-select:focus{border-color:#6366f199}.sidebar__session-select option{background:#1e1e2e;color:#fff}.sidebar__nav{flex:1;padding:var(--space-3);overflow-y:auto;display:flex;flex-direction:column;gap:1px}.sidebar__section-label{font-size:var(--text-xs);color:var(--sidebar-fg-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-3) var(--space-3) var(--space-1)}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--sidebar-fg);font-size:var(--text-md);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar__link:hover{background:#ffffff0d;color:#fff;text-decoration:none}.sidebar__link.is-active{background:var(--sidebar-active-bg);color:var(--sidebar-active-fg)}.sidebar__link-icon{width:18px;height:18px;flex-shrink:0;opacity:.7}.sidebar__link.is-active .sidebar__link-icon{opacity:1}.sidebar__footer{padding:var(--space-3);border-top:1px solid rgba(255,255,255,.06)}.sidebar__user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md)}.sidebar__user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--text-sm);flex-shrink:0}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{color:#fff;font-size:var(--text-md);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{color:var(--sidebar-fg-muted);font-size:var(--text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__signout{margin-top:var(--space-2);width:100%;background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--sidebar-fg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);transition:background var(--transition-fast)}.sidebar__signout:hover{background:#ffffff0d}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.card--flush{padding:0}.card--compact{padding:var(--space-4)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.card-header__title{font-size:var(--text-md);font-weight:600}.card-body{padding:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:7px var(--space-4);background:var(--color-accent);color:var(--color-text-inverse);border:1px solid var(--color-accent);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:500;line-height:1.4;transition:all var(--transition-fast);white-space:nowrap}.btn:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn--ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn--ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn--danger{background:transparent;color:var(--color-danger);border-color:var(--color-border)}.btn--danger:hover{background:var(--color-danger-soft);border-color:var(--color-danger)}.btn--sm{padding:4px var(--space-3);font-size:var(--text-sm)}.btn--icon{padding:6px;width:32px;height:32px}.field{margin-bottom:var(--space-4)}.field__label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-2)}.field__hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.field__error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1)}.input,.select,.textarea{width:100%;padding:7px var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-md);line-height:1.4;color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.input::placeholder{color:var(--color-text-subtle)}.textarea{resize:vertical;min-height:80px}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-md)}.checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent)}.field-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.field-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.table-wrap{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-md);vertical-align:middle}.table th{color:var(--color-text-muted);font-weight:500;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;background:var(--color-surface-alt);border-bottom:1px solid var(--color-border)}.table tbody tr{border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-surface-alt)}.table tbody tr:last-child{border-bottom:none}.table__mono{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.table__empty{text-align:center;padding:var(--space-12);color:var(--color-text-muted)}.table__empty-icon{font-size:var(--text-3xl);margin-bottom:var(--space-3);opacity:.4}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px var(--space-2);background:var(--color-surface-alt);border-radius:999px;font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);border:1px solid var(--color-border);line-height:1.4}.badge--dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge--success{background:var(--color-success-soft);color:#166534;border-color:transparent}.badge--warning{background:var(--color-warning-soft);color:#92400e;border-color:transparent}.badge--danger{background:var(--color-danger-soft);color:#991b1b;border-color:transparent}.badge--info{background:var(--color-info-soft);color:#1e40af;border-color:transparent}.badge--accent{background:var(--color-accent-soft);color:var(--color-accent-text);border-color:transparent}.badge-critical{background:var(--color-danger-soft);color:#991b1b}.badge-high{background:var(--color-warning-soft);color:#9a3412}.badge-medium{background:var(--color-warning-soft);color:#92400e}.badge-active{background:var(--color-danger-soft);color:#991b1b}.badge-resolved{background:var(--color-success-soft);color:#166534}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.stat-card__label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:500}.stat-card__value{font-size:var(--text-3xl);font-weight:600;letter-spacing:-.02em;color:var(--color-text);line-height:1.2}.stat-card__delta{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.stat-card__delta--up{color:var(--color-success)}.stat-card__delta--down{color:var(--color-danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:5vh;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.modal__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal__title{font-size:var(--text-lg);font-weight:600}.modal__close{background:transparent;border:none;font-size:var(--text-xl);color:var(--color-text-muted);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);line-height:1}.modal__close:hover{background:var(--color-surface-hover);color:var(--color-text)}.modal__body{padding:var(--space-5);overflow-y:auto;flex:1}.modal__footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-2);background:var(--color-surface-alt)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-md);font-weight:500;box-shadow:0 4px 16px #00000024;pointer-events:all;animation:toast-in .2s ease;max-width:380px;word-break:break-word}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast--success{background:var(--color-success);color:#fff}.toast--danger{background:var(--color-danger);color:#fff}.toast--warning{background:var(--color-warning);color:#fff}.toast--info{background:var(--color-accent);color:#fff}.toast__msg{flex:1}.toast__close{background:#ffffff40;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1;padding:2px 6px;border-radius:var(--radius-sm);flex-shrink:0}.toast__close:hover{background:#fff6}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-md);margin-bottom:var(--space-4);border:1px solid transparent}.alert--info{background:var(--color-info-soft);color:#1e40af;border-color:#2563eb33}.alert--success{background:var(--color-success-soft);color:#166534;border-color:#16a34a33}.alert--warning{background:var(--color-warning-soft);color:#92400e;border-color:#d9770633}.alert--danger{background:var(--color-danger-soft);color:#991b1b;border-color:#dc262633}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5)}.tab{background:transparent;border:none;padding:var(--space-2) var(--space-3);font-size:var(--text-md);color:var(--color-text-muted);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.tab:hover{color:var(--color-text)}.tab.is-active{color:var(--color-text);border-bottom-color:var(--color-accent)}.toolbar{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.toolbar__search{flex:1;min-width:200px;max-width:320px;position:relative}.toolbar__search-input{width:100%;padding:7px var(--space-3) 7px 32px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-md)}.toolbar__search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.toolbar__search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-subtle);pointer-events:none}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted)}.pagination__controls{display:flex;align-items:center;gap:var(--space-2)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-mono{font-family:var(--font-mono);font-size:var(--text-sm)}.divider{height:1px;background:var(--color-border);margin:var(--space-4) 0}.hstack{display:flex;align-items:center;gap:var(--space-2)}.vstack{display:flex;flex-direction:column;gap:var(--space-2)}.flex-1{flex:1}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600;font-size:var(--text-xs);flex-shrink:0}.avatar--sm{width:24px;height:24px;font-size:10px}.avatar--lg{width:48px;height:48px;font-size:var(--text-md)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-muted)}.empty-state__icon{font-size:48px;margin-bottom:var(--space-4);opacity:.3}.empty-state__title{font-size:var(--text-md);font-weight:500;color:var(--color-text);margin-bottom:var(--space-2)}.empty-state__hint{font-size:var(--text-sm);color:var(--color-text-muted)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:var(--color-surface-alt);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.page{padding:var(--space-6) var(--space-8);max-width:1280px;margin:0 auto}.page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);gap:var(--space-4)}.page__title{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;color:var(--color-text)}.page__subtitle{font-size:var(--text-md);color:var(--color-text-muted);margin-top:var(--space-1)}.form-group{display:flex;flex-direction:column;margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-2)}.form-input{width:100%;padding:7px var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-md);line-height:1.4;color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.form-input::placeholder{color:var(--color-text-subtle)}textarea.form-input{resize:vertical;min-height:70px}select.form-input{cursor:pointer}.form-group:last-child{margin-bottom:0}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-md);vertical-align:middle}.data-table th{color:var(--color-text-muted);font-weight:500;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;background:var(--color-surface-alt);border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table tbody tr{border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-surface-alt)}.data-table tbody tr:last-child{border-bottom:none}.data-table tfoot tr{border-top:2px solid var(--color-border-strong);background:var(--color-surface-alt);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:5vh var(--space-4) var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow-y:auto}.modal-overlay .modal{animation:modalEntry .28s cubic-bezier(.34,1.56,.64,1) forwards;margin:auto}@keyframes dashboardFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dashboard-fade{animation:dashboardFade .4s cubic-bezier(.16,1,.3,1) forwards}.premium-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all .25s cubic-bezier(.4,0,.2,1)}.premium-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0000000a,0 4px 8px #5b5bd60f;border-color:#5b5bd633}.notice-card{border-left:1px solid var(--color-border)}.notice-card.urgent-border{border-left:4px solid var(--color-danger)}.notice-card.urgent-border:hover{border-left-color:var(--color-danger);box-shadow:0 12px 24px #dc26260f}@keyframes modalEntry{0%{opacity:0;transform:scale(.96) translateY(-12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-backdrop .modal{animation:modalEntry .3s cubic-bezier(.34,1.56,.64,1) forwards}.btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:active{transform:scale(.97)}.input,.select,.textarea{transition:all .2s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px #5b5bd626}.sidebar__link{transition:all .2s ease}.sidebar__link:hover{transform:translate(2px)}