:root{--bg-0: #0a0d14;--bg-1: #12172a;--bg-2: #1a2130;--bg-3: #252d43;--bg-4: #2f3954;--text-bright: #f5f8fc;--text: #dde3ed;--text-muted: #a5b0c2;--text-dim: #7a869b;--border-subtle: #1c2436;--border: #273047;--border-strong: #364261;--accent: #38bdf8;--accent-hover: #7dd3fc;--accent-pressed: #0ea5e9;--accent-soft: rgba(56, 189, 248, .14);--pos: #4ade80;--neg: #f87171;--warn: #fbbf24;--font-ui: "Inter", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--r-panel: 6px;--r-control: 4px;--r-chip: 3px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-0);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}.splash{height:100%;display:flex;align-items:center;justify-content:center}.splash-text{color:var(--text-dim);font-size:13px;font-weight:600;letter-spacing:.35em;animation:splash-pulse 1.2s ease-in-out infinite alternate}@keyframes splash-pulse{0%{opacity:.35}to{opacity:.9}}.wordmark{font-size:18px;font-weight:700;letter-spacing:.3em;color:var(--text-bright);-webkit-user-select:none;user-select:none}.wordmark-accent{color:var(--accent)}.wordmark-small{font-size:13px;letter-spacing:.25em}.login-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(70% 55% at 50% -10%,rgba(56,189,248,.07),transparent 70%),linear-gradient(to right,rgba(56,189,248,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(56,189,248,.045) 1px,transparent 1px),var(--bg-0);background-size:auto,64px 64px,64px 64px,auto}.login-stack{width:100%;max-width:352px;display:flex;flex-direction:column;gap:26px;align-items:center}.login-card{width:100%;background:var(--bg-1);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:var(--r-panel);padding:22px 26px 26px;box-shadow:0 20px 52px #00000080}.card-eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--text-dim);margin-bottom:6px}.card-eyebrow:after{content:"";flex:1;height:1px;background:var(--border)}.field-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:16px 0 6px}.field-input{width:100%;background:var(--bg-4);color:var(--text);border:1px solid var(--border);border-radius:var(--r-control);padding:10px 12px;font-family:var(--font-mono);font-size:14px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-error{min-height:20px;margin:12px 0 6px;font-size:13px;color:var(--neg)}.btn-primary{width:100%;height:40px;background:var(--accent);color:#06121f;border:none;border-radius:var(--r-control);font-family:var(--font-ui);font-size:14px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .12s ease}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-pressed)}.btn-primary:disabled{opacity:.55;cursor:default}.login-foot{font-size:12px;color:var(--text-dim);font-family:var(--font-mono)}.catalog-page{min-height:100%;display:flex;flex-direction:column}.topbar{height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;background:var(--bg-1);border-bottom:1px solid var(--border)}.topbar-right{display:flex;align-items:center;gap:14px;min-width:0}.clock{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--text-dim);font-variant-numeric:tabular-nums}.topbar-sep{width:1px;height:16px;background:var(--border)}.user-name{font-size:13px;font-weight:600;color:var(--text);min-width:0;max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-chip{font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(56,189,248,.22);border-radius:var(--r-chip);padding:3px 7px}.signout-link{font-size:13px;color:var(--text-muted);text-decoration:none;transition:color .12s ease}.signout-link:hover{color:var(--neg)}.catalog-main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:44px 32px 56px;display:flex;flex-direction:column;justify-content:center}.row-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--border-subtle);margin-bottom:26px}.row-title{font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--text-bright)}.row-status{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--pos);animation:status-breathe 2.4s ease-in-out infinite}@keyframes status-breathe{0%,to{opacity:.45}50%{opacity:1}}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:18px}.panel{position:relative;display:flex;min-height:204px;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--r-panel);background:var(--bg-1);text-decoration:none;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .2s ease}.panel:hover,.panel:focus-visible{background:var(--bg-2);border-color:var(--border-strong);box-shadow:0 14px 40px #00000073}.panel:hover:before,.panel:focus-visible:before{transform:scaleY(1)}.panel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.panel-art{position:absolute;top:0;right:0;bottom:0;left:58%;opacity:.66;-webkit-mask-image:linear-gradient(90deg,transparent 6%,#000 68%);mask-image:linear-gradient(90deg,transparent 6%,#000 68%);transition:opacity .2s ease,transform .4s ease}.panel-art svg{width:100%;height:100%;display:block}.panel:hover .panel-art{opacity:.85;transform:scale(1.03)}.panel-body{position:relative;display:flex;flex-direction:column;flex:1;padding:22px 24px;max-width:58%}.panel-index{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--text-dim);margin-bottom:10px}.panel-name{font-size:19px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--text-bright)}.panel-desc{font-size:13px;line-height:1.5;color:var(--text-muted);margin-top:6px}.panel-foot{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:16px}.panel-host{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.panel-go{font-size:12px;font-weight:600;color:var(--accent);opacity:0;transition:opacity .16s ease}.panel-arrow{display:inline-block;margin-left:6px;transition:transform .16s ease}.panel:hover .panel-go,.panel:focus-visible .panel-go{opacity:1}.panel:hover .panel-arrow{transform:translate(4px)}@media (max-width: 640px){.topbar{padding:0 16px}.clock,.topbar-sep{display:none}.catalog-main{padding:32px 16px 40px}.catalog-foot{padding:16px}.user-name{max-width:12ch}.wordmark-small{letter-spacing:.16em}.row-head{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width: 620px){.panel-body{max-width:70%}.panel-art{top:0;right:0;bottom:0;left:70%;opacity:.4;-webkit-mask-image:linear-gradient(90deg,transparent 4%,#000 60%);mask-image:linear-gradient(90deg,transparent 4%,#000 60%)}}@media (hover: none){.panel-go{opacity:1}}.catalog-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 32px;font-size:11px;font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-dim);border-top:1px solid var(--border-subtle)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}