:root{--color-bg: #f4f6f8;--color-surface: #ffffff;--color-surface-soft: #f8fafb;--color-border: rgba(100, 116, 130, .18);--color-border-strong: rgba(80, 96, 110, .26);--color-text: #152030;--color-text-muted: #5e7080;--color-accent: #a85e28;--color-accent-strong: #844919;--color-accent-soft: rgba(168, 94, 40, .1);--color-success: #2a6e3f;--color-success-soft: rgba(42, 110, 63, .1);--color-warning: #7d4e1a;--color-warning-soft: rgba(125, 78, 26, .12);--color-danger: #842828;--color-danger-soft: rgba(132, 40, 40, .12);--color-info: #1a4f82;--color-info-soft: rgba(26, 79, 130, .1);--color-neutral-soft: rgba(90, 100, 115, .1);--color-sidebar: #1b2530;--color-sidebar-item-active-bg: rgba(168, 94, 40, .14);--color-sidebar-item-active-border: rgba(168, 94, 40, .36);--color-sidebar-text: rgba(230, 238, 246, .88);--color-sidebar-text-muted: rgba(200, 214, 226, .54);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-panel: 0 1px 3px rgba(21, 32, 43, .06), 0 4px 12px rgba(21, 32, 43, .04);--shadow-card: 0 1px 2px rgba(21, 32, 43, .05);--font-sans: "Inter", "IBM Plex Sans", "Segoe UI", sans-serif;--font-size-xs: .72rem;--font-size-sm: .85rem;--font-size-base: .925rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.35rem;--sidebar-width: 240px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg)}button,input{font:inherit}button{border:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);padding:var(--space-6)}.login-card{width:100%;max-width:380px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-panel)}.login-card__brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.login-card__logo{width:40px;height:40px;object-fit:contain;border-radius:var(--radius-sm);background:var(--color-surface);padding:var(--space-1)}.login-card__env{font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.login-card__title{margin:0 0 var(--space-6);font-size:var(--font-size-xl);font-weight:600;letter-spacing:-.02em}.login-card__note{margin:var(--space-4) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.panel{border-radius:var(--radius-lg);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.panel--soft{background:var(--color-surface-soft)}.panel--accent{background:var(--color-accent-soft)}.panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.panel__header h2,.panel__header h3{margin:var(--space-1) 0 0;letter-spacing:-.04em}.panel__lede,.muted,.activity__detail,.summary-line span,.detail-metric span,.form-error,.stat-card__detail{color:var(--color-text-muted)}.form-error{font-size:var(--font-size-base);color:var(--color-danger)}.form-success{color:var(--color-success);font-size:var(--font-size-base)}.login-form{display:grid;gap:var(--space-3);margin-top:var(--space-6)}.login-form label{display:grid;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text)}.login-form input{width:100%;border-radius:var(--radius-md);padding:var(--space-3) var(--space-3);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color .14s ease,box-shadow .14s ease}.login-form input:focus{border-color:#a85e287a;box-shadow:0 0 0 4px var(--color-accent-soft)}.primary-button,.secondary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease,border-color .15s ease}.primary-button{color:#fff;background:var(--color-accent)}.primary-button:hover{background:var(--color-accent-strong)}.secondary-button{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong)}.secondary-button:hover{background:var(--color-surface-soft)}.ghost-button{background:#ffffff0f;color:#ffffffdb;border:1px solid rgba(255,255,255,.14)}.ghost-button:hover{background:#ffffff1a}.primary-button--wide{width:100%}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.5;cursor:default;pointer-events:none}.shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.shell__sidebar{position:sticky;top:0;height:100vh;padding:var(--space-6) var(--space-4);background:var(--color-sidebar);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(255,255,255,.06)}.shell__body{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.shell__content{flex:1;padding:var(--space-6);background:var(--color-bg)}.shell__main{padding:var(--space-4)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.topbar__env{font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.topbar__actions,.brand{display:flex;align-items:center;gap:var(--space-3)}.brand__logo{width:48px;height:48px;object-fit:contain;border-radius:var(--radius-md);background:#fffffff0;padding:var(--space-1)}.brand__title{font-weight:700;letter-spacing:-.03em;color:var(--color-sidebar-text)}.brand__subtitle{font-size:var(--font-size-sm);color:var(--color-sidebar-text-muted)}.nav{display:grid;gap:var(--space-2);margin:var(--space-8) 0}.nav-item{display:flex;align-items:center;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-sidebar-text);background:transparent;border:1px solid transparent;transition:background .12s ease,border-color .12s ease;text-align:left;cursor:pointer}.nav-item:hover{background:#ffffff0f}.nav-item.active,.nav-item--active{background:var(--color-sidebar-item-active-bg);border-color:var(--color-sidebar-item-active-border);color:#fff8f2}.nav-item--disabled{opacity:.4;cursor:default;pointer-events:none}.shell__sidebar-footer{display:grid;gap:var(--space-3)}.shell__sidebar-footer .tiny-label{color:var(--color-sidebar-text-muted)}.async-state{display:grid;gap:var(--space-2);padding:var(--space-4) 0}.async-state--error{color:var(--color-danger)}.filter-field{display:grid;gap:var(--space-1);font-size:var(--font-size-sm)}.filter-field input,.filter-field select{min-height:42px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:0 var(--space-3);background:var(--color-surface)}.filter-field--small{max-width:160px}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3) 0}.filter-bar__search{min-height:42px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);min-width:200px}.filter-bar__search::placeholder{color:var(--color-text-muted)}.filter-bar select,.filter-bar input[type=text]{min-height:42px;padding:0 var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.filter-bar__reset{margin-left:auto}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.detail-grid__item{display:grid;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-border)}.detail-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.table-link{padding:0;background:transparent;color:var(--color-accent-strong);text-align:left;font-weight:700;cursor:pointer}.table-link:hover{text-decoration:underline}.table-wrap{overflow:auto;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface)}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th,.data-table td{padding:var(--space-3) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{position:sticky;top:0;background:var(--color-surface-soft);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em}.data-table tr:hover td{background:var(--color-accent-soft)}.data-table__row--clickable{cursor:pointer}.data-table__row--clickable:hover{background:var(--color-surface-hover)}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 var(--space-2);border-radius:999px;font-size:var(--font-size-xs);font-weight:600;border:1px solid transparent}.pill--soft{background:var(--color-surface-soft);border-color:var(--color-border);color:var(--color-text-muted)}.pill--status{background:var(--color-success-soft);color:var(--color-success)}.pill--positive{color:var(--color-success);background:var(--color-success-soft)}.pill--warning{color:var(--color-warning);background:var(--color-warning-soft)}.pill--critical{color:var(--color-danger);background:var(--color-danger-soft)}.pill--neutral{color:var(--color-text-muted);background:var(--color-neutral-soft)}.pill--info{color:var(--color-info);background:var(--color-info-soft)}.detail-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}.detail-metric{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.detail-metric span{display:block;font-size:var(--font-size-sm)}.detail-metric strong{display:block;margin-top:var(--space-2)}.tabs{display:flex;gap:var(--space-2);flex-wrap:wrap}.tab{min-height:38px;padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-soft);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;transition:background .12s ease,border-color .12s ease}.tab:hover{background:var(--color-surface)}.tab.active{background:var(--color-accent-soft);border-color:#a85e2847}.detail-content{margin-top:var(--space-4)}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.summary-card{border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-soft);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.summary-line{display:grid;gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.summary-line:last-child{border-bottom:0}.panel__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-4)}.tiny-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.muted{font-size:var(--font-size-sm)}.content-frame,.stack{display:grid;gap:var(--space-4)}.stat-card{border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.stat-card__value{margin-top:var(--space-2);font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.05em}.activity-list{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.activity{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-border)}.activity__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.activity__title{margin-top:var(--space-2);font-weight:700}.activity__when{font-size:var(--font-size-sm);color:var(--color-text-muted)}.shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}.shortcut-card{text-align:left;padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-soft);border-left:4px solid var(--color-accent);border-top:1px solid var(--color-border);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .12s ease}.shortcut-card:hover{background:var(--color-surface)}.shortcut-card__label{display:block;font-weight:700}.shortcut-card__text{display:block;margin-top:var(--space-1);color:var(--color-text-muted);line-height:1.45}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.stat-card--positive{border-left:3px solid var(--color-success)}.stat-card--warning{border-left:3px solid var(--color-warning)}.stat-card--critical{border-left:3px solid var(--color-danger)}.stat-card--info{border-left:3px solid var(--color-info)}.stat-card--critical .stat-card__value{color:var(--color-danger)}.stat-card--warning .stat-card__value{color:var(--color-warning)}.stat-card__skeleton{display:inline-block;width:2.5em;height:1em;background:var(--color-surface-soft);border-radius:var(--radius-sm)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.page-header__title{margin:0;font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.02em}.page-header__desc{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.page-header__actions{display:flex;align-items:center;gap:var(--space-2)}.alerts-panel{display:grid;gap:var(--space-2)}.alerts-panel__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-border);cursor:pointer;text-align:left;transition:background .12s ease}.alerts-panel__item:hover{background:var(--color-surface)}.alerts-panel__item--critical{border-left:3px solid var(--color-danger)}.alerts-panel__item--warning{border-left:3px solid var(--color-warning)}.alerts-panel__message{font-size:var(--font-size-sm);color:var(--color-text)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#15202b52;z-index:100}.drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:92vw;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:-4px 0 24px #15202b1a;z-index:101;display:flex;flex-direction:column;overflow:hidden;transform:translate(100%);transition:transform .2s ease}.drawer--open{transform:translate(0)}.drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border)}.drawer__body{flex:1;overflow-y:auto;padding:var(--space-4);display:grid;gap:var(--space-4)}.drawer__close{background:transparent;color:var(--color-text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);border:1px solid transparent}.drawer__close:hover{background:var(--color-surface-soft);border-color:var(--color-border)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#15202b66;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.modal{width:100%;max-width:480px;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);padding:var(--space-6);display:grid;gap:var(--space-4)}.modal--danger{border-color:var(--color-danger)}.modal__title{margin:0;font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.03em}.modal__impact{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-warning-soft);border:1px solid rgba(125,78,26,.18);font-size:var(--font-size-sm)}.modal--danger .modal__impact{background:var(--color-danger-soft);border-color:#8428282e}.modal__actions{display:flex;gap:var(--space-2);justify-content:flex-end}.danger-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 var(--space-4);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease;color:#fff;background:var(--color-danger);border:0}.danger-button:hover{background:#6b1e1e}.danger-button:disabled{opacity:.55;cursor:default}.audit-table{width:100%;border-collapse:collapse;min-width:720px}.audit-table th,.audit-table td{padding:var(--space-3) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.audit-table th{position:sticky;top:0;background:var(--color-surface-soft);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em}.audit-table tr:hover td{background:var(--color-accent-soft)}.audit-row--expanded td{background:var(--color-bg);padding:var(--space-4)}.audit-row--expanded:hover td{background:var(--color-bg)}.audit-detail{padding:var(--space-4);display:grid;gap:var(--space-3)}.audit-detail__section{display:grid;gap:var(--space-1)}.audit-detail dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2);margin:0}.audit-detail dt{font-weight:600;color:var(--color-text-muted)}.audit-detail dd{margin:0}.copy-btn{padding:0 var(--space-2);font-size:var(--font-size-xs);min-height:28px;margin-left:var(--space-2)}.toast-stack{position:fixed;top:var(--space-4);right:var(--space-4);z-index:300;display:flex;flex-direction:column;gap:var(--space-2);max-width:400px}.toast{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);box-shadow:var(--shadow-panel);font-size:var(--font-size-sm)}.toast--success{border-left:3px solid var(--color-positive)}.toast--warning{border-left:3px solid var(--color-warning)}.toast--error{border-left:3px solid var(--color-critical)}.toast--info{border-left:3px solid var(--color-accent)}.toast__close{background:none;border:none;cursor:pointer;padding:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-lg);line-height:1}.alert-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--font-size-sm)}.alert-banner--warning{background:var(--color-warning-bg, rgba(245, 158, 11, .1));border:1px solid var(--color-warning)}.alert-banner--error{background:var(--color-critical-bg, rgba(239, 68, 68, .1));border:1px solid var(--color-critical)}.alert-banner--info{background:var(--color-info-bg, rgba(59, 130, 246, .1));border:1px solid var(--color-accent)}@media (max-width: 1180px){.command-grid,.shell{grid-template-columns:1fr}.shell__sidebar{position:static;height:auto;gap:var(--space-4)}}@media (max-width: 820px){.shell__main,.panel{padding:var(--space-4)}.kpi-row,.shortcut-grid,.summary-grid,.detail-metrics{grid-template-columns:1fr}.panel__header,.panel__footer{flex-direction:column;align-items:flex-start}.data-table{min-width:560px}}