.ph{--ph-bg: #f7f8fd;--ph-card: #ffffff;--ph-surface: #f1f4fb;--ph-text: #172033;--ph-muted: #536078;--ph-border: #dce3f1;--ph-blue: #2f56c9;--ph-blue-soft: #e6edff;--ph-lav: #5b49d6;--ph-lav-soft: #eeebff;--ph-primary: #5b49d6;--ph-mint: #0f7f66;--ph-mint-soft: #e2f8f1;--ph-peach: #c4561a;--ph-peach-soft: #fff0e7;--ph-pink: #c2337f;--ph-pink-soft: #ffe9f4;--ph-ok: #15803d;--ph-ok-soft: #dcfce7;--ph-warn: #b45309;--ph-warn-soft: #fef3c7;--ph-bad: #b91c1c;--ph-bad-soft: #fee2e2;--ph-shadow: 0 1px 2px rgba(23, 32, 51, .04), 0 10px 30px -18px rgba(79, 125, 243, .35);--ph-radius: 18px;color:var(--ph-text);background:var(--ph-bg)}.dark .ph{--ph-bg: #101319;--ph-card: #1b2029;--ph-surface: #232b37;--ph-text: #f1f4fa;--ph-muted: #adb7c7;--ph-border: #303745;--ph-blue: #60a5fa;--ph-blue-soft: rgba(96, 165, 250, .16);--ph-lav: #a28aff;--ph-lav-soft: rgba(162, 138, 255, .16);--ph-mint: #2dd4bf;--ph-mint-soft: rgba(45, 212, 191, .16);--ph-peach: #fbbf24;--ph-peach-soft: rgba(251, 191, 36, .16);--ph-pink: #f472b6;--ph-pink-soft: rgba(244, 114, 182, .16);--ph-ok: #34d399;--ph-ok-soft: rgba(52, 211, 153, .16);--ph-warn: #fbbf24;--ph-warn-soft: rgba(251, 191, 36, .16);--ph-bad: #fb7185;--ph-bad-soft: rgba(251, 113, 133, .16);--ph-info: #60a5fa;--ph-primary: #7555e8;--ph-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 24px -18px rgba(0, 0, 0, .7)}.ph-card{background:var(--ph-card);border:1px solid var(--ph-border);border-radius:var(--ph-radius);box-shadow:var(--ph-shadow)}.ph-surface{background:var(--ph-surface);border:1px solid var(--ph-border)}.ph-muted{color:var(--ph-muted)}.ph-tile{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--tile-a),var(--tile-b));box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #0000001f,0 8px 16px -8px var(--tile-b)}.ph-tile:after{content:"";position:absolute;top:2px;right:2px;bottom:55%;left:2px;border-radius:12px 12px 40% 40%;background:linear-gradient(180deg,#ffffff61,#fff0);pointer-events:none}.ph-tile>svg{position:relative;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.ph-tile-blue{--tile-a: #7ea2ff;--tile-b: #3f6ae0}.ph-tile-lav{--tile-a: #b3a7ff;--tile-b: #7462e6}.ph-tile-mint{--tile-a: #6fe0c0;--tile-b: #1aa982}.ph-tile-peach{--tile-a: #ffb58c;--tile-b: #f0742f}.ph-tile-pink{--tile-a: #ff9ccf;--tile-b: #dc4a94}.ph-tile-amber{--tile-a: #ffd27a;--tile-b: #e3970d}.ph-bar{height:8px;border-radius:999px;background:var(--ph-surface);overflow:hidden;position:relative}.ph-bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ph-lav),var(--ph-blue));transition:width .4s ease}.ph-bar>b{position:absolute;top:-3px;width:2px;height:14px;background:var(--ph-text);opacity:.6}@media (prefers-reduced-motion: reduce){.ph-bar>i{transition:none}}.ph-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:12px;font-size:12px;font-weight:700;border:1px solid var(--ph-border);background:var(--ph-card);color:var(--ph-text)}.ph-btn:hover{font-weight:800}.ph-btn:focus-visible{outline:2px solid var(--ph-blue);outline-offset:2px}.ph-btn-primary{background:var(--ph-lav-soft);border-color:transparent;color:var(--ph-lav)}.dark .ph-btn-primary{background:var(--ph-primary);color:#fff;border-color:transparent}.dark .ph-btn{border-color:var(--ph-border)}@media (max-width: 640px){.ph-btn{min-height:44px}}.ph-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.ph-table th{text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ph-muted);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--ph-border)}.ph-table td{padding:10px;border-bottom:1px solid var(--ph-border);vertical-align:middle}.ph-table tr:last-child td{border-bottom:0}.ph-table tbody tr:hover td{font-weight:600}.ph-num{font-variant-numeric:tabular-nums}.ph-hero{background:linear-gradient(120deg,var(--ph-card) 55%,var(--ph-lav-soft))}.dark .ph-hero{background:linear-gradient(120deg,#1b2029,#1e2436 60%,#7555e838)}.dark .ph-tile{box-shadow:inset 0 1px #ffffff59,inset 0 -2px #00000040,0 6px 14px -8px #000c}.ph{--ico-green: #15803d;--ico-green-bg: #dcfce7;--ico-yellow: #b45309;--ico-yellow-bg: #fef3c7;--ico-blue: #1d4ed8;--ico-blue-bg: #dbeafe;--ico-red: #b91c1c;--ico-red-bg: #fee2e2;--ico-violet: #5b49d6;--ico-violet-bg: #eeebff;--ico-orange: #c2410c;--ico-orange-bg: #ffedd5;--ico-cyan: #0e7490;--ico-cyan-bg: #cffafe}.dark .ph{--ico-green: #34d399;--ico-green-bg: rgba(52,211,153,.14);--ico-yellow: #fbbf24;--ico-yellow-bg: rgba(251,191,36,.14);--ico-blue: #60a5fa;--ico-blue-bg: rgba(96,165,250,.14);--ico-red: #fb7185;--ico-red-bg: rgba(251,113,133,.14);--ico-violet: #a28aff;--ico-violet-bg: rgba(162,138,255,.16);--ico-orange: #fb923c;--ico-orange-bg: rgba(251,146,60,.14);--ico-cyan: #22d3ee;--ico-cyan-bg: rgba(34,211,238,.14)}.ph-ico{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.ph-ico-green{color:var(--ico-green);background:var(--ico-green-bg)}.ph-ico-yellow{color:var(--ico-yellow);background:var(--ico-yellow-bg)}.ph-ico-blue{color:var(--ico-blue);background:var(--ico-blue-bg)}.ph-ico-red{color:var(--ico-red);background:var(--ico-red-bg)}.ph-ico-violet{color:var(--ico-violet);background:var(--ico-violet-bg)}.ph-ico-orange{color:var(--ico-orange);background:var(--ico-orange-bg)}.ph-ico-cyan{color:var(--ico-cyan);background:var(--ico-cyan-bg)}.ph-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--ph-lav);background:transparent;border:0;padding:4px 6px;border-radius:8px;cursor:pointer}.ph-link:hover{text-decoration:underline}.ph-pill{border:1px solid var(--ph-border);background:var(--ph-card);color:var(--ph-text);border-radius:10px;padding:6px 14px;font-size:13px;font-weight:600}.ph-pill[aria-selected=true]{background:var(--ph-primary);color:#fff;border-color:transparent}.ph-cmp{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,1.1fr) 3.2rem;gap:10px;align-items:center}.ph-avatar{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:var(--ph-lav-soft);color:var(--ph-lav);flex-shrink:0}