@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--brand-cyan: #11C3DB;--brand-cyan-dark: #0B6E7F;--bg-body: #0D0D0D;--bg-sidebar: #0D0D0D;--bg-content: #141418;--bg-card: #1F252A;--bg-card-alt: #242A30;--bg-input: #1F252A;--bg-tertiary: #3A4044;--border: #535B61;--border-subtle: #3A4044;--text-primary: #FFFFFF;--text-secondary: #A0A4A8;--text-muted: #A0A4A8;--color-critical: #E63948;--color-high: #F0642B;--color-medium: #D4AF37;--color-low: #9CA3AD;--color-info: #28A36A;--fill-critical: #9E1F2D;--fill-high: #8F3A14;--fill-medium: #6F5C19;--fill-low: #3F4658;--fill-info: #145C45;--brand-red: #E63948;--brand-red-dark: #9E1F2D;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--text-secondary);background-color:var(--bg-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body,#root{min-height:100vh}h1,h2,h3{color:var(--text-primary);font-weight:700}table{width:100%;border-collapse:collapse}th{text-align:left;padding:.75rem 1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-card)}td{padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);font-size:.875rem}tr:hover{background:var(--bg-card-alt)}button{border-radius:6px;border:1px solid var(--brand-cyan-dark);padding:.5em 1.2em;font-size:.875rem;font-weight:500;font-family:inherit;background:var(--brand-cyan-dark);color:#fff;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:var(--brand-cyan);border-color:var(--brand-cyan)}.app{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--bg-sidebar);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.2rem;flex-shrink:0;border-right:1px solid var(--border-subtle);transition:width .2s ease;overflow:hidden}.sidebar-collapsed{width:56px;padding:1.5rem .5rem;align-items:center}.sidebar .logo-container{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:2rem;padding:.5rem}.sidebar .logo-container img{height:36px;width:auto;max-width:100%;object-fit:contain}.sidebar .logo-container .app-name{font-size:1.1rem;font-weight:300;color:var(--brand-cyan);letter-spacing:.25em;text-transform:uppercase}.sidebar-collapsed .logo-container .app-name{font-size:1.2rem;font-weight:600;letter-spacing:0}.sidebar a{color:var(--text-muted);text-decoration:none;padding:.6rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;white-space:nowrap;overflow:hidden}.sidebar-collapsed a{padding:.6rem;text-align:center;font-size:1.1rem}.sidebar a:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar a.active{background:#11c3db1a;color:var(--brand-cyan);font-weight:600;border-left:3px solid var(--brand-cyan)}.sidebar-collapsed a.active{border-left:none;border-bottom:2px solid var(--brand-cyan)}.sidebar .nav-icon{font-size:1.1rem}.nav-group{display:flex;flex-direction:column}.nav-group-header{display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;color:var(--text-muted);padding:.6rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;font-family:inherit}.nav-group-header:hover{background:var(--bg-card);color:var(--text-primary)}.nav-group-active{color:var(--brand-cyan)}.nav-group-caret{font-size:.45rem;opacity:.6}.nav-group-children{display:flex;flex-direction:column}.nav-group-children a{padding-left:1.25rem!important;font-size:.825rem!important}.sidebar-toggle{margin-top:.5rem;background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);padding:.4rem;border-radius:4px;cursor:pointer;font-size:.7rem;transition:color .15s,background .15s}.sidebar-toggle:hover{background:var(--bg-card);color:var(--text-primary)}.content{flex:1;padding:2rem;background:var(--bg-content);overflow-y:auto}.sidebar-user{padding:.5rem .75rem;border-top:1px solid var(--border-subtle);margin-top:.5rem}.sidebar-user-email{font-size:.7rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.35rem}.sidebar-signout{background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);padding:.3rem .5rem;font-size:.7rem;border-radius:4px;cursor:pointer;width:100%;transition:color .15s,background .15s;font-family:inherit}.sidebar-signout:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar-signout-icon{background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);padding:.3rem;font-size:.8rem;border-radius:4px;cursor:pointer;transition:color .15s,background .15s;margin-bottom:.25rem}.sidebar-signout-icon:hover{background:var(--bg-card);color:var(--text-primary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-content)}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2.5rem;width:380px;max-width:90vw;text-align:center}.login-logo{height:48px;width:auto;max-width:280px;object-fit:contain;margin-bottom:1rem;display:block;margin-left:auto;margin-right:auto}.login-title{font-size:1.5rem;font-weight:300;color:var(--brand-cyan);letter-spacing:.25em;text-transform:uppercase;margin:0 0 .25rem}.login-subtitle{font-size:.85rem;color:var(--text-muted);margin:0 0 2rem}.login-button{width:100%;padding:.7rem 1rem;background:var(--brand-cyan-dark);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s;font-family:inherit}.login-button:hover{opacity:.9}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#e63948;font-size:.8rem;margin-top:1rem}.login-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--brand-cyan);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}
