@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{color-scheme:dark;--bg-primary: #262626;--bg-secondary: #1f1f1f;--bg-tertiary: #333333;--border-color: #404040;--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-muted: #737373;--accent-primary: #3b82f6;--accent-hover: #2563eb;--status-success: #22c55e;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: #3b82f6;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--sidebar-width: 240px;--header-height: 64px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);outline:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,color .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary)}input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week]{color-scheme:dark;background:#2f2f2f;border-color:#4a4a4a;color:#f3f4f6}input[type=date]:hover,input[type=datetime-local]:hover,input[type=time]:hover,input[type=month]:hover,input[type=week]:hover{border-color:#5b5b5b}input[type=date]:focus,input[type=datetime-local]:focus,input[type=time]:focus,input[type=month]:focus,input[type=week]:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f640}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=week]::-webkit-calendar-picker-indicator{opacity:.86;cursor:pointer;filter:invert(87%) sepia(4%) saturate(334%) hue-rotate(185deg) brightness(96%) contrast(88%)}input[type=date]::-webkit-datetime-edit,input[type=datetime-local]::-webkit-datetime-edit,input[type=time]::-webkit-datetime-edit,input[type=month]::-webkit-datetime-edit,input[type=week]::-webkit-datetime-edit{color:#f3f4f6}table{width:100%;border-collapse:collapse}th{text-align:left;padding:var(--space-md);color:var(--text-secondary);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}td{padding:var(--space-md);border-bottom:1px solid var(--border-color);font-size:14px}tbody tr:hover{background:#ffffff05}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-success{background:#22c55e1a;color:var(--status-success);border:1px solid rgba(34,197,94,.2)}.badge-warning{background:#f59e0b1a;color:var(--status-warning);border:1px solid rgba(245,158,11,.2)}.badge-error{background:#ef44441a;color:var(--status-error);border:1px solid rgba(239,68,68,.2)}.badge-info{background:#3b82f61a;color:var(--status-info);border:1px solid rgba(59,130,246,.2)}.btn,.btn-primary,.btn-outline,.btn-ghost{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-weight:500;line-height:1;transition:border-color .2s ease,background-color .2s ease,color .2s ease,opacity .2s ease}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-outline{border:1px solid var(--border-color);background:#ffffff05;color:var(--text-primary)}.btn-outline:hover{background:#ffffff12;border-color:#94a3b866}.btn-ghost{border:none;background:#ffffff05;color:var(--text-secondary)}.btn-ghost:hover{background:#ffffff14;color:var(--text-primary)}.btn-primary:disabled,.btn-outline:disabled,.btn-ghost:disabled{opacity:.55;cursor:not-allowed}.btn-primary:focus-visible,.btn-outline:focus-visible,.btn-ghost:focus-visible{outline:2px solid rgba(147,197,253,.9);outline-offset:1px}.btn-sm{min-height:32px;padding:6px 12px;font-size:12px}.btn-icon{min-width:32px;padding-inline:10px}.btn-icon-only{min-width:32px;padding-inline:8px}.btn-danger-outline{border-color:#ef444473;color:#fca5a5}.btn-danger-outline:hover{background:#ef44441f;border-color:#f8717199;color:#fecaca}.control{min-height:36px;width:100%}select.control{padding-right:36px}textarea.control{min-height:120px;resize:vertical;line-height:1.45}.control-sm{min-height:32px;font-size:13px;padding:6px 12px}.control-with-icon{position:relative}.control-with-icon .control{padding-left:34px}.control-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.section-heading{display:grid;gap:4px}.section-heading h2{font-size:20px;font-weight:600}.section-heading p{color:var(--text-muted);font-size:14px}.toolbar-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap}.table-action-row{display:flex;flex-wrap:wrap;gap:6px}.form-field{display:grid;gap:6px;font-size:13px;color:var(--text-secondary)}.time-range-switch{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:999px;border:1px solid var(--border-color);background:#ffffff08}.time-range-btn{min-width:44px;height:30px;padding:0 12px;border-radius:999px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.01em;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.time-range-btn:hover{background:#ffffff14;color:var(--text-primary)}.time-range-btn.active{background:linear-gradient(180deg,#4a8ff8 0%,var(--accent-primary) 100%);color:#fff;box-shadow:0 6px 14px #3b82f659}.time-range-btn:focus-visible{outline:2px solid rgba(147,197,253,.9);outline-offset:1px}.trend-legend-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-color);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--text-secondary);background:transparent;transition:border-color .2s ease,background .2s ease,color .2s ease}.trend-legend-btn:hover{color:var(--text-primary);border-color:#94a3b873}.trend-total-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(148,163,184,.35);padding:4px 10px;font-size:12px;color:var(--text-secondary);background:#ffffff05}.trend-chart-frame{height:240px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:linear-gradient(180deg,#ffffff05,#ffffff03);padding:10px 10px 6px;position:relative}.trend-tooltip{position:absolute;min-width:190px;max-width:260px;pointer-events:none;border-radius:10px;border:1px solid rgba(148,163,184,.35);background:#16181ef5;box-shadow:0 12px 28px #00000061;padding:10px 12px;z-index:3}.trend-tooltip-time{font-size:13px;color:#cbd5e1;margin-bottom:8px;font-weight:600}.trend-tooltip-row{font-size:13px;font-weight:600;line-height:1.45}.text-mono{font-family:var(--font-mono)}.muted{color:var(--text-muted)}.panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg)}.topbar-actions{display:flex;align-items:center;gap:var(--space-sm)}.dashboard-overview{display:flex;flex-direction:column;gap:var(--space-xl)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-lg)}.metric-card{display:flex;flex-direction:column;gap:var(--space-sm)}.metric-label{color:var(--text-secondary);font-size:13px;font-weight:500}.metric-value{font-size:42px;font-weight:700;line-height:1.1}.metric-note{font-size:12px;color:var(--text-muted)}.tone-good{color:var(--status-success)}.tone-warn{color:var(--status-warning)}.tone-bad{color:var(--status-error)}.tone-neutral,.tone-muted{color:var(--text-muted)}.overview-lower{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-lg)}.status-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.status-card{padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.status-badge{display:inline-flex;align-items:center;border-radius:12px;font-size:11px;font-weight:700;padding:2px 8px;border:1px solid transparent;text-transform:uppercase}.status-badge.tone-good{color:var(--status-success);background:#22c55e1a;border-color:#22c55e40}.status-badge.tone-warn{color:var(--status-warning);background:#f59e0b1a;border-color:#f59e0b33}.status-badge.tone-bad{color:var(--status-error);background:#ef44441a;border-color:#ef444433}.status-badge.tone-muted,.status-badge.tone-neutral{color:var(--text-secondary);background:#ffffff0f;border-color:#ffffff1f}.stack-list{display:flex;flex-direction:column;gap:var(--space-sm)}.stack-item{border-bottom:1px solid var(--border-color);padding-bottom:var(--space-md);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.data-table-wrap{overflow-x:auto}.data-table td,.data-table th{padding:var(--space-md)}.policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.policy-card{display:flex;flex-direction:column;gap:var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md)}.policy-value{color:var(--text-primary);font-size:13px;word-break:break-word}.empty-hint{color:var(--text-muted);font-size:13px}.operations{display:flex;flex-direction:column;gap:var(--space-lg)}.row{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.incidents-wrap{display:flex;flex-direction:column;gap:var(--space-lg)}.incident-create-grid,.incident-filter-grid,.incident-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm);margin-bottom:var(--space-sm)}.incident-kpi-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);padding:var(--space-md);display:grid;gap:4px}.incidents-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.incident-row{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);background:var(--bg-tertiary)}.incident-main{cursor:pointer;display:grid;gap:4px}.incident-detail{margin-top:var(--space-md);border-top:1px solid var(--border-color);padding-top:var(--space-md)}.timeline{max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:var(--space-sm)}.timeline-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-sm);background:#1a1a1a}.channel-tags{align-items:center;gap:var(--space-sm)}.channel-pill{display:inline-flex;align-items:center;gap:var(--space-sm);border:1px solid rgba(59,130,246,.3);border-radius:999px;background:#3b82f61a;color:#dbeafe;font-size:12px;padding:4px 10px}.channel-pill.disabled{border-color:#ef44444d;background:#ef44441f;color:#fecaca}.link-button{border:none;background:transparent;color:#93c5fd;padding:0;font-size:12px;text-decoration:underline}.link-button:disabled{color:var(--text-muted)}.checkbox-inline{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:13px}.checkbox-inline input[type=checkbox]{width:auto;padding:0}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 680px at 50% -120px,rgba(59,130,246,.14),transparent 56%),linear-gradient(180deg,#111216,#0f1115)}.login-card{width:440px;max-width:92vw;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,#181b22f2,#0f1116f2);box-shadow:0 24px 56px #00000073}.login-auth-card{display:grid;gap:14px;padding:28px}.login-header h1{font-size:28px;line-height:1.2;letter-spacing:-.02em;margin:0;font-weight:700}.login-header p{margin-top:14px;color:var(--text-secondary);font-size:16px;line-height:1.55}.login-divider{display:flex;align-items:center;gap:12px;color:#7d8796;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.login-divider>span{white-space:nowrap}.oauth-google-btn{width:100%;height:46px;border-radius:10px;background:#fff;color:#101421;border:1px solid #d7dde8;font-weight:600;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .14s ease,box-shadow .2s ease,background .2s ease}.oauth-google-btn:hover{background:#f8fbff;box-shadow:0 8px 20px #305fb733;transform:translateY(-1px)}.oauth-google-btn:disabled{background:#e8eaed;color:#4f5a6d;border-color:#dadce0;box-shadow:none;transform:none}.oauth-google-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.oauth-google-icon>svg{width:20px;height:20px}.login-field{display:grid;gap:8px}.login-field-label{color:#dce4f3;font-size:14px;font-weight:600}.login-field-head{display:flex;align-items:center;justify-content:space-between}.forgot-password-link{border:none;background:transparent;color:#9cb0d6;font-size:12px;font-weight:500;padding:0}.forgot-password-link:hover{color:#c1d3f8}.login-auth-card input{height:46px;padding:0 14px;border-radius:10px;border-color:#ffffff1f;background:#0d1118;color:#eef4ff;font-size:14px}.login-auth-card input::placeholder{color:#687286}.login-auth-card input:focus{border-color:#82a7ffd9;box-shadow:0 0 0 2px #487aff38}.password-input-wrap{position:relative}.password-input-wrap input{width:100%;padding-right:46px}.password-visibility-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:#8e9ab3;border-radius:999px}.password-visibility-btn:hover{background:#ffffff14;color:#c9d7f1}.login-submit-btn{margin-top:8px;width:100%;height:48px;border-radius:10px;background:#f4f7ff;border:1px solid #dbe5f8;color:#0f172a;font-size:16px;font-weight:600;transition:transform .14s ease,box-shadow .2s ease,background .2s ease}.login-submit-btn:hover{background:#fff;box-shadow:0 9px 24px #638cdc40;transform:translateY(-1px)}.login-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.user-menu{position:relative}.user-menu-trigger{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-tertiary);color:var(--text-secondary);padding:2px 8px 2px 2px;transition:border-color .2s ease,background .2s ease}.user-menu-trigger:hover{border-color:#3b82f699}.user-menu-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#303030;border:1px solid var(--border-color);font-size:12px;font-weight:700;color:var(--text-primary)}.user-menu-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:260px;z-index:120;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#1b1b1b;box-shadow:0 12px 32px #00000073;padding:var(--space-md)}.user-menu-email{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.user-menu-actions{display:grid;gap:8px;margin-top:var(--space-sm)}.user-menu-action{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-weight:500;padding:8px 10px}.user-menu-action:hover{background:var(--bg-tertiary)}.user-menu-action:disabled{opacity:.65;cursor:not-allowed}.user-menu-action.danger{color:#fecaca;border-color:#ef444459;background:#ef44441f}.user-menu-action.danger:hover{background:#ef44442e}.error{border:1px solid rgba(239,68,68,.4);background:#ef444426;color:#fecaca;border-radius:var(--radius-sm);padding:var(--space-sm)}.toast{position:fixed;right:24px;bottom:24px;z-index:250;min-width:280px;max-width:min(520px,calc(100vw - 48px));padding:11px 14px;border-radius:10px;border:1px solid transparent;font-size:13px;font-weight:600;line-height:1.35;box-shadow:0 12px 30px #00000059;animation:toast-slide-in .22s ease-out}.toast-success{background:#22c55e29;border-color:#22c55e73;color:#bbf7d0}.toast-error{background:#ef444429;border-color:#ef444473;color:#fecaca}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.overview-lower{grid-template-columns:1fr}.incident-kpi-grid,.incident-create-grid,.incident-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){body{overflow:auto}.incident-kpi-grid,.incident-create-grid,.incident-filter-grid{grid-template-columns:1fr}}