.sp-layout{display:grid;grid-template-columns:228px minmax(0,1fr);background:white;border:1px solid #dbe7f3;border-radius:14px;overflow:hidden;color:#082b50;max-width:1100px}.sp-nav{padding:24px 12px;background:linear-gradient(120deg,#f8fbff,#f2f7fc);border-right:1px solid #dbe7f3}.sp-nav a{display:flex;gap:18px;align-items:center;padding:17px 18px;border-radius:10px;margin-bottom:4px;color:#082b50;font-size:14px;text-decoration:none;transition:background .16s,box-shadow .16s}.sp-nav svg{width:23px;height:23px;flex-shrink:0}.sp-nav a[aria-current]{background:linear-gradient(120deg,#073765,#00244c);color:white;box-shadow:0 3px 8px #002b5818}.sp-content{padding:28px;min-width:0}.sp-content>header h2{font-size:25px;margin:0 0 7px;letter-spacing:-.5px}.sp-content>header p{font-size:13px;color:#7187a1;margin:0 0 22px}.sp-box{border:1px solid #dbe7f3;border-radius:12px;padding:16px;margin-bottom:16px}.sp-box h3{font-size:16px;margin:0;padding:0 0 12px;border-bottom:1px solid #e5edf5}.sp-row{display:flex;align-items:center;gap:18px;position:relative;padding:17px 7px;border-bottom:1px solid #e5edf5;cursor:pointer;min-height:74px}.sp-row:last-child{border:0;padding-bottom:5px}.sp-row>svg{width:23px;height:23px;flex-shrink:0}.sp-row>span{flex:1;min-width:0}.sp-row strong{display:block;font-size:13px;font-weight:750}.sp-row small{display:block;font-size:11px;line-height:1.6;color:#7187a1;margin-top:4px}.sp-row input{position:absolute;width:44px;height:44px;right:5px;opacity:0;margin:0;cursor:pointer}.sp-row i{display:block;width:44px;height:26px;border-radius:20px;background:#cbd3dc;flex-shrink:0;position:relative;pointer-events:none;transition:background .18s,box-shadow .18s}.sp-row i:after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:white;border-radius:50%;box-shadow:0 1px 3px #002b5830;transition:transform .18s}.sp-row input:checked+i{background:#007bed}.sp-row input:checked+i:after{transform:translateX(18px)}.sp-row input:focus-visible+i{outline:3px solid #1285ef;outline-offset:4px}.sp-actions{display:flex;gap:24px;align-items:center;margin-top:20px}.sp-actions .btn{min-width:200px;min-height:46px;border-radius:10px}.sp-cancel{border:0;background:none;color:#007be6;text-decoration:underline;font:inherit;font-size:13px;cursor:pointer;padding:12px}.sp-status{font-size:11px;color:#7187a1;line-height:1.5;margin:14px 0 0}.sp-mobile{display:none}.sp-layout :is(a,button,select):focus-visible{outline:3px solid #1285ef;outline-offset:3px}.sp-actions button:active{transform:translateY(1px)}@media(hover:hover){.sp-nav a:not([aria-current]):hover{background:#e9f4ff}.sp-row:hover i{box-shadow:0 0 0 8px #e8f4ff}.sp-actions .primary:hover{background:#074780;box-shadow:0 4px 12px #002b5825}.sp-cancel:hover{color:#004f9b;background:#eef7ff;border-radius:8px}}@media(max-width:1000px){.sp-layout{grid-template-columns:190px minmax(0,1fr)}.sp-content{padding:20px}.sp-nav{padding:18px 8px}.sp-nav a{padding:14px 12px;gap:12px}}@media(max-width:760px){.main:has(.sp-layout){padding:20px 16px 115px}.main:has(.sp-layout) .page-heading .eyebrow{display:none}.main:has(.sp-layout) .page-heading h1{font-size:26px}.main:has(.sp-layout) .page-heading{margin-bottom:16px}.sp-layout{display:block;border:0;background:transparent;overflow:visible}.sp-nav{display:none}.sp-mobile{display:flex;align-items:center;gap:12px;border:1px solid #dbe7f3;border-radius:10px;background:#fff;padding:11px 15px;margin-bottom:14px}.sp-mobile>svg{color:#0084ef;width:20px}.sp-mobile select{width:100%;border:0;background:none;font:inherit;font-weight:700;color:#082b50;min-height:24px}.sp-content{padding:0}.sp-content>header{display:none}.sp-box{background:white;padding:14px;margin-bottom:14px}.sp-box h3{font-size:15px;padding-bottom:12px}.sp-row{gap:13px;padding:14px 2px;min-height:70px}.sp-row>svg{width:20px;height:20px}.sp-row strong{font-size:12px}.sp-row small{font-size:10px;line-height:1.6}.sp-row i{width:38px;height:23px}.sp-row i:after{width:17px;height:17px}.sp-row input:checked+i:after{transform:translateX(15px)}.sp-actions{flex-direction:column;gap:3px;margin-top:15px}.sp-actions .btn{width:100%;min-height:43px}.sp-status{margin-top:8px;font-size:10px}}@media(prefers-reduced-motion:reduce){.sp-layout *{transition:none!important}}
@media(max-width:760px){.sp-mobile{display:block;position:relative;padding:0;border:0;background:none;z-index:20}.sp-picker{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:13px 15px;border:1px solid #dbe7f3;border-radius:11px;background:#fff;color:#082b50;font:inherit;font-size:14px;font-weight:700;text-align:left;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}.sp-picker>svg:first-child{color:#0084ef;width:20px;height:20px}.sp-picker>span{flex:1}.sp-picker>svg:last-child{width:16px;height:16px;transition:transform .18s}.sp-picker[aria-expanded=true]{border-color:#86bcef;box-shadow:0 3px 12px #002b580c}.sp-picker[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.sp-layout .sp-picker:focus-visible{outline:2px solid #479ce4;outline-offset:3px}.sp-category-menu{position:absolute;top:calc(100% + 7px);left:0;right:0;padding:6px;border:1px solid #dbe7f3;border-radius:12px;background:#fff;box-shadow:0 12px 30px #002b5826;max-height:350px;overflow:auto}.sp-category-menu[hidden]{display:none}.sp-category-menu a{display:flex;align-items:center;gap:12px;min-height:44px;padding:11px 12px;border-radius:7px;color:#24445f;text-decoration:none;font-size:13px;transition:background .15s,color .15s}.sp-category-menu a span{flex:1}.sp-category-menu svg{width:19px;height:19px}.sp-category-menu a[aria-current]{background:#eaf5ff;color:#0075d9;font-weight:700}.sp-category-menu a:focus-visible{outline:2px solid #479ce4;outline-offset:-2px;background:#eaf5ff}.sp-picker:active{background:#e5f2ff}.sp-category-menu a:active{background:#dceeff}}
@media(hover:hover){.sp-picker:hover{background:#f0f8ff;border-color:#8bbded;box-shadow:0 3px 10px #002b580c}.sp-category-menu a:hover{background:#edf6ff;color:#006dcb}}
