/* 绩效页视觉覆盖层：不改变页面 ID、表单字段、接口或业务计算。 */
:root{--ink:#16213e;--brand:#4f46e5;--line:#e6eaf2;--paper:#fff;--soft:#f6f8fc}
body{background:radial-gradient(circle at 10% 0,#e9eaff 0,transparent 30%),var(--soft);color:#263247}
.wrap{max-width:1240px;padding:24px}
.topbar{background:linear-gradient(120deg,#111b3d,#3930a4 58%,#6557e8);border:1px solid rgba(255,255,255,.18);box-shadow:0 16px 42px rgba(35,31,105,.22)}
.card{border:1px solid var(--line);box-shadow:0 8px 24px rgba(29,40,75,.055)}
.card:hover{box-shadow:0 12px 30px rgba(29,40,75,.08)}
.tabs{gap:10px;border-bottom:0;padding:7px;background:#eef0ff;border-radius:12px}
.tabs button{border-radius:8px;margin:0;border-bottom:0;padding:9px 14px}
.tabs button.on{color:#fff;background:var(--brand);box-shadow:0 4px 10px rgba(79,70,229,.25)}
th{background:#f5f7fb;color:#475569}td{border-bottom-color:#edf0f5}
input,select,textarea{border-color:#dce2ed;background:#fcfdff}.kpi{border:1px solid #dbe1ff}
@media(max-width:640px){.wrap{padding:12px}.topbar{padding:14px}.card{padding:15px}.tabs{gap:4px}.tabs button{padding:8px 10px}}