.skp-app{--skp-ink:#102d46;--skp-teal:#0f918c;font-family:Manrope,system-ui,sans-serif;color:var(--skp-ink);width:100%;max-width:1440px;margin:0 auto;padding:30px 0 60px;box-sizing:border-box}
.skp-app *{box-sizing:border-box}.skp-heading{background:linear-gradient(125deg,#061b33,#174968);border-radius:20px;padding:clamp(25px,4vw,55px);color:#fff;margin-bottom:24px}.skp-heading span{color:#79e8dc;font-size:11px;font-weight:800;letter-spacing:1.8px}.skp-heading h2{color:#fff;font-size:clamp(30px,4vw,48px);margin:16px 0}.skp-heading p{color:#c0d8e7}.skp-switch{margin:25px 0}.skp-switch label{font-weight:700}.skp-app input,.skp-app select,.skp-app textarea{font:inherit;border:1px solid #b8cddc;border-radius:8px;padding:11px;background:#fff;color:#122e43;max-width:100%}.skp-app button{background:#226bd2;border:0;border-radius:9px;color:#fff;padding:12px 19px;cursor:pointer;font-weight:800}.skp-app button:focus-visible,.skp-app a:focus-visible{outline:3px solid #15aaa1;outline-offset:3px}.skp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 50px}.skp-stats>div{background:#edf5fb;padding:25px;border-radius:15px}.skp-stats small{display:block;color:#5d7a8d;font-size:10px;letter-spacing:1.2px;font-weight:800}.skp-stats strong{display:block;margin-top:10px;font-size:21px;overflow-wrap:anywhere}.skp-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:24px 0 48px}.skp-module{border:1px solid #d7e5ef;border-radius:17px;background:#fff;padding:26px;box-shadow:0 12px 30px #14324a0a}.skp-module span{font-size:27px;color:var(--skp-teal)}.skp-module h4{margin:20px 0 10px;font-size:19px}.skp-module p{font-size:14px;color:#5b7386}.skp-locked{opacity:.48;background:#f2f5f8}.skp-box{background:#edf6fb;border:1px solid #d1e3ee;border-radius:17px;padding:25px;margin:25px 0}.skp-box summary{cursor:pointer;font-weight:800;font-size:17px}.skp-box form{display:grid;gap:17px;margin-top:25px;max-width:780px}.skp-box form>label{display:grid;gap:8px;font-weight:700}.skp-box fieldset{border:1px solid #b8d0df;border-radius:10px;padding:15px}.skp-check{display:block;margin:10px 0;font-size:14px}.skp-check input{margin-right:9px}.skp-records{display:grid;gap:13px}.skp-record{display:flex;justify-content:space-between;gap:30px;border:1px solid #d9e6ef;border-radius:15px;padding:23px;background:#fff}.skp-record small{color:#168c91}.skp-record h4{font-size:19px;margin:10px 0}.skp-record p{color:#61788b}.skp-record form{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.skp-state{display:inline-block;border-radius:30px;padding:7px 12px;background:#e1f5ef;color:#0c807b;font-size:12px;font-weight:800}.skp-notice{background:#e9f5fa;border-left:4px solid #19a8a3;padding:20px;border-radius:8px}.skp-disclaimer{margin-top:45px;color:#6c7e8e;font-size:12px;line-height:1.8}@media(max-width:900px){.skp-modules{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.skp-stats,.skp-modules{grid-template-columns:1fr}.skp-record{display:block}.skp-app{padding:15px 0 40px}}

.skp-profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}.skp-profile-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#16344b}.skp-profile-form input,.skp-profile-form textarea{padding:12px 14px;border:1px solid #cbd7dd;border-radius:10px;background:#fff;max-width:100%;font:inherit}.skp-profile-form label:has(textarea),.skp-profile-form .skp-hint{grid-column:1/-1}.skp-hint{font-size:13px;color:#617385}.skp-profile-form button{grid-column:1/-1;justify-self:start;background:#0b626c;color:white;border:0;padding:13px 22px;border-radius:10px;cursor:pointer}@media(max-width:700px){.skp-profile-form{grid-template-columns:1fr}}

.skp-login{max-width:470px;margin:40px auto;padding:34px;background:white;border:1px solid #dbe7ef;border-radius:22px;box-shadow:0 18px 45px rgba(12,47,70,.08)}
.skp-login h2{margin:0 0 8px;color:#113b50}.skp-login p{color:#5d7482}
.skp-login input[type="text"],.skp-login input[type="password"]{width:100%;padding:12px;border:1px solid #d3e1eb;border-radius:9px}
.skp-login input[type="submit"]{background:#0b6672;border:0;color:#fff;border-radius:9px;padding:12px 24px;cursor:pointer}
.skp-brand-logo{max-width:180px;max-height:90px;object-fit:contain;width:auto;height:auto}
.skp-profile-form input[type="file"]{max-width:100%;font-size:14px}

/* v0.3.4 — independent frontend portal */
body.skp-standalone{margin:0;background:#f2f7fa;color:#14374a;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.skp-shell{min-height:100vh;display:flex;flex-direction:column}
.skp-site-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px max(5vw,24px);background:#082e45;color:#fff}
.skp-site-head a{color:#fff;text-decoration:none;font-weight:650}
.skp-site-head nav{display:flex;gap:22px}
.skp-home-link{font-size:19px;letter-spacing:.06em}.skp-home-link span{color:#7de3d7}
.skp-portal-main{flex:1;width:min(1380px,94vw);margin:30px auto 60px}
.skp-login{margin:8vh auto;max-width:460px;padding:36px;background:#fff;border:1px solid #d9e6ed;border-radius:24px;box-shadow:0 18px 50px rgba(9,52,75,.10)}
.skp-login h2{font-size:29px;margin:0 0 8px}.skp-login p{margin-bottom:24px}
.skp-login form label{display:block;margin:12px 0 5px}
.skp-login form input[type=text],.skp-login form input[type=password]{display:block;width:100%;box-sizing:border-box;border:1px solid #cbdde6;padding:12px;border-radius:10px}
.skp-login form input[type=submit]{background:#087981;color:#fff;border:0;border-radius:10px;padding:13px 20px;font-weight:700;cursor:pointer}
.skp-site-foot{padding:20px;text-align:center;color:#718896;font-size:13px}
@media(max-width:600px){.skp-site-head{padding:18px}.skp-home-link{font-size:15px}.skp-site-head nav{gap:10px}.skp-portal-main{width:95vw}}


/* v0.3.5 premium login redesign */
.skp-site-head{justify-content:flex-end;padding:20px max(5vw,24px);background:transparent;color:#10384c;position:relative;z-index:2}
.skp-site-head nav{display:flex;gap:18px;align-items:center}
.skp-site-head nav a{color:#0f3246;font-weight:700}
.skp-portal-main{width:min(1380px,94vw);margin:0 auto 60px}
body.skp-standalone{background:radial-gradient(circle at top left,#eff8fb 0,#eef4f8 34%,#f7fbfd 100%)}
.skp-login-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:38px;align-items:center;min-height:calc(100vh - 140px);padding:10px 0 40px}
.skp-login-hero{padding:clamp(24px,3vw,40px)}
.skp-eyebrow{display:inline-block;margin-bottom:16px;color:#0a8f8a;font-size:12px;font-weight:800;letter-spacing:1.8px}
.skp-login-hero h1{margin:0 0 18px;font-size:clamp(38px,5vw,64px);line-height:1.05;color:#0f2f44;max-width:11ch}
.skp-login-hero p{margin:0 0 18px;max-width:620px;color:#557184;font-size:18px;line-height:1.75}
.skp-hero-list{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px;max-width:620px}
.skp-hero-list li{background:rgba(255,255,255,.72);backdrop-filter:blur(6px);border:1px solid #dbe8ef;border-radius:16px;padding:16px 18px;color:#12354a;box-shadow:0 10px 30px rgba(9,52,75,.05)}
.skp-hero-list li::before{content:"✓";display:inline-flex;width:24px;height:24px;margin-right:10px;border-radius:999px;align-items:center;justify-content:center;background:#e2f5f3;color:#0a817c;font-weight:800}
.skp-hero-note{display:inline-block;background:linear-gradient(135deg,#0b344d,#0b6672);color:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 18px 40px rgba(7,51,74,.14)}
.skp-login-panel{display:flex;justify-content:flex-end}
.skp-login{margin:0;max-width:520px;width:100%;padding:40px;background:rgba(255,255,255,.92);border:1px solid #dbe8ef;border-radius:28px;box-shadow:0 30px 80px rgba(9,52,75,.12)}
.skp-login h2{font-size:36px;margin:0 0 10px;color:#10384c}
.skp-login p{margin:0 0 26px;color:#617b8c;line-height:1.7}
.skp-login form p{margin:0 0 16px}
.skp-login form label{display:block;margin:0 0 8px;color:#13384e;font-weight:700}
.skp-login form input[type=text],.skp-login form input[type=password]{padding:15px 16px;border:1px solid #cfe0e8;border-radius:12px;background:#f8fbfd}
.skp-login form .login-remember{display:flex;align-items:center;gap:10px;margin:10px 0 18px;color:#5f7888}
.skp-login form .login-remember input{width:18px;height:18px}
.skp-login form input[type=submit]{width:auto;min-width:170px;background:linear-gradient(135deg,#0a6b75,#0aa7a0);padding:14px 22px;border-radius:12px;box-shadow:0 14px 30px rgba(10,118,124,.2)}
.skp-site-foot{padding:18px 20px 28px;color:#6d8391}
@media (max-width: 980px){.skp-login-layout{grid-template-columns:1fr;gap:20px;min-height:auto;padding:0 0 30px}.skp-login-panel{justify-content:stretch}.skp-login{max-width:none}.skp-login-hero h1{max-width:none}}
@media (max-width: 600px){.skp-site-head{padding:16px 18px}.skp-login-hero{padding:10px 4px 0}.skp-login-hero h1{font-size:34px}.skp-login{padding:24px;border-radius:20px}.skp-login form input[type=submit]{width:100%}}


/* v0.4.0 premium in-theme portal */
.skp-app{max-width:1280px;padding:10px 0 64px}
.skp-login-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:42px;align-items:center;padding:28px 0 40px}
.skp-login-hero{padding:18px 12px 18px 0}
.skp-eyebrow{display:inline-block;margin-bottom:16px;color:#0d8e89;font-size:12px;font-weight:800;letter-spacing:1.8px}
.skp-login-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.04;margin:0 0 18px;color:#0f2f44;max-width:11ch}
.skp-login-hero p{margin:0 0 18px;max-width:640px;color:#557184;font-size:18px;line-height:1.75}
.skp-hero-list{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px;max-width:660px}
.skp-hero-list li{display:flex;align-items:flex-start;gap:10px;background:linear-gradient(180deg,#ffffff,#f8fbfd);border:1px solid #dbe8ef;border-radius:18px;padding:16px 18px;box-shadow:0 14px 36px rgba(9,52,75,.05)}
.skp-hero-list li::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;border-radius:999px;background:#e2f5f3;color:#0a817c;font-weight:800}
.skp-hero-visual{position:relative;margin-top:18px;border-radius:26px;overflow:hidden;box-shadow:0 24px 70px rgba(8,52,75,.12);max-width:700px;background:#dbe9f1}
.skp-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:12/8;object-fit:cover}
.skp-hero-note{display:inline-block;margin-top:18px;background:linear-gradient(135deg,#0b344d,#0b6672);color:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 18px 40px rgba(7,51,74,.14)}
.skp-login-panel{display:flex;justify-content:flex-end}
.skp-login{margin:0;max-width:520px;width:100%;padding:40px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,252,253,.96));border:1px solid #dbe8ef;border-radius:28px;box-shadow:0 30px 80px rgba(9,52,75,.12)}
.skp-login-badge{display:inline-block;margin-bottom:14px;padding:7px 11px;border-radius:999px;background:#e6f7f5;color:#0c7f7a;font-size:12px;font-weight:800;letter-spacing:.6px}
.skp-login h2{font-size:36px;margin:0 0 10px;color:#10384c}.skp-login p{margin:0 0 26px;color:#617b8c;line-height:1.7}
.skp-login form p{margin:0 0 16px}.skp-login form label{display:block;margin:0 0 8px;color:#13384e;font-weight:700}.skp-login form input[type=text],.skp-login form input[type=password]{display:block;width:100%;box-sizing:border-box;border:1px solid #cfe0e8;padding:15px 16px;border-radius:12px;background:#f8fbfd}.skp-login form .login-remember{display:flex;align-items:center;gap:10px;margin:10px 0 18px;color:#5f7888}.skp-login form .login-remember input{width:18px;height:18px}.skp-login form input[type=submit]{width:auto;min-width:170px;background:linear-gradient(135deg,#0a6b75,#0aa7a0);padding:14px 22px;border-radius:12px;box-shadow:0 14px 30px rgba(10,118,124,.2)}
.skp-login-links{margin:18px 0 0}.skp-login-links a{color:#0b6672;font-weight:700;text-decoration:none}
.skp-welcome-band{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 28px;margin:12px 0 24px;background:linear-gradient(135deg,#ffffff,#f7fbfd);border:1px solid #dbe8ef;border-radius:22px;box-shadow:0 18px 44px rgba(9,52,75,.06)}
.skp-welcome-band h2{margin:6px 0 10px;font-size:clamp(26px,3vw,38px);color:#0f2f44}.skp-welcome-band p{margin:0;color:#5f7888;max-width:780px;line-height:1.75}
.skp-welcome-actions{display:flex;gap:12px;flex-wrap:wrap}
.skp-ghost-btn,.skp-primary-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:13px 18px;font-weight:800}
.skp-ghost-btn{border:1px solid #cfe0e8;color:#11384c;background:#fff}.skp-primary-btn{background:linear-gradient(135deg,#0b344d,#0b6672);color:#fff;box-shadow:0 14px 30px rgba(11,52,77,.18)}
.skp-heading{margin-bottom:18px;box-shadow:0 24px 56px rgba(6,27,51,.12)}
.skp-switch{display:flex;align-items:center;gap:14px;padding:18px 22px;background:#fff;border:1px solid #dbe8ef;border-radius:18px;box-shadow:0 12px 30px rgba(9,52,75,.05)}
.skp-switch label{display:flex;align-items:center;gap:14px;font-size:17px}.skp-switch select{min-width:280px}
.skp-stats>div,.skp-module,.skp-box,.skp-record{box-shadow:0 12px 30px rgba(20,50,74,.05)}
.skp-module h4{font-size:20px}.skp-module span{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#eaf7f5;color:#0e867f}
.skp-record{align-items:flex-start}
.skp-brand{margin:6px 0 22px;padding:18px 22px;background:#fff;border:1px solid #dbe8ef;border-radius:18px;display:inline-flex;box-shadow:0 12px 30px rgba(9,52,75,.05)}
@media (max-width: 980px){.skp-login-layout{grid-template-columns:1fr;gap:24px}.skp-login-panel{justify-content:stretch}.skp-login{max-width:none}.skp-login-hero h1{max-width:none}.skp-welcome-band{display:block}.skp-welcome-actions{margin-top:18px}.skp-switch{display:block}.skp-switch label{display:grid;gap:10px}}
@media (max-width: 640px){.skp-login{padding:24px;border-radius:20px}.skp-login form input[type=submit]{width:100%}.skp-welcome-band{padding:20px}.skp-heading{padding:26px 22px}.skp-stats,.skp-modules{grid-template-columns:1fr}}

/* v0.4.1 forced route and full site navigation */
body.skp-branded-portal{margin:0;background:linear-gradient(150deg,#f1f7fb,#f9fcfd);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}
.skp-branded-portal .skp-shell{min-height:100vh;width:100%}
.skp-branded-portal .skp-site-head{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px;padding:22px clamp(20px,4vw,64px);background:#fff;border-bottom:1px solid #e2eaf0;box-shadow:0 4px 22px rgba(14,47,73,.03)}
.skp-branded-portal .skp-site-name{font-weight:800;color:#11344c;letter-spacing:-.03em;font-size:21px;text-decoration:none}
.skp-branded-portal .skp-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:clamp(10px,1.35vw,22px);margin-left:auto}
.skp-branded-portal .skp-nav a,.skp-branded-portal .skp-logout{font-size:14px;font-weight:650;text-decoration:none;color:#28495b;white-space:nowrap}
.skp-branded-portal .skp-nav a[aria-current="page"]{color:#008984}
.skp-branded-portal .skp-logout{border:1px solid #cbdfe4;border-radius:9px;padding:8px 13px}
.skp-branded-portal .skp-portal-main{width:min(1280px,calc(100% - 48px));margin:28px auto 64px;min-width:0}
.skp-branded-portal .skp-login-layout{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) minmax(350px,.85fr);gap:40px}
.skp-branded-portal .skp-login-hero,.skp-branded-portal .skp-login-panel{min-width:0}
.skp-branded-portal .skp-login-hero h1{font-size:clamp(34px,4.4vw,60px)}
.skp-branded-portal .skp-login-hero p{font-size:16px}
@media(max-width:1000px){.skp-branded-portal .skp-site-head{align-items:flex-start}.skp-branded-portal .skp-nav{width:100%;order:3;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.skp-branded-portal .skp-login-layout{grid-template-columns:1fr}.skp-branded-portal .skp-login-hero h1{max-width:15ch}}
@media(max-width:640px){.skp-branded-portal .skp-site-head{padding:16px}.skp-branded-portal .skp-portal-main{width:calc(100% - 28px);margin:18px auto 40px}.skp-branded-portal .skp-login-layout{gap:22px}.skp-branded-portal .skp-login-hero{padding:0}.skp-branded-portal .skp-login-hero h1{font-size:34px}.skp-branded-portal .skp-login{padding:25px}}


/* v0.4.2 theme-integrated portal */
.skp-app{--skp-ink:#082e45;--skp-accent:#34d1c6;--skp-soft:#f4f8fb;max-width:1240px;padding:18px 0 70px}
.skp-login-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:44px;align-items:center;padding:10px 0 32px}
.skp-login-hero{padding:12px 8px 12px 0}
.skp-eyebrow{display:inline-block;margin-bottom:14px;color:var(--skp-accent);font-size:12px;font-weight:800;letter-spacing:2px}
.skp-login-hero h1{font-size:clamp(40px,5vw,72px);line-height:1.02;letter-spacing:-.02em;margin:0 0 18px;color:var(--skp-ink);max-width:10ch}
.skp-login-hero p{margin:0 0 18px;max-width:670px;color:#5a7284;font-size:18px;line-height:1.78}
.skp-hero-list{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px;max-width:640px}
.skp-hero-list li{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid #dbe8ef;border-radius:18px;padding:16px 18px;box-shadow:0 14px 34px rgba(8,46,69,.05);color:#11384c}
.skp-hero-list li::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;border-radius:999px;background:#e4fbf8;color:#09807b;font-weight:800}
.skp-hero-visual{position:relative;margin-top:18px;border-radius:28px;overflow:hidden;box-shadow:0 26px 70px rgba(8,46,69,.12);max-width:720px;background:#d9e8f0}
.skp-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.skp-login-panel{display:flex;justify-content:flex-end}
.skp-login{margin:0;max-width:500px;width:100%;padding:42px;background:#fff;border:1px solid #dce8ef;border-radius:30px;box-shadow:0 30px 80px rgba(8,46,69,.10)}
.skp-login-badge{display:inline-block;margin-bottom:14px;padding:7px 12px;border-radius:999px;background:#ebfbf9;color:#0b7c77;font-size:12px;font-weight:800;letter-spacing:.5px}
.skp-login h2{font-size:40px;line-height:1.08;margin:0 0 10px;color:var(--skp-ink)}
.skp-login p{margin:0 0 24px;color:#60798b;line-height:1.75}
.skp-login form p{margin:0 0 16px}
.skp-login form label{display:block;margin:0 0 8px;color:#13384e;font-weight:700}
.skp-login form input[type=text],.skp-login form input[type=password]{display:block;width:100%;box-sizing:border-box;border:1px solid #cfdee7;padding:15px 16px;border-radius:14px;background:#f8fbfd;color:#11384c}
.skp-login form input[type=text]:focus,.skp-login form input[type=password]:focus{outline:none;border-color:#80d8d1;box-shadow:0 0 0 4px rgba(52,209,198,.13)}
.skp-login form .login-remember{display:flex;align-items:center;gap:10px;margin:8px 0 18px;color:#5f7888}.skp-login form .login-remember input{width:18px;height:18px}
.skp-login form input[type=submit]{width:auto;min-width:170px;background:linear-gradient(135deg,#082e45,#0b6672);padding:14px 22px;border-radius:14px;box-shadow:0 16px 30px rgba(8,46,69,.16)}
.skp-login-links{margin:18px 0 0}.skp-login-links a{color:#0b6672;font-weight:700;text-decoration:none}
.skp-welcome-band{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 28px;margin:8px 0 22px;background:linear-gradient(135deg,#fff,#f7fbfd);border:1px solid #dbe8ef;border-radius:22px;box-shadow:0 18px 40px rgba(8,46,69,.06)}
.skp-welcome-band h2{margin:6px 0 10px;font-size:clamp(26px,3vw,38px);color:var(--skp-ink)}
.skp-welcome-band p{margin:0;color:#5f7888;max-width:780px;line-height:1.75}
.skp-welcome-actions{display:flex;gap:12px;flex-wrap:wrap}
.skp-ghost-btn,.skp-primary-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:13px 18px;font-weight:800}
.skp-ghost-btn{border:1px solid #cfe0e8;color:#11384c;background:#fff}.skp-primary-btn{background:linear-gradient(135deg,#082e45,#0b6672);color:#fff;box-shadow:0 14px 30px rgba(8,46,69,.18)}
.skp-heading{background:linear-gradient(135deg,#082e45,#103b56);border-radius:24px;box-shadow:0 24px 56px rgba(8,46,69,.14);margin-bottom:18px}
.skp-heading span{color:#6de8dc}.skp-heading h2{font-size:clamp(30px,4vw,50px)}.skp-heading p{max-width:760px}
.skp-switch{display:flex;align-items:center;gap:14px;padding:18px 22px;background:#fff;border:1px solid #dbe8ef;border-radius:18px;box-shadow:0 12px 30px rgba(8,46,69,.05)}
.skp-switch label{display:flex;align-items:center;gap:14px;font-size:17px}.skp-switch select{min-width:280px}
.skp-stats>div,.skp-module,.skp-box,.skp-record{box-shadow:0 12px 30px rgba(8,46,69,.05)}
.skp-module span{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#ebfbf9;color:#0c7d78}.skp-module h4{font-size:20px}
.skp-record{align-items:flex-start}.skp-brand{margin:6px 0 22px;padding:18px 22px;background:#fff;border:1px solid #dbe8ef;border-radius:18px;display:inline-flex;box-shadow:0 12px 30px rgba(8,46,69,.05)}
@media (max-width: 1024px){.skp-login-layout{grid-template-columns:1fr;gap:26px}.skp-login-panel{justify-content:stretch}.skp-login{max-width:none}.skp-login-hero h1{max-width:none}.skp-welcome-band{display:block}.skp-welcome-actions{margin-top:18px}.skp-switch{display:block}.skp-switch label{display:grid;gap:10px}}
@media (max-width: 640px){.skp-app{padding:10px 0 50px}.skp-login{padding:24px;border-radius:20px}.skp-login form input[type=submit]{width:100%}.skp-welcome-band{padding:20px}.skp-heading{padding:26px 22px}.skp-stats,.skp-modules{grid-template-columns:1fr}}

.skp-form-library{margin:40px 0}.skp-form-library>p{color:#587386}.skp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.skp-form-card{background:#fff;border:1px solid #d9e8ee;border-radius:18px;padding:22px;box-shadow:0 10px 28px rgba(8,46,69,.06)}.skp-form-card summary{font-weight:800;color:#12374d;cursor:pointer}.skp-form-card form{display:grid;gap:13px;margin-top:18px}.skp-form-card label{display:grid;gap:6px;color:#14394f;font-size:13px;font-weight:700}.skp-form-card textarea{width:100%;border:1px solid #cedee7;background:#f9fcfd;border-radius:10px;padding:10px;font:inherit}.skp-form-org{display:flex;justify-content:space-between;gap:12px;background:#eaf6f6;color:#0c505b;padding:12px;border-radius:10px}.skp-form-card button{background:#0c6471}@media(max-width:800px){.skp-form-grid{grid-template-columns:1fr}}