:root{--color-primary-dark:#0f172a;--color-primary-light:#1e293b;--color-bg-main:#0b0f19;--color-bg-sidebar:#0f172a;--color-bg-card:#1e293b;--color-border:#334155;--color-text-main:#f8fafc;--color-text-muted:#94a3b8;--color-success:#4ade80;--color-warning:#fbbf24;--color-danger:#fb7185;--color-info:#38bdf8;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Roboto Mono", monospace;--font-size-sm:12px;--font-size-base:14px;--font-size-lg:18px;--font-size-xl:24px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg-main);width:100%;height:100%;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-main);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-main)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.layout-container{background-color:var(--color-bg-main);min-height:100vh;display:flex}.main-content{padding:var(--space-lg);flex:1;overflow-y:auto}.card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-md);margin-bottom:var(--space-md)}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:var(--space-md);border-bottom:1px solid var(--color-border);text-align:left}.table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600;font-family:var(--font-mono);background:#0f172a80}.table tr:hover td{background:#ffffff05}.terminal-input{background:var(--color-bg-main);border:1px solid var(--color-border);color:var(--color-text-main);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);outline:none;transition:border-color .2s}.terminal-input:focus{border-color:var(--color-info)}.terminal-select{background:var(--color-bg-main);border:1px solid var(--color-border);color:var(--color-text-main);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394A3B8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-sm) center;padding-right:var(--space-xl);background-size:16px;outline:none}.terminal-select:focus{border-color:var(--color-info)}.terminal-sub-item{padding:4px var(--space-md);color:var(--color-text-muted);font-size:10px;font-family:var(--font-mono);cursor:pointer;border-left:1px dashed var(--color-border);margin-left:var(--space-md);transition:all .2s}.terminal-sub-item:hover{color:var(--color-info);background:#38bdf80d;border-left-style:solid}.terminal-button{background:var(--color-primary-dark);color:#fff;border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;font-weight:600;transition:all .2s}.terminal-button:hover{background:var(--color-primary-light);border-color:var(--color-info)}.terminal-button.primary{background:var(--color-info);color:var(--color-primary-dark);border-color:var(--color-info)}.terminal-button.primary:hover{background:#7dd3fc}.skeleton-loader{background-color:var(--color-primary-light);border-radius:0;position:relative;overflow:hidden}.skeleton-loader:after{content:"";background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.login-card{width:400px;padding:var(--space-xl);border:1px solid var(--color-border);background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.login-header{margin-bottom:var(--space-lg);border-bottom:2px solid var(--color-primary-dark);padding-bottom:var(--space-sm)}.login-header h2{color:var(--color-primary-dark);margin-bottom:var(--space-xs);font-size:24px;font-weight:700}.login-header p{color:var(--color-text-muted);letter-spacing:.1em;font-family:monospace;font-size:11px}.login-error{color:var(--color-danger);padding:var(--space-sm);margin-bottom:var(--space-md);border-left:4px solid var(--color-danger);background-color:#e53e3e1a;font-family:monospace;font-size:12px}.login-field{margin-bottom:var(--space-md)}.login-field label{margin-bottom:var(--space-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600;display:block}.login-field input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);background-color:var(--color-bg-main);outline:none;font-family:monospace;transition:border-color .2s}.login-field input:focus{border-color:var(--color-info);background-color:#fff}.login-submit{width:100%;padding:var(--space-md);background-color:var(--color-primary-dark);color:#fff;cursor:pointer;letter-spacing:.05em;margin-top:var(--space-sm);border:none;font-size:13px;font-weight:600;transition:background-color .2s}.login-submit:hover:not(:disabled){background-color:var(--color-primary-light)}.login-submit:disabled{background-color:var(--color-text-muted);cursor:not-allowed}.login-footer{margin-top:var(--space-xl);color:var(--color-text-muted);text-align:center;border-top:1px dashed var(--color-border);padding-top:var(--space-md);font-family:monospace;font-size:10px}