
.sts148-dashboard{border:1px solid #b9d0e1;background:#f8fbff;border-radius:16px;padding:17px 19px;margin:16px 0;box-shadow:0 5px 18px #12334b0b}
.sts148-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.sts148-top h2,.sts148-page h1{font-size:23px;font-weight:800;color:#12436a;margin:0 0 3px}
.sts148-top p,.sts148-page .intro{font-size:13px;color:#53718b;margin:0}
.sts148-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}
.sts148-metric{border:1px solid #d3e3ef;background:white;border-radius:10px;padding:10px 11px;text-align:left;cursor:pointer;color:#174d76}
.sts148-metric strong{font-size:23px;display:block;line-height:1.2}.sts148-metric span{font-size:12px}
.sts148-action{border:0;border-radius:9px;padding:10px 15px;background:#126da7;color:white;font-weight:700;cursor:pointer}
.sts148-sample{font-size:12px;color:#486c85;margin-top:12px}
.sts148-page{padding:8px 2px 20px;max-width:1100px;margin:0 auto}
.sts148-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 14px}
.sts148-tab{border:1px solid #bfd4e4;border-radius:10px;background:#fff;color:#164b72;padding:10px 13px;font-size:13px;font-weight:700;cursor:pointer}
.sts148-tab[aria-pressed=true]{background:#0d5488;color:white;border-color:#0d5488}
.sts148-list{display:grid;gap:11px}
.sts148-item{background:white;border:1px solid #cfdeeb;border-left:4px solid #2687ba;border-radius:12px;padding:14px 17px;box-shadow:0 4px 14px #193c5e0a}
.sts148-item-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.sts148-item h3{font-size:17px;margin:0 0 4px;color:#163d5e}
.sts148-item p{margin:3px 0;font-size:13px;color:#506e84}
.sts148-status{display:inline-block;font-size:11px;font-weight:700;border-radius:6px;background:#e8f3fb;color:#174d74;padding:4px 8px}
.sts148-date{font-variant-numeric:tabular-nums;color:#496d87;font-size:12px}
.sts148-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.sts148-secondary{border:1px solid #aac8df;background:white;color:#13547e;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer}
.sts148-empty{padding:28px 16px;text-align:center;border:1px dashed #c0d7e6;border-radius:12px;color:#54768d;background:#f8fbfe}
.sts148-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sts148-form label{display:flex;flex-direction:column;gap:6px;color:#214d6c;font-size:13px;font-weight:700}
.sts148-form input,.sts148-form select,.sts148-form textarea{width:100%;padding:10px;border:1px solid #bacfdf;border-radius:8px;box-sizing:border-box;font:inherit;color:#1c4664}
.sts148-form .wide{grid-column:span 2}.sts148-hint{font-size:12px;color:#5c7181}.sts148-log{font-size:12px;border-top:1px solid #dae6ef;padding-top:10px;margin-top:10px}
.sts148-warning{background:#fff7e8;border:1px solid #e4bb70;padding:11px;border-radius:9px;color:#6b4b14;font-size:13px;margin:10px 0}
@media(max-width:620px){.sts148-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.sts148-metric{padding:8px}.sts148-metric strong{font-size:18px}.sts148-form{grid-template-columns:1fr}.sts148-form .wide{grid-column:span 1}}
