.pf{--pf-bg:#0a0c10;--pf-panel:#111419;--pf-panel-2:#161a21;--pf-line:#232830;--pf-line-soft:#1b1f26;--pf-ink:#e8eaed;--pf-ink-soft:#9aa1ac;--pf-ink-faint:#656c78;--pf-accent:#4c8dff;--pf-accent-soft:rgba(76,141,255,0.12);--pf-ok:#2fbf71;--pf-warn:#e0a30c;--pf-err:#f0563a;--pf-idle:#6b7280;--pf-r:8px;--pf-s1:6px;--pf-s2:12px;--pf-s3:20px;--pf-s4:32px;--pf-mono:"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;position:fixed;inset:0;display:grid;grid-template-columns:232px 1fr;background:var(--pf-bg);color:var(--pf-ink);font-size:13px;line-height:1.45;overflow:hidden}.pf *,.pf :after,.pf :before{box-sizing:border-box}.pf-side{border-right:1px solid var(--pf-line);background:var(--pf-panel);display:flex;flex-direction:column;overflow-y:auto}.pf-brand{padding:var(--pf-s3) var(--pf-s3) var(--pf-s2);border-bottom:1px solid var(--pf-line)}.pf-brand strong{display:block;font-size:13px;letter-spacing:-.01em}.pf-brand span{display:block;margin-top:2px;font-size:11px;color:var(--pf-ink-faint)}.pf-env{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:3px 8px;border-radius:999px;background:rgba(47,191,113,.12);color:var(--pf-ok);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.pf-env.is-blocked{background:rgba(240,86,58,.14);color:var(--pf-err)}.pf-nav{padding:var(--pf-s2) var(--pf-s2) var(--pf-s4)}.pf-nav-group{margin:var(--pf-s3) 0 var(--pf-s1);padding:0 10px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--pf-ink-faint)}.pf-nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:6px;color:var(--pf-ink-soft);text-decoration:none;transition:background .12s ease,color .12s ease}.pf-nav a:hover{background:var(--pf-panel-2);color:var(--pf-ink)}.pf-nav a.is-active{background:var(--pf-accent-soft);color:var(--pf-ink);box-shadow:inset 2px 0 0 var(--pf-accent)}.pf-nav a small{font-family:var(--pf-mono);font-size:10px;color:var(--pf-ink-faint)}.pf-nav .pf-sub a{padding-left:24px;font-size:12px}.pf-main{overflow-y:auto}.pf-head{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:baseline;justify-content:space-between;gap:var(--pf-s3);padding:var(--pf-s3) var(--pf-s4);border-bottom:1px solid var(--pf-line);background:rgba(10,12,16,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pf-head h1{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em}.pf-head p{margin:4px 0 0;font-size:12px;color:var(--pf-ink-soft);max-width:68ch}.pf-body{padding:var(--pf-s3) var(--pf-s4) var(--pf-s4)}.pf-grid{display:grid;grid-gap:var(--pf-s2);gap:var(--pf-s2);grid-template-columns:repeat(auto-fit,minmax(178px,1fr))}.pf-card{padding:var(--pf-s3);border:1px solid var(--pf-line);border-radius:var(--pf-r);background:var(--pf-panel)}.pf-card h2{margin:0 0 var(--pf-s2);font-size:11px;font-weight:600}.pf-card h2,.pf-stat .pf-stat-label{letter-spacing:.07em;text-transform:uppercase;color:var(--pf-ink-faint)}.pf-stat .pf-stat-label{font-size:10px}.pf-stat .pf-stat-value{margin-top:6px;font-size:24px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.pf-stat .pf-stat-note{margin-top:4px;font-size:11px;color:var(--pf-ink-soft)}.pf-section{margin-top:var(--pf-s4)}.pf-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--pf-s2);margin-bottom:var(--pf-s2)}.pf-section-head h2{margin:0;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--pf-ink-faint)}.pf-table-wrap{border:1px solid var(--pf-line);border-radius:var(--pf-r);overflow-x:auto;background:var(--pf-panel)}.pf-table{width:100%;border-collapse:collapse;font-size:12px}.pf-table th{padding:9px 14px;text-align:left;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--pf-ink-faint);border-bottom:1px solid var(--pf-line);white-space:nowrap}.pf-table td{padding:10px 14px;border-bottom:1px solid var(--pf-line-soft);vertical-align:middle}.pf-table tbody tr:last-child td{border-bottom:0}.pf-table tbody tr:hover{background:var(--pf-panel-2)}.pf-num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.pf-mono,.pf-num{font-family:var(--pf-mono)}.pf-mono{font-size:11px;color:var(--pf-ink-soft)}.pf-volume{display:flex;align-items:center;gap:10px}.pf-status,.pf-volume,.pf-volume .pf-mono{white-space:nowrap}.pf-status{display:inline-flex;align-items:center;gap:6px;font-size:11px}.pf-dot{width:7px;height:7px;border-radius:50%;background:var(--pf-idle);flex:none}.pf-dot.is-active,.pf-dot.is-healthy,.pf-dot.is-paid{background:var(--pf-ok)}.pf-dot.is-degraded,.pf-dot.is-paused,.pf-dot.is-pending{background:var(--pf-warn)}.pf-dot.is-error,.pf-dot.is-failed{background:var(--pf-err)}.pf-dot.is-archived,.pf-dot.is-disabled,.pf-dot.is-unavailable{background:var(--pf-idle)}.pf-meter{position:relative;height:5px;border-radius:3px;background:var(--pf-line);overflow:hidden;min-width:90px}.pf-meter i{position:absolute;inset:0 auto 0 0;border-radius:3px;background:var(--pf-accent)}.pf-meter.is-full i{background:var(--pf-warn)}.pf-bar-row{display:grid;grid-template-columns:minmax(90px,150px) 1fr auto;align-items:center;grid-gap:var(--pf-s2);gap:var(--pf-s2);padding:7px 0}.pf-bar{height:18px;border-radius:3px;background:linear-gradient(90deg,var(--pf-accent),#7fb0ff);min-width:2px}.pf-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid var(--pf-line);border-radius:6px;background:var(--pf-panel-2);color:var(--pf-ink);font:inherit;font-size:12px;cursor:pointer;transition:border-color .12s ease,background .12s ease}.pf-btn:hover:not(:disabled){border-color:#333a45;background:#1c2129}.pf-btn:disabled{opacity:.45;cursor:not-allowed}.pf-btn.is-primary{background:var(--pf-accent);border-color:var(--pf-accent);color:#05070b;font-weight:600}.pf-btn.is-primary:hover:not(:disabled){background:#6ba0ff;border-color:#6ba0ff}.pf-btn.is-danger{color:var(--pf-err);border-color:rgba(240,86,58,.35)}.pf-btn.is-small{padding:4px 9px;font-size:11px}.pf-field{display:block;margin-bottom:var(--pf-s2)}.pf-field>span{display:block;margin-bottom:5px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--pf-ink-faint)}.pf-input,.pf-select{width:100%;padding:8px 11px;border:1px solid var(--pf-line);border-radius:6px;background:var(--pf-bg);color:var(--pf-ink);font:inherit;font-size:13px}.pf-input:focus,.pf-select:focus{outline:2px solid var(--pf-accent);outline-offset:-1px}.pf-row{display:flex;gap:var(--pf-s2);flex-wrap:wrap;align-items:flex-end}.pf-row>*{flex:1 1 150px;min-width:0}.pf-row>.pf-shrink{flex:0 0 auto}.pf-empty,.pf-error,.pf-loading{padding:var(--pf-s4) var(--pf-s3);border:1px dashed var(--pf-line);border-radius:var(--pf-r);text-align:center;color:var(--pf-ink-soft);font-size:12px}.pf-error{border-style:solid;border-color:rgba(240,86,58,.4);color:#ffb3a3}.pf-loading{animation:pf-pulse 1.2s ease-in-out infinite}@keyframes pf-pulse{0%,to{opacity:.55}50%{opacity:1}}.pf-skeleton{height:12px;border-radius:4px;background:linear-gradient(90deg,var(--pf-panel-2),var(--pf-line),var(--pf-panel-2));background-size:200% 100%;animation:pf-shine 1.3s linear infinite}@keyframes pf-shine{to{background-position:-200% 0}}.pf-modal-bg{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:var(--pf-s3);background:rgba(4,6,9,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.pf-modal{width:min(440px,100%);padding:var(--pf-s3);border:1px solid var(--pf-line);border-radius:10px;background:var(--pf-panel);box-shadow:0 24px 60px rgba(0,0,0,.5)}.pf-modal h3{margin:0 0 var(--pf-s2);font-size:14px}.pf-modal p{margin:0 0 var(--pf-s2);font-size:12px;color:var(--pf-ink-soft)}.pf-modal-actions{display:flex;gap:var(--pf-s1);justify-content:flex-end;margin-top:var(--pf-s3)}.pf-swap{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:var(--pf-s2);gap:var(--pf-s2);align-items:center;margin:var(--pf-s2) 0;padding:var(--pf-s2);border:1px solid var(--pf-line);border-radius:6px;background:var(--pf-bg);text-align:center}.pf-swap small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--pf-ink-faint)}.pf-swap b{font-size:13px}.pf-toasts{position:fixed;right:var(--pf-s3);bottom:var(--pf-s3);z-index:60;display:flex;flex-direction:column;gap:var(--pf-s1);max-width:min(380px,calc(100vw - 32px))}.pf-toast{display:flex;gap:9px;padding:11px 14px;border:1px solid var(--pf-line);border-left-width:3px;border-radius:7px;background:var(--pf-panel);box-shadow:0 12px 32px rgba(0,0,0,.42);font-size:12px;animation:pf-slide .18s ease-out}.pf-toast.is-ok{border-left-color:var(--pf-ok)}.pf-toast.is-err{border-left-color:var(--pf-err)}@keyframes pf-slide{0%{transform:translateY(6px);opacity:0}}.pf-tag{display:inline-block;padding:2px 7px;border:1px solid var(--pf-line);border-radius:4px;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--pf-ink-soft)}.pf-tag.is-live{border-color:rgba(240,86,58,.5);color:var(--pf-err)}.pf-tag.is-test{border-color:rgba(47,191,113,.35);color:var(--pf-ok)}.pf-link{color:var(--pf-accent);text-decoration:none}.pf-link:hover{text-decoration:underline}.pf-note{font-size:11px;color:var(--pf-ink-faint);margin-top:var(--pf-s2)}.pf-split{display:grid;grid-gap:var(--pf-s2);gap:var(--pf-s2);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.pf-kv{display:grid;grid-template-columns:1fr auto;grid-gap:4px var(--pf-s2);gap:4px var(--pf-s2);padding:5px 0;border-bottom:1px solid var(--pf-line-soft);font-size:12px}.pf-kv:last-child{border-bottom:0}.pf-kv span{color:var(--pf-ink-soft)}.pf-kv b{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pf-tree{font-size:12px}.pf-tree ul{margin:0;padding-left:18px;list-style:none}.pf-tree li{position:relative;padding:4px 0}.pf-tree li:before{content:"";position:absolute;left:-11px;top:0;bottom:0;border-left:1px solid var(--pf-line)}.pf-tree li:last-child:before{bottom:50%}.pf-tree li:after{content:"";position:absolute;left:-11px;top:50%;width:8px;border-top:1px solid var(--pf-line)}.pf-login{position:fixed;inset:0;display:grid;grid-template-columns:1fr;place-items:center;background:var(--pf-bg);color:var(--pf-ink);padding:var(--pf-s3)}.pf-login form{width:min(340px,100%);padding:var(--pf-s4);border:1px solid var(--pf-line);border-radius:10px;background:var(--pf-panel)}@media (max-width:860px){.pf{grid-template-columns:1fr;grid-template-rows:auto 1fr}.pf-side{flex-direction:row;align-items:center;gap:var(--pf-s2);overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--pf-line)}.pf-brand{border-bottom:0;padding:var(--pf-s2) var(--pf-s3);white-space:nowrap}.pf-nav{display:flex;gap:4px;padding:var(--pf-s1) var(--pf-s2)}.pf-nav .pf-sub,.pf-nav a small,.pf-nav-group{display:none}.pf-nav a{white-space:nowrap}.pf-body,.pf-head{padding-left:var(--pf-s3);padding-right:var(--pf-s3)}}