@font-face{font-family:Amazon Ember;src:url(/fonts/AmazonEmberDisplay_Lt.ttf);font-weight:300}@font-face{font-family:Amazon Ember;src:url(/fonts/AmazonEmberDisplay_Rg.ttf);font-weight:400}@font-face{font-family:Amazon Ember;src:url(/fonts/AmazonEmberDisplay_Md.ttf);font-weight:500}@font-face{font-family:Amazon Ember;src:url(/fonts/AmazonEmberDisplay_Bd.ttf);font-weight:700}@font-face{font-family:Amazon Ember Mono;src:url(/fonts/AmazonEmberMono_Rg.ttf);font-weight:400}@font-face{font-family:Amazon Ember Mono;src:url(/fonts/AmazonEmberMono_Bd.ttf);font-weight:700}:root{--brand-primary:#f90;--brand-secondary:#232b37;--brand-accent:#fa6f00;--brand-hover:#d14600;--bg-app:#f6f6f9;--bg-card:#fcfcfd;--bg-sidebar:#232b37;--bg-topnav:#232b37;--bg-input:#f3f3f7;--bg-hover:#f9f9fb;--bg-selected:#ffe8bd;--text-primary:#0f141a;--text-secondary:#424650;--text-muted:#8c8c94;--text-inverse:#fcfcfd;--text-link:#006ce0;--text-link-hover:#004a9e;--risk-critical:#db0000;--risk-high:#db3300;--risk-medium:#f2b100;--risk-low:#008a00;--risk-info:#006ce0;--border-default:#dedee3;--border-focus:#006ce0;--border-radius-sm:2px;--border-radius-md:4px;--border-radius-lg:8px;--font-family:"Amazon Ember", "Inter", -apple-system, sans-serif;--font-mono:"Amazon Ember Mono", "SF Mono", "Consolas", monospace;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:28px;--btn-primary-bg:#f90;--btn-primary-text:#0f141a;--btn-primary-hover:#fa6f00;--btn-danger-bg:#db0000;--btn-danger-text:#fcfcfd;--btn-success-bg:#008a00;--btn-success-text:#fcfcfd;--shadow-sm:0 1px 1px 0 #0f141a0f;--shadow-md:0 1px 4px 0 #0f141a1a;--shadow-lg:0 4px 16px 0 #0f141a24}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased}.app-layout{flex-direction:column;height:100vh;display:flex}.topnav{background:var(--bg-topnav);height:48px;color:var(--text-inverse);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.topnav-brand{font-weight:600;font-size:var(--font-size-lg);align-items:center;gap:10px;display:flex}.topnav-brand img{height:24px}.topnav-nav{gap:4px;display:flex}.topnav-link{color:#ffffffb3;font-size:var(--font-size-sm);border-bottom:2px solid #0000;padding:12px;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.topnav-link:hover,.topnav-link.active{color:#fff;border-bottom-color:var(--brand-primary)}.main-content{flex:1;padding:20px;overflow:auto}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:16px}.card:hover{box-shadow:var(--shadow-md)}.card-header{font-size:var(--font-size-lg);align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}th{background:var(--bg-input);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--border-default);padding:8px 12px}td{border-bottom:1px solid var(--border-default);padding:8px 12px}tr:hover td{background:var(--bg-hover)}.btn{border-radius:var(--border-radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;border:2px solid #0000;align-items:center;gap:6px;padding:6px 14px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--bg-hover)}.btn-sm{font-size:var(--font-size-xs);padding:4px 10px}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px}.btn-icon:hover{color:var(--text-primary)}.badge{font-size:var(--font-size-xs);border-radius:var(--border-radius-sm);background:var(--bg-input);color:var(--text-secondary);align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.badge-success{color:var(--risk-low);background:#e6f4e6}.badge-warning{color:var(--risk-medium);background:#fff4d6}.badge-danger{color:var(--risk-critical);background:#ffe6e6}.badge-info{color:var(--risk-info);background:#e6f0ff}select,input[type=text],textarea{font-family:var(--font-family);font-size:var(--font-size-sm);border:1px solid var(--border-default);border-radius:var(--border-radius-md);background:var(--bg-card);color:var(--text-primary);outline:none;padding:6px 10px;transition:border-color .15s}select:focus,input[type=text]:focus,textarea:focus{border-color:var(--border-focus)}.status-bar{background:var(--brand-secondary);color:#fff9;height:28px;font-size:var(--font-size-xs);flex-shrink:0;align-items:center;gap:16px;padding:0 16px;display:flex}.status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.status-dot.online{background:var(--risk-low)}.status-dot.offline{background:var(--risk-critical)}.page-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-title{font-size:var(--font-size-xl);font-weight:600}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.overlay{z-index:100;background:#0f141a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:90vw;max-width:800px;max-height:85vh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.modal-body{flex:1;padding:16px;overflow:auto}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}
