.ss-hero{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;margin-bottom:20px;border:1px solid #e5ddff;border-radius:22px;background:linear-gradient(135deg,#fff 30%,#f3efff);overflow:hidden}.ss-hero small{font-size:10px;font-weight:900;letter-spacing:.16em;color:#694ddd}.ss-hero h2{font-size:27px;margin:7px 0}.ss-hero p{margin:0;color:#778294}.ss-hero>span{display:grid;place-items:center;width:82px;height:82px;border-radius:26px;background:#684bdc;color:#fff;font-size:34px;box-shadow:0 16px 38px #694bdd42}.ss-shell{display:grid;grid-template-columns:230px 1fr;min-height:540px;border:1px solid #e3e7ef;border-radius:22px;background:#fff;overflow:hidden}.ss-nav{padding:16px;background:#f8f9fc;border-right:1px solid #e7eaf0}.ss-nav button{display:grid;grid-template-columns:38px 1fr auto;align-items:center;width:100%;padding:11px 10px;margin:3px 0;border:0;border-radius:13px;background:transparent;color:#536075;text-align:left;cursor:pointer}.ss-nav button i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff;font-style:normal}.ss-nav button span{font-weight:700}.ss-nav button em{font-size:8px;font-style:normal;color:#1d9a72}.ss-nav button.active{background:#ebe6ff;color:#593bd2}.ss-nav button.active i{background:#6749db;color:#fff}.ss-main{padding:28px 32px}.ss-pane{display:none}.ss-pane.active{display:block}.ss-section-head{display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid #edf0f4}.ss-section-head>i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eee9ff;color:#6546d7;font-size:20px;font-style:normal}.ss-section-head h3{margin:0 0 4px;font-size:20px}.ss-section-head p{margin:0;color:#87909e}.ss-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:23px}.ss-field{display:flex;flex-direction:column;gap:7px}.ss-field>span{font-size:12px;font-weight:800;color:#4d596a}.ss-field input,.ss-field select{height:47px;padding:0 14px;border:1px solid #dfe4ec;border-radius:12px;background:#fff;color:#192335;font-size:14px}.ss-field input:focus,.ss-field select:focus{outline:3px solid #6a4bda18;border-color:#7458df}.ss-field input:disabled{background:#f5f6f8;color:#8c95a2}.ss-field small{color:#929aa6}.ss-toggles{display:grid;gap:11px;margin-top:24px}.ss-toggle{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #e6e9ef;border-radius:14px;cursor:pointer}.ss-toggle input{display:none}.ss-toggle>i{width:43px;height:24px;padding:3px;border-radius:99px;background:#cfd5de;transition:.2s}.ss-toggle>i:after{content:'';display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:.2s}.ss-toggle input:checked+i{background:#6749db}.ss-toggle input:checked+i:after{transform:translateX(19px)}.ss-toggle span{display:flex;flex-direction:column;gap:2px}.ss-toggle small{color:#8993a1}.ss-lock{display:flex;align-items:center;gap:13px;padding:17px;margin-top:24px;border:1px solid #cdeedf;border-radius:14px;background:#f3fbf7}.ss-lock>i{font-style:normal;color:#159467}.ss-lock div{display:flex;flex:1;flex-direction:column}.ss-lock small{color:#688176}.ss-lock em{padding:6px 9px;border-radius:99px;background:#d9f4e7;color:#15855f;font-size:10px;font-style:normal;font-weight:800}.ss-note,.ss-readonly{padding:14px 16px;margin-top:22px;border-radius:12px;background:#f4f6fa;color:#697587}.ss-readonly{background:#fff8e8;color:#8a671c}.ss-actions{display:flex;align-items:center;justify-content:space-between;margin-top:28px;padding-top:20px;border-top:1px solid #edf0f4}.ss-actions span{font-size:11px;color:#919aa8}.ss-actions button{min-width:190px}@media(max-width:760px){.ss-hero{padding:22px}.ss-hero>span{display:none}.ss-shell{display:block;border:0;background:transparent}.ss-nav{display:flex;gap:7px;padding:0 0 13px;border:0;overflow:auto;background:transparent}.ss-nav button{display:flex;flex:0 0 auto;width:auto;padding:8px 11px;background:#fff;border:1px solid #e4e7ed}.ss-nav button i{width:27px;height:27px}.ss-nav button em{display:none}.ss-main{padding:20px;border:1px solid #e3e7ef;border-radius:18px;background:#fff}.ss-grid{grid-template-columns:1fr}.ss-actions{align-items:stretch;flex-direction:column;gap:13px}.ss-actions button{width:100%}}