:root{--pha-bg:#dff3df;--pha-card:#ffffff;--pha-text:#101828;--pha-muted:#667085;--pha-primary:#5B2EFF;--pha-primary2:#7D5CFF;--pha-dark:#0f172a;--pha-dark2:#111c33;--pha-border:rgba(16,24,40,.10);--pha-shadow:0 18px 45px rgba(16,24,40,.12);--pha-radius:18px}html,body{height:100%}body{background:var(--pha-bg);color:var(--pha-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.pha-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px}.pha-card{width:min(440px, 100%);background:var(--pha-card);border:1px solid var(--pha-border);border-radius:var(--pha-radius);box-shadow:var(--pha-shadow);overflow:hidden}.pha-card .pha-top{padding:22px 22px 10px}.pha-brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.2px}.pha-badge{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--pha-primary),var(--pha-primary2));box-shadow:0 10px 25px rgb(91 46 255 / .25);font-weight:900}.pha-title{margin:10px 0 0;font-size:20px;font-weight:900}.pha-sub{margin:6px 0 0;color:var(--pha-muted);font-size:14px;line-height:1.45}.pha-form{padding:14px 22px 22px}.pha-field{margin:12px 0}.pha-label{font-size:13px;font-weight:700;color:#344054;display:block;margin-bottom:6px}.pha-input{width:100%;border:1px solid var(--pha-border);border-radius:14px;padding:12px 12px;font-size:15px;outline:none;background:#fff}.pha-input:focus{border-color:rgb(91 46 255 / .45);box-shadow:0 0 0 4px rgb(91 46 255 / .12)}.pha-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.pha-link{color:var(--pha-primary);text-decoration:none;font-weight:800;font-size:13px}.pha-link:hover{text-decoration:underline}.pha-btn{width:100%;border:0;border-radius:14px;padding:12px 14px;font-size:15px;font-weight:900;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--pha-primary),var(--pha-primary2));box-shadow:0 12px 28px rgb(91 46 255 / .25);margin-top:12px}.pha-btn:active{transform:translateY(1px)}.pha-note{text-align:center;margin-top:12px;font-size:13px;color:var(--pha-muted)}.pha-alert{background:rgb(239 68 68 / .10);border:1px solid rgb(239 68 68 / .25);color:#b42318;padding:10px 12px;border-radius:14px;font-size:13px;font-weight:700;margin-bottom:12px}.pha-app{min-height:100vh;display:flex}.pha-sidebar{width:270px;background:linear-gradient(180deg,var(--pha-dark),var(--pha-dark2));color:rgb(255 255 255 / .90);padding:18px 14px;position:sticky;top:0;height:100vh}.pha-sideBrand{display:flex;align-items:center;gap:10px;padding:10px 10px 16px}.pha-sideBrand .pha-badge{width:38px;height:38px;border-radius:12px}.pha-sideBrand strong{font-size:14px;letter-spacing:.3px}.pha-nav{margin-top:10px}.pha-nav a{display:flex;align-items:center;gap:10px;padding:12px 12px;border-radius:14px;text-decoration:none;color:rgb(255 255 255 / .90);font-weight:800;font-size:14px;margin:6px 0;background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .07)}.pha-nav a:hover{background:rgb(255 255 255 / .10)}.pha-main{flex:1;padding:18px}.pha-topbar{background:rgb(255 255 255 / .70);border:1px solid var(--pha-border);border-radius:18px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 35px rgb(16 24 40 / .10);backdrop-filter:blur(8px)}.pha-topLeft{display:flex;align-items:center;gap:10px;font-weight:900}.pha-hamb{width:42px;height:42px;border-radius:14px;border:1px solid var(--pha-border);background:#fff;cursor:pointer;font-size:18px}.pha-topRight{display:flex;align-items:center;gap:10px}.pha-pill{padding:10px 12px;border-radius:999px;background:#fff;border:1px solid var(--pha-border);font-weight:800;font-size:13px;color:#344054;text-decoration:none}.pha-content{margin-top:16px;display:grid;gap:14px}.pha-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media (max-width:1020px){.pha-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.pha-sidebar{position:fixed;left:-290px;transition:left .25s ease;z-index:50}.pha-app.sidebar-open .pha-sidebar{left:0}}@media (max-width:520px){.pha-grid4{grid-template-columns:1fr}}.pha-stat{background:#fff;border:1px solid var(--pha-border);border-radius:18px;padding:14px;box-shadow:0 12px 30px rgb(16 24 40 / .08)}.pha-stat .k{font-size:12px;color:var(--pha-muted);font-weight:800}.pha-stat .v{font-size:22px;font-weight:950;margin-top:6px}.pha-panel{background:#fff;border:1px solid var(--pha-border);border-radius:18px;padding:14px;box-shadow:0 12px 30px rgb(16 24 40 / .08)}