.ph-root{--ph-bg:#060a15;--ph-bg-2:#0a1020;--ph-panel:#0d1526;--ph-panel-2:#111b30;--ph-border:rgba(56,189,248,0.14);--ph-border-strong:rgba(56,189,248,0.30);--ph-cyan:#22d3ee;--ph-blue:#3b82f6;--ph-text:#e6edf7;--ph-muted:#8aa0bd;--ph-danger:#f87171;--ph-ok:#34d399;--ph-warn:#fbbf24;position:relative;min-height:100vh;color:var(--ph-text);font-family:Urbanist,Nunito,Montserrat,system-ui,sans-serif;background:radial-gradient(1100px 520px at 82% -8%,rgba(34,211,238,.1),transparent 60%),radial-gradient(900px 480px at 8% 4%,rgba(59,130,246,.12),transparent 55%),linear-gradient(180deg,var(--ph-bg-2) 0,var(--ph-bg) 60%)}.ph-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.ph-narrow{max-width:460px}.ph-brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.ph-brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--ph-cyan),var(--ph-blue));display:grid;place-items:center;color:#04101f;font-weight:900;box-shadow:0 6px 20px rgba(34,211,238,.35)}.ph-brand-name{font-size:1.25rem}.ph-brand-name b{background:linear-gradient(90deg,var(--ph-cyan),var(--ph-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.ph-tagline{color:var(--ph-muted)}.ph-card{background:linear-gradient(180deg,var(--ph-panel-2),var(--ph-panel));border:1px solid var(--ph-border);border-radius:16px;padding:22px}.ph-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:11px;font-weight:700;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,filter .12s ease,background .12s ease;text-decoration:none}.ph-btn:active{transform:translateY(1px)}.ph-btn-primary{background:linear-gradient(135deg,var(--ph-cyan),var(--ph-blue));color:#04101f}.ph-btn-primary:hover{filter:brightness(1.07)}.ph-btn-ghost{background:rgba(255,255,255,.03);color:var(--ph-text);border-color:var(--ph-border)}.ph-btn-ghost:hover{background:rgba(255,255,255,.07)}.ph-btn:disabled{opacity:.6;cursor:not-allowed}.ph-input,.ph-select,.ph-textarea{width:100%;padding:11px 13px;border-radius:10px;background:rgba(3,8,18,.6);border:1px solid var(--ph-border);color:var(--ph-text);font-size:.95rem;outline:none}.ph-input:focus,.ph-select:focus,.ph-textarea:focus{border-color:var(--ph-border-strong);box-shadow:0 0 0 3px rgba(34,211,238,.1)}.ph-label{display:block;font-size:.82rem;color:var(--ph-muted);margin:0 0 6px;font-weight:600}.ph-field{margin-bottom:14px}.ph-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ph-badge-pending{background:rgba(251,191,36,.14);color:var(--ph-warn)}.ph-badge-active{background:rgba(52,211,153,.14);color:var(--ph-ok)}.ph-badge-suspended{background:rgba(248,113,113,.14);color:var(--ph-danger)}.ph-muted{color:var(--ph-muted)}.ph-error{color:var(--ph-danger);font-size:.88rem}.ph-ok{color:var(--ph-ok)}.ph-link{color:var(--ph-cyan);text-decoration:none}.ph-link:hover{text-decoration:underline}.ph-hr{border:none;border-top:1px solid var(--ph-border);margin:18px 0}.ph-panel-wrap{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.ph-sidebar{border-right:1px solid var(--ph-border);background:rgba(4,9,20,.5);padding:18px 14px}.ph-nav{display:flex;flex-direction:column;gap:2px;margin-top:14px}.ph-nav-group{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ph-muted);margin:14px 8px 4px}.ph-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:var(--ph-muted);text-decoration:none;font-weight:600;font-size:.92rem}.ph-nav-item:hover{background:rgba(255,255,255,.04);color:var(--ph-text)}.ph-nav-item.active{background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(59,130,246,.16));color:var(--ph-text);border:1px solid var(--ph-border)}.ph-main{padding:24px 28px}.ph-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.ph-grid{display:grid;gap:16px}@media (min-width:720px){.ph-grid-3{grid-template-columns:repeat(3,1fr)}.ph-grid-2{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.ph-panel-wrap{grid-template-columns:1fr}.ph-sidebar{border-right:none;border-bottom:1px solid var(--ph-border)}}.ph-stat{font-size:1.9rem}.ph-h1,.ph-stat{font-weight:800;letter-spacing:-.02em}.ph-h1{font-size:1.6rem;margin:0}.ph-h2{font-size:1.15rem;font-weight:800;margin:0 0 4px}