.sp-shell{max-width:1240px;margin:0 auto;padding:clamp(18px,3vw,38px)}
.sp-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;padding:clamp(25px,5vw,52px);border-radius:30px;background:linear-gradient(135deg,#073c9e,#0877e8 58%,#48b6f2);color:#fff;box-shadow:0 24px 60px #063c8f32;overflow:hidden}
.sp-eyebrow{font-size:.78rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;opacity:.82}.sp-hero h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.04;margin:.35rem 0}.sp-hero p{max-width:680px;font-size:1.06rem}.sp-avatar{align-self:center;justify-self:center;width:145px;height:145px;border-radius:40px;display:grid;place-items:center;background:#fff;color:#075cff;font-size:4.4rem;box-shadow:0 18px 45px #002f804d}.sp-quick{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.sp-quick a{padding:11px 16px;border-radius:999px;background:#fff;color:#07459c;text-decoration:none;font-weight:900}.sp-quick a.secondary{background:#ffffff20;color:#fff;border:1px solid #ffffff70}
.sp-layout{display:grid;grid-template-columns:240px 1fr;gap:22px;margin-top:22px}.sp-nav,.sp-card{background:#fff;border:1px solid #dce7f6;border-radius:22px;box-shadow:0 10px 34px #244a7812}.sp-nav{padding:13px;height:max-content;position:sticky;top:14px}.sp-nav a{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:3px 0;border-radius:13px;color:#294461;text-decoration:none;font-weight:800}.sp-nav a:hover,.sp-nav a.active{background:#eaf3ff;color:#075cff}.sp-main{min-width:0}.sp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sp-card{padding:21px}.sp-card h2,.sp-card h3{margin-top:0;color:#112e55}.sp-stat strong{display:block;font-size:2rem;color:#075cff}.sp-stat small,.sp-muted{color:#60738c}.sp-wide{grid-column:1/-1}.sp-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sp-row{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:14px 0;border-bottom:1px solid #e6edf6}.sp-row:last-child{border-bottom:0}.sp-chip{display:inline-flex;padding:5px 9px;border-radius:99px;background:#e8f7ed;color:#14733b;font-size:.78rem;font-weight:900}.sp-chip.locked{background:#fff3dc;color:#8a5600}.sp-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sp-field{display:flex;flex-direction:column;gap:6px}.sp-field span{font-weight:900;color:#2b4667}.sp-field input,.sp-field select,.sp-field textarea{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #cbd9ea;border-radius:12px;background:#fff;font:inherit}.sp-field input[readonly]{background:#f4f7fb;color:#5f7188}.sp-field.wide{grid-column:1/-1}.sp-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}.sp-button{border:0;border-radius:999px;padding:11px 17px;background:#075cff;color:#fff;font-weight:900;cursor:pointer}.sp-button.secondary{background:#eaf3ff;color:#075cff}.sp-notice{padding:15px 17px;border-radius:15px;background:#fff7e7;border:1px solid #f5d694;color:#6b4c0a;margin-bottom:16px}.sp-notice.info{background:#eaf5ff;border-color:#b7daf7;color:#164f7c}.sp-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #e6edf6}.sp-toggle input{width:20px;height:20px}.sp-progress{height:10px;background:#eaf0f7;border-radius:99px;overflow:hidden}.sp-progress span{display:block;height:100%;background:linear-gradient(90deg,#075cff,#39b8f2);border-radius:inherit}.sp-empty{text-align:center;padding:35px;color:#60738c}
@media(max-width:900px){.sp-layout{grid-template-columns:1fr}.sp-nav{position:static;display:flex;overflow:auto}.sp-nav a{white-space:nowrap}.sp-grid{grid-template-columns:1fr 1fr}.sp-hero{grid-template-columns:1fr}.sp-avatar{display:none}}
@media(max-width:620px){.sp-shell{padding:14px}.sp-hero{border-radius:22px;padding:25px 20px}.sp-grid,.sp-two,.sp-form{grid-template-columns:1fr}.sp-wide,.sp-field.wide,.sp-actions{grid-column:1}.sp-row{flex-direction:column}.sp-actions{justify-content:stretch}.sp-button{width:100%}}