.sp-screen{display:grid;gap:14px}.sp-hero{background:linear-gradient(135deg,#0b3f70,#0879bd);color:#fff;border-radius:16px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:18px}.sp-hero h1{margin:4px 0;font-size:25px}.sp-hero p{margin:0;opacity:.9}.sp-hero button{background:#fff;color:#09669d;border:0;border-radius:9px;padding:11px 15px;font-weight:800}.sp-kicker{font-size:11px;font-weight:900;letter-spacing:.08em}.sp-stage-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sp-stage-tabs button{min-height:54px;border:1px solid #cedce7;background:#fff;border-radius:11px;color:#31536d;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px}.sp-stage-tabs button>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e8f1f7}.sp-stage-tabs button>b{background:#e7eff5;border-radius:999px;padding:4px 8px}.sp-stage-tabs button.active{background:#126eb0;border-color:#126eb0;color:#fff;box-shadow:0 5px 15px #0c63932b}.sp-stage-tabs button.active>span,.sp-stage-tabs button.active>b{background:#ffffff26;color:#fff}.sp-list{padding:0;overflow:hidden}.sp-list>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px;border-bottom:1px solid #e4ecf2}.sp-list h2{margin:0 0 4px}.sp-list p{margin:0;color:#708496}.sp-search{display:flex;align-items:center;gap:7px;border:1px solid #cad8e3;background:#fff;border-radius:9px;padding:7px 10px}.sp-search input{border:0;outline:0;min-width:240px}.sp-table small,.sp-table b{display:block}.sp-table small{color:#72879a;margin-top:4px}.sp-table tr[data-detail]{cursor:pointer}.sp-table tr[data-detail]:hover{background:#f1f8fd}.sp-secondary{padding:11px 15px;background:#f7fafc;color:#718497;font-size:12px}.sp-modal-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.sp-modal-head h2{margin:3px 0}.sp-modal-head p{margin:0;color:#6e8294}.sp-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0}.sp-summary>div{border:1px solid #dae5ed;background:#f8fbfd;border-radius:10px;padding:11px}.sp-summary small,.sp-summary b{display:block}.sp-summary small{color:#6d8193;margin-bottom:5px}.sp-lock{display:inline-block;background:#fff1da;color:#935800;border-radius:7px;padding:6px 8px;font-size:11px;font-weight:800}.sp-voucher{display:flex;justify-content:space-between;gap:10px;background:#eaf8f0;border:1px solid #bce4cd;border-radius:10px;padding:12px;margin:14px 0}.sp-audit{display:grid;gap:7px}.sp-audit>div{border-left:3px solid #2b82bb;background:#f5f9fc;padding:8px 11px}.sp-audit b,.sp-audit span{display:block}.sp-audit span{font-size:12px;color:#708395;margin-top:3px}@media(max-width:760px){.sp-hero,.sp-list>header,.sp-modal-head{display:block}.sp-hero button{margin-top:12px}.sp-stage-tabs{grid-template-columns:1fr}.sp-search{margin-top:10px}.sp-search input{min-width:0;width:100%}.sp-summary{grid-template-columns:1fr}}
.sp-hero-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.sp-hero .sp-approve{background:#18a665;color:#fff}.sp-hero .sp-approve:disabled{background:#b7c7d1;color:#eef3f6;cursor:not-allowed}.sp-check{width:42px;text-align:center!important}.sp-check input{width:18px;height:18px;accent-color:#1275b5;cursor:pointer}.sp-table tfoot th{background:#f0f7fb;font-weight:900}@media(max-width:760px){.sp-hero-actions{justify-content:flex-start}.sp-hero-actions button{margin-top:12px}}