:root{--bg-primary:#07090e;--bg-secondary:#0d1117;--bg-tertiary:#161b22;--bg-elevated:#21262d;--bg-hover:#1f2937;--accent-green:#39ff14;--accent-green-dim:#0f6;--accent-green-bg:#39ff1426;--accent-green-border:#39ff144d;--accent-amber:#ffb000;--accent-amber-dim:#cca01a;--accent-amber-bg:#ffb00026;--accent-red:#f33;--accent-red-dim:#c11;--accent-red-bg:#ff333326;--accent-blue:#00e5ff;--accent-blue-dim:#00b0ff;--accent-blue-bg:#00e5ff26;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#565d64;--text-accent:#39ff14;--status-new:var(--accent-blue);--status-active:var(--accent-green);--status-warning:var(--accent-amber);--status-danger:var(--accent-red);--status-muted:var(--text-secondary);--border-color:#30363d;--border-active:var(--accent-green);--font-sans:"Inter", -apple-system, system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--sidebar-width:240px;--header-height:56px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:.12s ease;--transition-normal:.2s ease;--glow-green:0 0 10px #39ff1466;--glow-amber:0 0 10px #ffb00066;--glow-red:0 0 10px #f336}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-primary);color:var(--text-primary);font-size:16px;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}body{min-height:100vh}code,pre,kbd,samp,.font-mono{font-family:var(--font-mono);font-size:.9em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:2px solid var(--bg-primary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.glow-scrollbar::-webkit-scrollbar-thumb{background:var(--accent-green-border);border:1px solid var(--bg-primary)}.glow-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--accent-green);box-shadow:var(--glow-green)}a{color:var(--accent-green);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--text-primary);text-shadow:var(--glow-green)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.25}input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],select,textarea{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;padding:10px 14px;font-size:14px}.input-mono{font-family:var(--font-mono);letter-spacing:.05em}input:focus,select:focus,textarea:focus{border-color:var(--accent-green);box-shadow:var(--glow-green);background-color:var(--bg-tertiary)}input:disabled,select:disabled,textarea:disabled{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-muted);cursor:not-allowed}label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.form-group{margin-bottom:20px}.form-row{gap:16px;margin-bottom:16px;display:flex}.form-row>*{flex:1}@media (width<=768px){.form-row{flex-direction:column;gap:16px}}.table-container{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-secondary);width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th{background-color:var(--bg-tertiary);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:14px 16px}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--bg-tertiary)}.table-row-clickable{cursor:pointer}.table-row-clickable:hover td{color:var(--accent-green)}.container{width:100%;max-width:1280px;margin:0 auto;padding:24px}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:24px;padding:20px;position:relative;overflow:hidden}.card-terminal{border-color:var(--accent-green-border);box-shadow:0 4px 20px #00000080}.card-terminal:before{content:"";background-color:var(--accent-green);height:2px;box-shadow:var(--glow-green);position:absolute;top:0;left:0;right:0}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.section-title-accent{color:var(--accent-green);text-shadow:var(--glow-green)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-fade-in{animation:.25s ease-out forwards fadeIn}.cursor-blink{animation:1s step-end infinite blink}.terminal-screen{position:relative;overflow:hidden}.terminal-screen:after{content:" ";z-index:2;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;display:block;position:absolute;inset:0}.scanline:before{content:"";z-index:10;pointer-events:none;background:#39ff140f;width:100%;height:4px;animation:6s linear infinite scanline;position:absolute}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-align-center{align-items:center;gap:8px;display:flex}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mr-2{margin-right:8px}.w-full{width:100%}.text-danger{color:var(--accent-red)}.text-success{color:var(--accent-green)}.text-warning{color:var(--accent-amber)}.text-secondary-color{color:var(--text-secondary)}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;display:inline-flex}.btn-mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.btn-primary{background-color:var(--accent-green-bg);border-color:var(--accent-green);color:var(--accent-green)}.btn-primary:hover:not(:disabled){background-color:var(--accent-green);color:var(--bg-primary);box-shadow:var(--glow-green);text-shadow:none}.btn-secondary{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--text-secondary)}.btn-danger{background-color:var(--accent-red-bg);border-color:var(--accent-red);color:var(--accent-red)}.btn-danger:hover:not(:disabled){background-color:var(--accent-red);color:var(--text-primary);box-shadow:var(--glow-red)}.btn-warning{background-color:var(--accent-amber-bg);border-color:var(--accent-amber);color:var(--accent-amber)}.btn-warning:hover:not(:disabled){background-color:var(--accent-amber);color:var(--bg-primary);box-shadow:var(--glow-amber)}.btn-ghost{color:var(--text-secondary);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:16px}.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:100;height:100vh;transition:transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-logo{height:var(--header-height);border-bottom:1px solid var(--border-color);font-family:var(--font-mono);color:var(--accent-green);text-shadow:var(--glow-green);letter-spacing:.1em;align-items:center;gap:10px;padding:0 24px;font-size:18px;font-weight:700;display:flex}.sidebar-logo img{height:24px}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:24px 12px;display:flex;overflow-y:auto}.sidebar-nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.sidebar-nav-item svg{width:18px;height:18px;transition:stroke var(--transition-fast);flex-shrink:0}.sidebar-nav-item:hover{background-color:var(--bg-tertiary);color:var(--accent-green)}.sidebar-nav-item.active{background-color:var(--accent-green-bg);border-left:3px solid var(--accent-green);color:var(--accent-green);text-shadow:var(--glow-green);font-weight:600}.sidebar-footer{border-top:1px solid var(--border-color);font-family:var(--font-mono);color:var(--text-muted);padding:16px 20px;font-size:11px}.header{height:var(--header-height);margin-left:var(--sidebar-width);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:90;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.header-breadcrumbs{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.header-breadcrumbs span{color:var(--text-primary);font-weight:500}.header-breadcrumbs-sep{color:var(--text-muted)}.header-user-info{align-items:center;gap:16px;display:flex}.header-user-details{text-align:right}.header-user-name{color:var(--text-primary);font-size:14px;font-weight:500}.header-user-role{font-family:var(--font-mono);color:var(--accent-green);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.main-content{margin-left:var(--sidebar-width);min-height:calc(100vh - var(--header-height));background-color:var(--bg-primary);padding:24px}.login-container{background-color:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;max-width:400px;padding:32px;box-shadow:0 4px 30px #0009}.login-header{text-align:center;margin-bottom:24px}.login-logo{font-family:var(--font-mono);color:var(--accent-green);text-shadow:var(--glow-green);letter-spacing:.15em;margin-bottom:4px;font-size:32px;font-weight:700}.login-subtitle{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:12px}.login-error{background-color:var(--accent-red-bg);border:1px solid var(--accent-red);color:var(--accent-red);border-radius:var(--radius-sm);text-align:center;margin-bottom:16px;padding:12px;font-size:13px}.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.widget-col-4{grid-column:span 4}.widget-col-6{grid-column:span 6}.widget-col-8{grid-column:span 8}.widget-col-12{grid-column:span 12}@media (width<=1024px){.widget-col-4,.widget-col-6,.widget-col-8{grid-column:span 12}}.widget{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;height:100%;padding:20px;display:flex}.widget-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;display:flex}.widget-title{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.stat-value{font-family:var(--font-mono);color:var(--accent-green);text-shadow:var(--glow-green);font-size:36px;font-weight:700;line-height:1.2}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.stat-card{align-items:center;gap:16px;display:flex}.stat-icon-wrapper{border-radius:var(--radius-sm);background-color:var(--accent-green-bg);width:48px;height:48px;color:var(--accent-green);justify-content:center;align-items:center;display:flex}.status-badge{font-family:var(--font-mono);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;align-items:center;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-new{background-color:var(--accent-blue-bg);border-color:var(--accent-blue);color:var(--accent-blue)}.badge-success{background-color:var(--accent-green-bg);border-color:var(--accent-green);color:var(--accent-green)}.badge-warning{background-color:var(--accent-amber-bg);border-color:var(--accent-amber);color:var(--accent-amber)}.badge-danger{background-color:var(--accent-red-bg);border-color:var(--accent-red);color:var(--accent-red)}.badge-muted{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.modal-overlay{z-index:1000;background-color:#000c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;max-width:500px;animation:.2s ease-out fadeIn;overflow:hidden;box-shadow:0 10px 40px #000c}.modal-content-lg{max-width:800px}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-primary);font-size:16px;font-weight:600}.modal-close{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:20px;line-height:1}.modal-close:hover{color:var(--accent-red)}.modal-body{max-height:70vh;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);background-color:var(--bg-tertiary);justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.tabs{border-bottom:1px solid var(--border-color);gap:4px;margin-bottom:20px;display:flex}.tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border-bottom:2px solid #0000;padding:10px 16px;font-size:14px;font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-green);border-bottom-color:var(--accent-green);text-shadow:var(--glow-green)}.tabs-mono .tab{font-family:var(--font-mono);text-transform:uppercase;font-size:12px}.progress-container{align-items:center;gap:8px;width:100%;display:flex}.progress-track{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-color);flex:1;height:8px;overflow:hidden}.progress-bar{background-color:var(--accent-green);height:100%;box-shadow:var(--glow-green);border-radius:var(--radius-sm);transition:width .3s}.progress-text{font-family:var(--font-mono);text-align:right;min-width:32px;font-size:12px}.loading-spinner{border:2px solid var(--accent-green-bg);border-top-color:var(--accent-green);width:24px;height:24px;box-shadow:var(--glow-green);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.empty-state{text-align:center;border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);background-color:var(--bg-secondary);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state-icon{color:var(--text-muted);margin-bottom:16px}.empty-state-title{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.empty-state-desc{max-width:320px;font-size:14px}.entity-list{flex-direction:column;gap:12px;display:flex}.entity-item{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.entity-item:hover{border-color:var(--accent-green-border)}.entity-item-title{font-size:14px;font-weight:500}.entity-item-meta{color:var(--text-secondary);font-size:12px}.mobile-header-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:none}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.header{margin-left:0}.main-content{margin-left:0;padding:16px}.mobile-header-toggle{display:block}}