.sp-page{color:#242b29}.sp-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:24px}.sp-heading h1{font-size:36px;margin:0 0 12px}.sp-heading h2,.sp-panel h2{font-size:23px;margin:0 0 12px}.sp-page p,.sp-page small,.sp-filters>span{color:#757c79;line-height:1.7}.sp-page p{margin:6px 0}.sp-filters{display:flex;align-items:end;gap:18px;flex-wrap:wrap;margin-bottom:24px}.sp-filters label{display:grid;gap:8px;font-weight:600}.sp-page input,.sp-page select{font:inherit;border:1px solid #dcdedb;border-radius:10px;background:#fff;color:#242b29;padding:12px 14px;min-height:45px}.sp-page input[type=number]{width:160px}.sp-page input:focus,.sp-page select:focus,.sp-page button:focus-visible{outline:3px solid #f4ad91;outline-offset:2px}.sp-tabs{display:flex;gap:10px;margin:24px 0;flex-wrap:wrap}.sp-tabs button{padding:14px 22px;border:1px solid #dedfdb;border-radius:12px;background:#fff;font-weight:700;font-size:16px}.sp-tabs button[aria-pressed=true]{background:#222725;color:white;border-color:#222725}.sp-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:24px 0}.sp-metrics article{background:#fff;border:1px solid #e4e3df;border-top:4px solid #218479;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:15px;min-width:0}.sp-metrics article:nth-child(2){border-top-color:#f45b35}.sp-metrics article:nth-child(3),.sp-metrics article:nth-child(4){border-top-color:#69716d}.sp-metrics strong{font-size:clamp(23px,2.3vw,40px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.sp-metrics span{color:#676e6a;font-weight:600}.sp-metrics small{font-size:13px}.sp-panel{background:#fff;border:1px solid #e3e3de;border-radius:18px;padding:28px;margin:24px 0}.sp-scroll{width:100%;overflow-x:auto}.sp-scroll table{width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;min-width:760px}.sp-scroll th{background:#f7f6f2;color:#777e79;font-weight:600;white-space:nowrap}.sp-scroll th,.sp-scroll td{padding:18px 16px;border-bottom:1px solid #eae9e5;vertical-align:middle}.sp-scroll td:first-child{min-width:180px;max-width:380px;overflow-wrap:anywhere}.sp-scroll td small{display:block;font-size:12px;margin-top:6px}.sp-scroll td details{font-size:12px;max-width:350px;margin-top:8px;color:#727973}.sp-name{border:0;background:transparent;font-weight:700;color:#a95631;padding:0;text-align:left;font-size:16px}.sp-gain{color:#227d72;font-weight:700}.sp-loss{color:#b24631;font-weight:700}.sp-warning{background:#fff5df;border:1px solid #eedbb0;color:#805f29;border-radius:12px;padding:18px 22px;margin:18px 0;line-height:1.7}.sp-warning button{margin-left:15px;border:0;text-decoration:underline;background:transparent}.sp-empty{padding:40px;text-align:center;color:#777}.sp-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sp-upload{position:relative;display:inline-flex;align-items:center;overflow:hidden;border-radius:12px;padding:15px 22px;background:#f35b35;color:#fff;font-weight:700;cursor:pointer}.sp-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;max-width:100%;padding:0}.sp-review{border:2px solid #f1b28f}.sp-review .sp-actions{justify-content:flex-end;margin-top:22px}.sp-page button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1200px){.sp-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.sp-heading h1{font-size:28px}.sp-panel{padding:18px}.sp-metrics{gap:12px}.sp-metrics article{padding:18px}.sp-filters>label{width:100%}.sp-filters input,.sp-filters select{max-width:100%}.sp-tabs button{font-size:14px;padding:12px}.sp-scroll table{min-width:700px}}