.card-glass{background:var(--surface-1);border:1px solid var(--border-2);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .15s ease}.card-glass:hover{transform:translateY(-1px);box-shadow:0 8px 32px var(--violet-soft)}.card-glass-sm{background:var(--surface-1);border:1px solid var(--border-2);border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .15s ease}.card-glass-elevated{background:var(--surface-2);border:1px solid var(--border-3);border-radius:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 24px rgba(0,0,0,.3);transition:all .15s ease}.btn-primary{background:linear-gradient(145deg,oklch(.65 .18 298),oklch(.55 .17 280));color:#fff;border:none;box-shadow:0 4px 20px oklch(.62 .19 298/.38);border-radius:10px;padding:10px 16px;font-weight:500;font-size:14px;font-family:var(--font-sans);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap}.btn-primary:hover{box-shadow:0 6px 28px oklch(.72 .18 295/.6);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface-2);border:1px solid var(--border-2);color:var(--text-1);border-radius:10px;padding:10px 16px;font-weight:500;font-size:14px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap}.btn-secondary:hover{background:var(--surface-3);border-color:var(--border-3)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;border:none;color:var(--text-2);padding:8px 12px;border-radius:10px;cursor:pointer;transition:color .15s ease,background .15s ease;font-size:14px;display:inline-flex;align-items:center;gap:6px}.btn-ghost:hover{color:var(--text-1);background:rgba(140,160,220,.06)}.btn-danger{background:var(--red-soft);color:oklch(.8 .16 25);border:1px solid oklch(.7 .2 25/.3);border-radius:10px;padding:10px 16px;font-weight:500;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px}.btn-danger:hover{background:oklch(.7 .2 25/.22)}.badge-violet{background:var(--violet-soft);border:1px solid oklch(.72 .18 295/.3);color:oklch(.85 .12 295)}.badge-green,.badge-violet{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;letter-spacing:.08em;display:inline-flex;align-items:center;gap:4px}.badge-green{background:var(--green-soft);color:var(--green)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-amber,.badge-red{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;letter-spacing:.08em;display:inline-flex;align-items:center;gap:4px}.badge-amber{background:oklch(.82 .14 75/.14);color:var(--amber)}.badge-teal{background:var(--teal-soft);color:var(--teal);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;letter-spacing:.08em;display:inline-flex;align-items:center;gap:4px}.num-mono,.num-up{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.num-up{color:var(--green)}.num-down{color:var(--red);font-variant-numeric:tabular-nums}.mono-data,.num-down{font-family:var(--font-mono)}.mono-data{font-size:13px;font-variant-numeric:tabular-nums}.section-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-4)}.label-sm{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--text-3);text-transform:uppercase}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 6px oklch(.78 .16 155/.5);animation:live-pulse 2s ease-in-out infinite;flex-shrink:0}.live-dot-red{background:var(--red);box-shadow:0 0 6px oklch(.7 .2 25/.5)}.live-dot-amber{background:var(--amber);box-shadow:0 0 6px oklch(.82 .14 75/.5)}.live-dot-violet{background:var(--violet);box-shadow:0 0 6px oklch(.72 .18 295/.5)}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fade-up .4s ease forwards}.fade-up-1{animation:fade-up .4s ease .05s both}.fade-up-2{animation:fade-up .4s ease .1s both}.fade-up-3{animation:fade-up .4s ease .15s both}.fade-up-4{animation:fade-up .4s ease .2s both}.progress-bar{background:rgba(140,160,220,.1);border-radius:999px;height:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--violet),var(--teal));border-radius:999px;transition:width .4s ease}.hermes-divider{border:none;border-top:1px solid var(--border-1);margin:16px 0}.hermes-input{background:rgba(10,14,35,.6);border:1px solid var(--border-2);color:var(--text-1);border-radius:10px;padding:10px 14px;font-family:var(--font-sans);font-size:14px;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.hermes-input::-moz-placeholder{color:var(--text-4)}.hermes-input::placeholder{color:var(--text-4)}.hermes-input:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px oklch(.72 .18 295/.18)}.glow-violet{box-shadow:0 0 20px oklch(.72 .18 295/.35)}.glow-green{box-shadow:0 0 20px oklch(.78 .16 155/.35)}.glow-teal{box-shadow:0 0 20px oklch(.82 .13 185/.35)}.hermes-table{width:100%;border-collapse:collapse}.hermes-table thead{background:rgba(10,14,35,.4)}.hermes-table thead th{color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:10px 16px;text-align:left;border-bottom:1px solid var(--border-2)}.hermes-table tbody tr{border-bottom:1px solid rgba(140,160,220,.06);transition:background .1s}.hermes-table tbody tr:hover{background:rgba(140,160,220,.04)}.hermes-table tbody td{padding:12px 16px;color:var(--text-2);font-size:13px}.stat-block{display:flex;flex-direction:column;gap:4px}.stat-value{font-family:var(--font-mono);font-size:28px;font-weight:600;color:var(--text-1);font-variant-numeric:tabular-nums;line-height:1}.stat-label{font-size:12px;color:var(--text-3);font-weight:500}.stat-delta-up{color:var(--green)}.stat-delta-down,.stat-delta-up{font-size:12px;font-family:var(--font-mono)}.stat-delta-down{color:var(--red)}.hermes-tabs{display:flex;gap:2px;background:rgba(10,14,35,.4);border-radius:10px;padding:4px;border:1px solid var(--border-1)}.hermes-tab{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-3);cursor:pointer;transition:all .15s ease;border:none;background:transparent;white-space:nowrap}.hermes-tab:hover{color:var(--text-2);background:rgba(140,160,220,.06)}.hermes-tab.active{background:var(--surface-2);color:var(--text-1);box-shadow:0 2px 8px rgba(0,0,0,.2)}.code-block,.hermes-tab.active{border:1px solid var(--border-2)}.code-block{background:rgba(6,8,24,.8);border-radius:10px;padding:16px;font-family:var(--font-mono);font-size:13px;color:var(--text-2);overflow-x:auto}.sidebar-hermes{background:rgba(10,14,35,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-1)}.sidebar-logo{background:linear-gradient(135deg,oklch(.72 .18 295),oklch(.62 .16 220));box-shadow:0 4px 24px oklch(.72 .18 295/.45);border-radius:12px}.nav-item-active{background:rgba(20,26,56,.8)!important;color:var(--text-1)!important;border-left:2px solid var(--violet)!important}.nav-item-hover:hover{background:rgba(140,160,220,.06)!important;color:var(--text-2)!important}.hero-title{font-size:40px;font-weight:800;color:var(--text-1);letter-spacing:-.03em;line-height:1.1}.hero-subtitle{font-size:16px;color:var(--text-3);font-weight:400}