.sp-page{color:#142e50;display:grid;gap:18px}.sp-header{display:flex;justify-content:space-between;align-items:center;gap:18px}.sp-header h2{font-size:30px;margin:6px 0}.sp-header p,.sp-note{font-size:13px;color:#62748c;line-height:1.6}.sp-eyebrow{font-size:11px;letter-spacing:.1em;color:#0094a4;font-weight:800}.sp-actions,.sp-tabs,.sp-pagination,.sp-list-head,.sp-detail-head{display:flex;gap:10px;align-items:center;justify-content:space-between}.sp-tabs{justify-content:flex-start}.sp-tabs button[aria-pressed=true]{background:#1764e8;color:white}.sp-card,.sp-filters{padding:20px;background:white;border:1px solid #dae5f2;border-radius:16px;min-width:0}.sp-filters{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr auto;gap:12px;align-items:end}.sp-page label,.sp-settings label{display:grid;gap:6px;font-size:12px;font-weight:700}.sp-page input,.sp-page select,.sp-settings input,.sp-settings select{width:100%;box-sizing:border-box;min-width:0;border:1px solid #ccddef;border-radius:9px;min-height:42px;padding:8px;color:#16304f;background:white}.sp-page .btn,.sp-settings .btn{min-height:42px}.sp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sp-kpi{border:1px solid #dce8f3;border-radius:16px;padding:20px;text-align:left;display:grid;gap:7px;color:#173957;background:#f1f5fa;cursor:pointer}.sp-kpi strong{font-size:34px}.sp-kpi span{font-size:13px;font-weight:750}.sp-kpi.inside{background:#e5f8f4}.sp-kpi.outside{background:#ecf0ff}.sp-kpi.review{background:#fff5dc}.sp-kpi.active{outline:2px solid #2589a7;outline-offset:2px}.sp-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.sp-layout.has-detail{grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr)}.sp-layout>aside[hidden]{display:none}.sp-table-scroll{overflow:auto}.sp-page table{width:100%;border-collapse:collapse;font-size:12px}.sp-page th{text-align:left;padding:13px;background:#f0f5fb;white-space:nowrap}.sp-page td{padding:13px 8px;border-bottom:1px solid #e5edf6}.sp-page tr.selected{background:#e9f8f7}.sp-person{display:flex;align-items:center;gap:12px;background:none;border:0;text-align:left;color:#173957;cursor:pointer;min-width:180px}.sp-person small{display:block;color:#6c7b94;margin-top:5px}.sp-avatar{display:grid;place-items:center;background:#d5f2ef;color:#007d83;border-radius:50%;width:42px;height:42px;flex-shrink:0;font-weight:800}.sp-tag{display:inline-block;padding:7px 10px;border-radius:20px;background:#f0f4f8;white-space:nowrap}.sp-tag.inside{background:#dcf7ee;color:#006e60}.sp-tag.outside{background:#eaf0ff;color:#2258b4}.sp-tag.review{background:#fff1d0;color:#905a00}.sp-pagination{margin-top:18px;font-size:12px}.sp-history-filter{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sp-history-filter button{grid-column:1/-1}.sp-timeline{list-style:none;padding:0}.sp-timeline li{border-left:2px solid #c5e9e6;padding:0 0 20px 14px;margin-left:5px;overflow-wrap:anywhere}.sp-timeline span,.sp-timeline small,.sp-timeline em{display:block;font-size:12px;margin-top:5px}.sp-timeline em{color:#925d00}.sp-settings{width:min(650px,92vw);max-height:86vh;border:1px solid #d5e3f0;border-radius:20px;padding:24px;color:#16304f}.sp-settings::backdrop{background:#0c244b88}.sp-settings section{border-top:1px solid #dae5f2;padding-top:12px;margin-top:18px}.sp-settings form{display:grid;gap:12px}.sp-settings .sp-check{display:flex;align-items:center;gap:10px;margin:8px 0}.sp-check input{width:20px;min-height:20px}.sp-page button:focus-visible{outline:3px solid #079bad;outline-offset:2px}#sp-message:not(:empty){padding:14px;background:#fff2d4;border-radius:10px}#sp-settings-message{color:#07766e}.sp-local-banner{position:fixed;bottom:0;left:0;right:0;background:#fff1c1;color:#785400;text-align:center;font-size:12px;padding:7px;z-index:9999;pointer-events:none}
@media(max-width:1150px){.sp-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-header{align-items:flex-start;flex-direction:column}.sp-layout.has-detail{grid-template-columns:1fr}.sp-layout.has-detail>aside{grid-row:1}.sp-kpi{padding:14px}.sp-card{padding:14px}}
@media(max-width:550px){.sp-kpis{grid-template-columns:1fr 1fr;gap:10px}.sp-header h2{font-size:25px}.sp-actions{flex-wrap:wrap}.sp-kpi strong{font-size:28px}.sp-page{gap:12px}.sp-settings{padding:16px}.sp-local-banner{font-size:10px}.sp-person{min-width:160px}}
.sp-layout .sp-detail-panel[hidden]{display:none}.sp-layout .sp-detail-panel{align-self:start;color:#142e50}.sp-layout{align-items:start}
@media(max-width:1150px){.sp-layout.has-detail>.sp-detail-panel{grid-row:1}}