body{margin:0;font-family:system-ui,-apple-system,sans-serif}*,*:before,*:after{box-sizing:border-box}:root{--p-indigo: #4f46e5;--p-indigo-hover: #4338ca;--p-indigo-50: #eef2ff;--p-bg: #f8fafc;--p-card: #ffffff;--p-t1: #0f172a;--p-t2: #475569;--p-t3: #94a3b8;--p-border: #e2e8f0;--p-green: #16a34a;--p-green-50: #dcfce7;--p-amber: #d97706;--p-amber-50: #fef3c7;--p-red: #dc2626;--p-red-50: #fee2e2;--p-blue: #2563eb;--p-blue-50: #dbeafe}.p-shell{display:flex;min-height:100vh;background:var(--p-bg)}.p-topbar{display:flex;align-items:center;justify-content:space-between;background:var(--p-card);padding:0 20px;height:54px;border-bottom:1px solid var(--p-border);flex-shrink:0}.p-brand{font-size:15px;font-weight:800;color:var(--p-indigo);letter-spacing:-.2px}.p-brand span{color:var(--p-t2);font-weight:600}.p-user{display:flex;align-items:center;gap:9px}.p-user .p-uname{font-size:13px;color:var(--p-t2)}.p-avatar{width:28px;height:28px;border-radius:8px;background:var(--p-indigo);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.p-body{display:flex;flex:1;min-height:0}.p-side{width:176px;background:var(--p-card);border-right:1px solid var(--p-border);padding:14px 10px;flex-shrink:0}.p-menu{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--p-t2);padding:9px 12px;border-radius:9px;margin-bottom:3px;cursor:pointer;text-decoration:none;border:none;background:none;width:100%;text-align:left}.p-menu svg{width:15px;height:15px;flex-shrink:0}.p-menu:hover{background:#f1f5f9}.p-menu.on{background:var(--p-indigo-50);color:var(--p-indigo);font-weight:600;box-shadow:inset 3px 0 0 var(--p-indigo)}.p-main{flex:1;padding:20px 24px;overflow:auto}.p-page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.p-page-head .p-title{font-size:16px;font-weight:700}.p-page-head .p-sub{font-size:12px;color:var(--p-t3);margin-top:2px}.p-btn{background:var(--p-indigo);color:#fff;border:1px solid var(--p-indigo);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;line-height:1.2}.p-btn:hover{background:var(--p-indigo-hover)}.p-btn.ghost{background:#fff;color:var(--p-indigo);border-color:var(--p-border)}.p-btn.ghost:hover{border-color:var(--p-indigo)}.p-btn.sm{padding:5px 10px;font-size:12px;border-radius:7px}.p-btn.link{background:none;color:var(--p-indigo);border:none;padding:0;font-weight:500}.p-btn.danger{background:none;color:var(--p-red);border:none;padding:0}.p-btn:disabled{opacity:.5;cursor:not-allowed}.p-card{background:var(--p-card);border:1px solid var(--p-border);border-radius:12px;padding:16px;margin-bottom:14px;box-shadow:0 1px 2px #0f172a08}.p-card h4{font-size:13px;font-weight:700;margin-bottom:12px}.p-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:14px}.p-stat{position:relative;background:var(--p-card);border:1px solid var(--p-border);border-radius:12px;padding:14px 14px 14px 16px;overflow:hidden}.p-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--p-indigo)}.p-stat .p-row{display:flex;align-items:center;gap:10px}.p-stat .p-ic{width:34px;height:34px;border-radius:10px;background:var(--p-indigo-50);color:var(--p-indigo);display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-stat .p-ic svg{width:16px;height:16px}.p-stat .p-n{font-size:20px;font-weight:800;letter-spacing:-.5px}.p-stat .p-l{font-size:11px;color:var(--p-t3);margin-top:2px}.p-table{width:100%;border-collapse:collapse;font-size:12.5px}.p-table th{text-align:left;padding:9px 10px;color:var(--p-t2);font-weight:600;background:#f8fafc;border-bottom:1px solid var(--p-border);white-space:nowrap}.p-table td{padding:10px;border-bottom:1px solid #f1f5f9;color:var(--p-t1)}.p-table tbody tr:hover td{background:var(--p-indigo-50)}.p-tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.p-tag.green{background:var(--p-green-50);color:var(--p-green)}.p-tag.amber{background:var(--p-amber-50);color:var(--p-amber)}.p-tag.red{background:var(--p-red-50);color:var(--p-red)}.p-tag.blue{background:var(--p-blue-50);color:var(--p-blue)}.p-tag.gray{background:#f1f5f9;color:var(--p-t2)}.p-field{margin-bottom:12px;min-width:0}.p-field label{display:block;font-size:12px;color:var(--p-t2);margin-bottom:3px;font-weight:500}.p-hint{font-size:11px;color:var(--p-t3);margin-bottom:5px;line-height:1.4}.p-input,.p-select{width:100%;padding:8px 10px;border:1px solid var(--p-border);border-radius:8px;font-size:13px;color:var(--p-t1);background:#fff;font-family:inherit}.p-input:focus,.p-select:focus{outline:none;border-color:var(--p-indigo);box-shadow:0 0 0 3px var(--p-indigo-50)}.p-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.p-filters{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--p-border);border-radius:10px;padding:8px 10px;margin-bottom:12px;flex-wrap:wrap}.p-filters .p-input,.p-filters .p-select{width:auto;padding:6px 9px;font-size:12px}.p-filters .grow{flex:1;min-width:120px}.p-tabs{display:flex;gap:2px;border-bottom:1px solid var(--p-border);margin-bottom:16px}.p-tabs span{padding:8px 12px;font-size:13px;color:var(--p-t2);cursor:pointer;border-bottom:2px solid transparent}.p-tabs span.on{color:var(--p-indigo);border-bottom-color:var(--p-indigo);font-weight:700}.p-bar{height:7px;background:#f1f5f9;border-radius:999px;overflow:hidden}.p-bar i{display:block;height:100%;border-radius:999px}.p-chart{display:flex;align-items:flex-end;gap:8px;height:120px;padding:8px 0}.p-chart .c{flex:1;background:var(--p-indigo-50);border-radius:5px 5px 0 0}.p-chart .c.hot{background:var(--p-indigo)}.p-empty{text-align:center;padding:32px;color:var(--p-t3)}.p-empty .eic{width:40px;height:40px;margin:0 auto 10px;border-radius:10px;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.p-empty .eic svg{width:20px;height:20px}.p-empty .em{font-size:13px;color:var(--p-t2)}.p-empty .ew{font-size:11px;margin-top:3px}.p-pager{display:flex;gap:6px;justify-content:flex-end;margin-top:12px}.p-pg{width:28px;height:28px;border-radius:7px;border:1px solid var(--p-border);background:#fff;font-size:12px;color:var(--p-t2);display:flex;align-items:center;justify-content:center;cursor:pointer}.p-pg.on{background:var(--p-indigo);border-color:var(--p-indigo);color:#fff;font-weight:700}.p-tip{font-size:12px;color:var(--p-t3)}.p-err{font-size:12px;color:var(--p-red);margin:4px 0}.p-ok{font-size:12px;color:var(--p-green);margin:4px 0}.p-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--p-bg)}.p-login-box{background:#fff;border:1px solid var(--p-border);border-radius:16px;padding:32px;width:320px;text-align:center;box-shadow:0 12px 32px #0f172a0f}.p-login-box .brand{font-size:18px;font-weight:800;color:var(--p-indigo);margin-bottom:4px}.p-login-box .bsub{font-size:12px;color:var(--p-t3);margin-bottom:22px}.p-login-box .p-input{margin-bottom:12px}.p-login-box .p-btn{width:100%;padding:10px}.p-login-box .hint{font-size:11px;color:var(--p-t3);margin-top:16px}@media (max-width: 768px){.p-shell{flex-direction:column}.p-side{width:100%;display:flex;align-items:center;overflow-x:auto;padding:6px 10px;border-right:none;border-bottom:1px solid var(--p-border)}.p-side .p-brand{display:none}.p-side .p-menu{flex-shrink:0;margin-bottom:0;margin-right:4px;white-space:nowrap;padding:7px 10px}.p-topbar{padding:0 12px;height:48px}.p-user .p-uname{display:none}.p-stats{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important}.p-row2{grid-template-columns:1fr}}