:root{--bg: #0a0d10;--bg-raised: #10141a;--surface: #12161c;--surface-2: #181e26;--border: #262e38;--border-bright: #3a4453;--text: #e9e6dc;--text-dim: #8b93a0;--text-faint: #4d5661;--accent: #e8a33d;--accent-bright: #ffc266;--accent-dim: rgba(232, 163, 61, .14);--accent-line: rgba(232, 163, 61, .28);--status-ok: #5fd97a;--status-ok-dim: rgba(95, 217, 122, .16);--status-warn: #e8a33d;--status-warn-dim: rgba(232, 163, 61, .16);--status-error: #ef5350;--status-error-dim: rgba(239, 83, 80, .16);--status-idle: #4d5661;--status-idle-dim: rgba(77, 86, 97, .16);--display: "Big Shoulders Display", sans-serif;--sans: "IBM Plex Sans", sans-serif;--mono: "IBM Plex Mono", monospace;--radius: 3px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;min-height:100vh;position:relative;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--accent-line) 1px,transparent 1px),linear-gradient(90deg,var(--accent-line) 1px,transparent 1px);background-size:48px 48px;opacity:.05}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent-bright)}h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:.01em;margin:0;color:var(--text)}code,.mono{font-family:var(--mono)}button,input,select{font-family:inherit;font-size:inherit;color:inherit}::selection{background:var(--accent-dim);color:var(--accent-bright)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 28px;background:linear-gradient(180deg,var(--bg-raised),var(--bg));border-bottom:1px solid var(--border);box-shadow:0 1px #0009}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:11px;height:11px;border-radius:50%;background:var(--status-ok);box-shadow:0 0 8px 1px var(--status-ok);animation:pulse-glow 2.4s ease-in-out infinite;flex-shrink:0}.brand-text{font-family:var(--display);font-size:22px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.brand-text span{color:var(--accent)}.main-nav{display:flex;gap:4px;flex:1;justify-content:center}.main-nav-link{font-family:var(--mono);font-size:11.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--text-dim);text-decoration:none;padding:7px 12px;border-radius:var(--radius);border:1px solid transparent;transition:color .15s ease,border-color .15s ease,background .15s ease}.main-nav-link:hover{color:var(--text);background:var(--surface-2)}.main-nav-link.active{color:var(--accent-bright);border-color:var(--accent-line);background:var(--accent-dim)}.topbar-tag{font-family:var(--mono);font-size:11px;color:var(--text-faint);letter-spacing:.04em;border:1px solid var(--border-bright);border-radius:var(--radius);padding:3px 8px}.main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:36px 28px 64px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px #ffffff08,0 8px 24px -12px #0009}.panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--border)}.panel-header h1,.panel-header h2{font-size:26px;text-transform:uppercase}.panel-header .hint{font-family:var(--mono);font-size:11.5px;color:var(--text-faint)}.panel-body{padding:22px}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-bright);background:var(--surface-2);color:var(--text);padding:9px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:border-color .15s ease,transform .1s ease,background .15s ease}.btn:hover:not(:disabled){border-color:var(--text-dim);background:#1d232c}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--accent-bright),var(--accent));border-color:var(--accent);color:#201302;font-weight:700;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 0 0 1px #e8a33d4d,0 4px 14px -4px #e8a33d80}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#ffcf80,var(--accent-bright))}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim);padding:9px 4px}.btn-ghost:hover:not(:disabled){color:var(--accent-bright);background:transparent}.status{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-ok .status-dot{background:var(--status-ok);box-shadow:0 0 6px 1px var(--status-ok)}.status-warn .status-dot{background:var(--status-warn);box-shadow:0 0 6px 1px var(--status-warn)}.status-error .status-dot{background:var(--status-error);box-shadow:0 0 6px 1px var(--status-error)}.status-idle .status-dot{background:var(--status-idle)}.status-ok{color:var(--status-ok)}.status-warn{color:var(--status-warn)}.status-error{color:var(--status-error)}.status-idle{color:var(--text-faint)}@keyframes pulse-glow{0%,to{box-shadow:0 0 6px 1px currentColor;opacity:1}50%{box-shadow:0 0 12px 3px currentColor;opacity:.75}}.data-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{text-align:left;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:10px 22px;border-bottom:1px solid var(--border-bright);position:sticky;top:0;background:var(--surface)}.data-table tbody td{padding:13px 22px;border-bottom:1px solid var(--border);color:var(--text-dim);vertical-align:middle}.data-table tbody tr{animation:row-in .35s ease backwards;transition:background .12s ease}.data-table tbody tr:hover{background:var(--surface-2)}.data-table tbody tr:hover td{color:var(--text)}@keyframes row-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.mac-link{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--accent-bright);text-decoration:none;letter-spacing:.02em;border-bottom:1px dashed transparent}.mac-link:hover{border-bottom-color:var(--accent-bright)}.pager{display:flex;align-items:center;gap:10px;padding:16px 22px;border-top:1px solid var(--border)}.pager-info{font-family:var(--mono);font-size:11.5px;color:var(--text-faint);margin-left:auto}.login-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px;padding:36px 32px 32px;animation:card-in .5s cubic-bezier(.16,1,.3,1) backwards}@keyframes card-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{text-align:center;margin-bottom:28px}.login-header .jack{width:40px;height:40px;margin:0 auto 16px;border-radius:50%;border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px var(--accent-dim),0 0 20px -2px var(--accent)}.login-header .jack:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent)}.login-header h1{font-size:24px;text-transform:uppercase;letter-spacing:.04em}.login-header p{margin:6px 0 0;font-family:var(--mono);font-size:11.5px;color:var(--text-faint);letter-spacing:.03em}.field{margin-bottom:16px;animation:card-in .5s cubic-bezier(.16,1,.3,1) backwards}.field:nth-of-type(1){animation-delay:.05s}.field:nth-of-type(2){animation-delay:.1s}.field label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:7px}.field input{width:100%;background:var(--bg-raised);border:1px solid var(--border-bright);border-radius:var(--radius);padding:10px 12px;font-family:var(--mono);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.login-error{font-family:var(--mono);font-size:12px;color:var(--status-error);background:var(--status-error-dim);border:1px solid rgba(239,83,80,.35);border-radius:var(--radius);padding:9px 12px;margin-bottom:16px}.login-submit{width:100%;justify-content:center;padding:11px 16px;margin-top:6px}.spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:24px}.spec-cell{background:var(--surface);padding:16px 18px}.spec-cell .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.spec-cell .v{font-family:var(--mono);font-size:14px;color:var(--text);word-break:break-all}.detail-actions{display:flex;align-items:center;gap:18px;margin-top:24px}