.pi-panel{background:#f9fafb;border-radius:24px;border:1px solid #e5e7eb;overflow:hidden;animation:piSlideIn .5s cubic-bezier(.165,.84,.44,1)}.pi-panel-top{padding:40px 40px 32px;position:relative}.pi-panel-top::after{content:"";position:absolute;bottom:0;left:40px;right:40px;height:1px;background:linear-gradient(to right,transparent,#e5e7eb,transparent)}.pi-panel-category{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:50px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:16px}.pi-panel-category.cat-earnings{background:#ecfdf5;color:#1db79c}.pi-panel-category.cat-demand{background:#eff6ff;color:#3b82f6}.pi-panel-category.cat-scope{background:#f3e8ff;color:#8b5cf6}.pi-panel-category.cat-remote{background:#fce7f3;color:#ec4899}.pi-panel-category.cat-ai{background:#fef3c7;color:#f59e0b}.pi-panel-title{font-size:30px;font-weight:900;color:#1a1a1a;line-height:1.2;margin-bottom:14px;letter-spacing:-.5px}.pi-panel-desc{font-size:15px;color:#6b7280;line-height:1.8}.pi-panel-desc a{color:#1db79c;text-decoration:none;font-weight:600;transition:color .3s}.pi-panel-desc a:hover{color:#0ea5e9;text-decoration:underline}.pi-data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:28px 40px}.pi-data-card{background:#fff;border-radius:20px;padding:30px 26px;border:1px solid #e5e7eb;position:relative;overflow:hidden;transition:all .4s ease}.pi-data-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent,linear-gradient(135deg,#1db79c,#0ea5e9));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.pi-data-card:hover::before{transform:scaleX(1)}.pi-data-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.06);border-color:var(--card-border,#1db79c)}.pi-data-card .pi-val{font-size:44px;font-weight:900;line-height:1;margin-bottom:8px;display:block}.pi-data-card .pi-val.grad-teal{background:linear-gradient(135deg,#1db79c,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pi-data-card .pi-val.grad-blue{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pi-data-card .pi-val.grad-purple{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pi-data-card .pi-val.grad-pink{background:linear-gradient(135deg,#ec4899,#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pi-data-card .pi-val.grad-amber{background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pi-data-card .pi-label{font-size:11px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:1.5px;display:block;margin-bottom:14px}.pi-data-card .pi-desc{font-size:13px;color:#6b7280;line-height:1.6;padding-top:14px;border-top:1px solid #f3f4f6}.pi-data-card .pi-icon-bg{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.15;transition:opacity .3s ease}.pi-data-card:hover .pi-icon-bg{opacity:.3}.pi-panel-footer{padding:18px 40px;background:rgba(0,0,0,.02);border-top:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.pi-source{font-size:11px;color:#9ca3af;display:flex;align-items:center;gap:6px}.pi-source a{color:#1db79c;text-decoration:none;font-weight:600;transition:color .3s}.pi-source a:hover{color:#0ea5e9;text-decoration:underline}.pi-source i{font-size:10px;color:#1db79c}.pi-explore-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1db79c;text-decoration:none;transition:all .3s ease}.pi-explore-link:hover{color:#0ea5e9;gap:10px}.pi-explore-link i{font-size:10px;transition:transform .3s ease}.pi-explore-link:hover i{transform:translateX(3px)}@media (max-width:768px){.pi-panel-top{padding:28px 22px 24px}.pi-panel-top::after{left:22px;right:22px}.pi-panel-title{font-size:22px}.pi-data-grid{grid-template-columns:1fr;padding:20px 22px}.pi-data-card .pi-val{font-size:36px}.pi-panel-footer{padding:14px 22px;flex-direction:column;align-items:flex-start}}