.sp-login-step{position:relative}.sp-login-headline{color:var(--foreground);margin:0 0 4px;font-size:22px;font-weight:700}.sp-login-subtext{color:var(--muted-foreground);margin:0 0 24px;font-size:14px}.sp-pin-group{gap:12px;display:flex}.sp-pin-box{text-align:center;border:1px solid var(--border);background:var(--surface);width:48px;height:56px;color:var(--foreground);border-radius:8px;font-size:24px}.sp-pin-box.sp-pin-filled{border-color:var(--primary);animation:.2s ease-out sp-pin-pop}@keyframes sp-pin-pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.sp-pin-shake{animation:.3s ease-in-out sp-pin-shake-kf}@keyframes sp-pin-shake-kf{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.sp-pin-box.sp-pin-filled,.sp-pin-shake{animation:none}}.sp-pin-toggle{align-self:center;margin-left:8px}.sp-pin-toggle-pill{border:1px solid var(--border);background:var(--background);width:36px;height:36px;color:var(--muted-foreground);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.sp-pin-toggle-pill:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}@media (prefers-reduced-motion:reduce){.sp-pin-toggle-pill{transition:none}}.sp-login-back{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;font-size:13px;display:flex}.sp-login-back:hover{color:var(--primary)}.sp-login-error{margin-bottom:16px}.sp-login-forgot{text-align:center;color:var(--muted-foreground);margin-top:12px;font-size:13px}.sp-deco-layer{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.sp-deco-icon{color:#fff;opacity:.18;filter:blur(.5px);animation:8s ease-in-out infinite sp-deco-float;position:absolute}.sp-deco-1{width:72px;height:72px;animation-duration:9s;top:8%;left:10%}.sp-deco-2{width:56px;height:56px;animation-duration:7s;animation-delay:1s;top:68%;left:6%}.sp-deco-3{width:40px;height:40px;animation-duration:6s;animation-delay:.5s;top:14%;right:8%}.sp-deco-4{width:32px;height:32px;animation-duration:8s;animation-delay:2s;top:40%;right:14%}.sp-deco-5{width:48px;height:48px;animation-duration:10s;animation-delay:1.5s;bottom:10%;right:20%}.sp-deco-6{width:28px;height:28px;animation-duration:7s;animation-delay:.8s;bottom:20%;left:22%}@keyframes sp-deco-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-16px)rotate(6deg)}}@media (prefers-reduced-motion:reduce){.sp-deco-icon{animation:none}}.sp-login-field{margin-bottom:20px}.sp-login-label{color:var(--muted-foreground);margin-bottom:8px;font-size:14px;display:block}.sp-login-steps{display:grid}.sp-login-slide{grid-area:1/1;transition:transform .25s,opacity .2s}.sp-login-slide-id{opacity:1;pointer-events:auto;transform:translate(0)}.sp-login-slide-pin{opacity:0;pointer-events:none;transform:translate(24px)}.sp-login-steps[data-step=pin] .sp-login-slide-id{opacity:0;pointer-events:none;transform:translate(-24px)}.sp-login-steps[data-step=pin] .sp-login-slide-pin{opacity:1;pointer-events:auto;transform:translate(0)}.sp-login-gradient-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-strong) 100%)!important;border:none!important}.sp-login-success{animation:.3s ease-out sp-login-pulse}@keyframes sp-login-pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.sp-login-success{animation:none}.sp-login-slide,.sp-login-slide-id,.sp-login-slide-pin,.sp-login-steps[data-step=pin] .sp-login-slide-id,.sp-login-steps[data-step=pin] .sp-login-slide-pin{transition:none}}.sp-request-otp-step{flex-direction:column;display:flex}.sp-verify-otp-message,.sp-set-new-pin-message,.sp-invite-message{color:var(--muted-foreground);text-align:center;margin:0 0 16px;font-size:14px}.sp-stat-tile{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.sp-stat-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sp-stat-tile-icon-wrap{justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.sp-stat-tile-primary .sp-stat-tile-icon-wrap{color:var(--primary)}.sp-stat-tile-accent .sp-stat-tile-icon-wrap{color:var(--accent)}.sp-stat-tile-icon{z-index:1;position:relative}.sp-stat-tile-ring{width:40px;height:40px;position:absolute;inset:0;transform:rotate(-90deg)}.sp-stat-tile-ring-track{fill:none;stroke:var(--border);stroke-width:3px}.sp-stat-tile-ring-fill{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset .7s var(--ease-out)}.sp-stat-tile-value{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.1}.sp-stat-tile-label{color:var(--muted-foreground);font-size:13px}.sp-empty-state{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);color:var(--muted-foreground);flex-direction:column;display:flex}.sp-empty-state-icon-wrap{background:var(--surface);border:1px solid var(--border);width:56px;height:56px;color:var(--primary);margin-bottom:var(--space-2);border-radius:50%;justify-content:center;align-items:center;display:flex}.sp-empty-state-title{color:var(--foreground);margin:0;font-size:15px;font-weight:600}.sp-empty-state-description{max-width:280px;margin:0;font-size:13px}.sp-empty-state-action{margin-top:var(--space-2)}.sp-home{padding-bottom:var(--space-5)}.sp-home-greeting{margin:0 0 4px;font-size:22px}.sp-home-subtitle{margin:0 0 var(--space-5);color:var(--muted-foreground);font-size:14px}.sp-home-stats{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.sp-home-stat-skeleton{border-radius:var(--radius-md)!important;height:108px!important}@keyframes sp-stat-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sp-home-stat-link{color:inherit;animation:sp-stat-in var(--duration-base) var(--ease-out) both;animation-delay:calc(var(--stagger-index) * 60ms);text-decoration:none;display:block}@keyframes sp-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sp-course-row{gap:var(--space-3);width:100%;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);animation:sp-row-in var(--duration-base) var(--ease-out) both;animation-delay:calc(min(var(--stagger-index), 8) * 40ms);display:flex}.sp-course-row:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sp-course-row-success{border-left-color:var(--success)}.sp-course-row-accent{border-left-color:var(--accent)}.sp-course-row-icon{border-radius:var(--radius-sm);background:var(--background);width:36px;height:36px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-course-row-body{flex-direction:column;gap:4px;min-width:0;display:flex}.sp-course-row-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.sp-course-row-name{margin:0;font-size:16px}.sp-course-row-status{background:var(--background);color:var(--muted-foreground);text-transform:capitalize;border-radius:999px;flex-shrink:0;padding:2px 10px;font-size:12px;font-weight:600}.sp-course-row-success .sp-course-row-status{background:var(--success-bg);color:var(--success)}.sp-course-row-accent .sp-course-row-status{background:var(--danger-bg);color:var(--accent)}.sp-course-row-dates{color:var(--muted-foreground);margin:0;font-size:13px}.sp-course-row-meta{color:var(--muted-foreground);margin:4px 0 0;font-size:13px}.sp-courses-list-item{padding:0 0 var(--space-3)!important;border-bottom:none!important;display:block!important}.sp-courses-loading{gap:var(--space-3);flex-direction:column;display:flex}.sp-txn-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);animation:sp-row-in var(--duration-base) var(--ease-out) both;animation-delay:calc(min(var(--stagger-index), 8) * 40ms);display:flex}.sp-txn-row:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sp-txn-row-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sp-txn-row-credit .sp-txn-row-icon{background:var(--success-bg);color:var(--success)}.sp-txn-row-debit .sp-txn-row-icon{background:var(--danger-bg);color:var(--danger)}.sp-txn-row-body{flex:1;min-width:0}.sp-txn-row-header{justify-content:space-between;align-items:center;display:flex}.sp-txn-row-amount{font-variant-numeric:tabular-nums;font-weight:700}.sp-txn-row-credit .sp-txn-row-amount{color:var(--success)}.sp-txn-row-debit .sp-txn-row-amount{color:var(--danger)}.sp-txn-row-type{color:var(--muted-foreground);text-transform:capitalize;font-size:12px}.sp-txn-row-meta{color:var(--muted-foreground);margin:2px 0 0;font-size:12px}.sp-fees{gap:var(--space-4);flex-direction:column;display:flex}.sp-fees-transactions{flex-direction:column;display:flex}.sp-fees-list-item{padding:0 0 var(--space-2)!important;border-bottom:none!important;display:block!important}.sp-fees-loading{gap:var(--space-4);flex-direction:column;display:flex}.sp-fees-balance-skeleton{border-radius:var(--radius-md)!important;height:96px!important}.sp-test-row{width:100%;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);animation:sp-row-in var(--duration-base) var(--ease-out) both;animation-delay:calc(min(var(--stagger-index), 8) * 40ms);flex-direction:column;gap:6px;display:flex}.sp-test-row:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sp-test-row-pass{border-left-color:var(--success)}.sp-test-row-fail{border-left-color:var(--danger)}.sp-test-row-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.sp-test-row-score{margin:0;font-size:16px;font-weight:700}.sp-test-row-date{color:var(--muted-foreground);margin:0;font-size:13px}.sp-tests{gap:var(--space-4);flex-direction:column;display:flex}.sp-tests-list{flex-direction:column;display:flex}.sp-tests-list-item{padding:0 0 var(--space-3)!important;border-bottom:none!important;display:block!important}.sp-tests-loading{gap:var(--space-4);flex-direction:column;display:flex}.sp-tests-stat-skeleton{border-radius:var(--radius-md)!important;height:108px!important}.sp-logout-button{color:var(--danger);border-color:var(--border);align-items:center;gap:8px;display:flex}.sp-logout-button:hover{color:var(--danger)!important;border-color:var(--danger)!important}.sp-profile{padding-bottom:var(--space-5)}.sp-profile-header{margin-bottom:var(--space-5);flex-direction:column;align-items:center;gap:4px;display:flex}.sp-profile-avatar-ring{background:linear-gradient(135deg, var(--primary), var(--accent));margin-bottom:var(--space-2);border-radius:50%;padding:3px}.sp-profile-avatar-ring .ant-avatar{border:3px solid var(--surface);display:block}.sp-profile-name{margin:0}.sp-profile-id{color:var(--muted-foreground);font-size:13px}.sp-profile-fields{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.sp-profile-field{justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);font-size:14px;display:flex}.sp-profile-field:last-child{border-bottom:none;padding-bottom:0}.sp-profile-field-label{color:var(--muted-foreground)}.sp-profile-field-value{text-align:right}.sp-profile-logout{margin-top:var(--space-4);max-width:240px}.sp-profile-loading{align-items:center;gap:var(--space-4);padding-top:var(--space-4);flex-direction:column;display:flex}.sp-bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:10;justify-content:space-around;padding:8px 0;display:flex;position:fixed;bottom:0;left:0;right:0}.sp-bottom-nav-pill{bottom:4px;left:var(--pill-left);width:var(--pill-width);background:var(--primary);height:3px;transition:left var(--duration-base) var(--ease-out), width var(--duration-base) var(--ease-out);border-radius:2px;position:absolute}.sp-bottom-nav-item{color:var(--muted-foreground);min-width:56px;min-height:48px;transition:color var(--duration-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;display:flex}.sp-bottom-nav-icon{transition:transform var(--duration-fast) var(--ease-out)}.sp-bottom-nav-item:active .sp-bottom-nav-icon{transform:scale(.85)}.sp-bottom-nav-item.sp-bottom-nav-active{color:var(--primary)}.sp-bottom-nav-item.sp-bottom-nav-active .sp-bottom-nav-icon{transform:scale(1.1)}@media (width>=1024px){.sp-bottom-nav{display:none}}.sp-app-layout{min-height:100vh;padding-bottom:64px}.sp-app-layout-sidebar{display:none}@media (width>=1024px){.sp-app-layout{grid-template-columns:220px 1fr;padding-bottom:0;display:grid}.sp-app-layout-sidebar{border-right:1px solid var(--border);padding:var(--space-5) var(--space-4);flex-direction:column;display:flex}}.sp-app-layout-sidebar-footer{padding-top:var(--space-4);margin-top:auto}.sp-app-layout-content{padding:var(--space-4)}@keyframes sp-page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sp-app-layout-page{animation:sp-page-in var(--duration-base) var(--ease-out)}.sp-app-layout-brand{margin-bottom:var(--space-5);color:var(--primary-strong);font-size:16px;font-weight:700}.sp-app-layout-nav{flex-direction:column;gap:4px;display:flex;position:relative}.sp-app-layout-nav-pill{left:0;right:0;top:var(--pill-top);height:var(--pill-height);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:var(--radius-sm);transition:top var(--duration-base) var(--ease-out), height var(--duration-base) var(--ease-out);position:absolute}.sp-app-layout-nav-item{z-index:1;border-radius:var(--radius-sm);color:var(--muted-foreground);transition:color var(--duration-fast) var(--ease-out);align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex;position:relative}.sp-app-layout-nav-item:hover{color:var(--foreground)}.sp-app-layout-nav-item.sp-app-layout-nav-active{color:var(--primary);font-weight:600}:root,:root[data-theme=light]{--background:#faf9f5;--surface:#fff;--foreground:#1c2321;--primary:#2e7d5b;--primary-strong:#1f5a40;--primary-deep:#142825;--accent:#e8734a;--border:#e3e0d6;--muted-foreground:#6b7370;--success:#2e7d5b;--success-bg:#e5f3ec;--danger:#c0432e;--danger-bg:#fbe9e5;--shadow-sm:0 1px 2px #1c23210f, 0 1px 3px #1c232114;--shadow-md:0 4px 12px #1c232114, 0 2px 4px #1c23210f;--shadow-lg:0 16px 32px -8px #1c232129, 0 4px 8px #1c23210f}:root[data-theme=dark]{--background:#14181a;--surface:#1d2224;--foreground:#edefee;--primary:#4fae84;--primary-strong:#6fc49a;--primary-deep:#142825;--accent:#f08b63;--border:#2c3234;--muted-foreground:#9ba3a0;--success:#4fae84;--success-bg:#4fae8424;--danger:#e07059;--danger-bg:#e0705924;--shadow-sm:0 1px 2px #0000003d, 0 1px 3px #00000047;--shadow-md:0 4px 12px #00000052, 0 2px 4px #0000003d;--shadow-lg:0 16px 32px -8px #0000007a, 0 4px 8px #00000052}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-base:.3s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font-family:Plus Jakarta Sans,system-ui,Segoe UI,Roboto,sans-serif}.sp-mono{font-family:JetBrains Mono,ui-monospace,monospace}.sp-field{margin-bottom:20px}.sp-field-label{color:var(--muted-foreground);margin-bottom:8px;font-size:14px;display:block}.sp-field-error{margin-bottom:16px}.sp-step-actions{flex-direction:column;gap:12px;display:flex}.sp-auth-page{background:linear-gradient(135deg, var(--primary-deep) 0%, color-mix(in srgb, var(--primary-strong) 55%, var(--primary-deep) 45%) 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.sp-auth-card{z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:360px;padding:32px 24px;position:relative;overflow:hidden;box-shadow:0 24px 48px -12px #00000059}.sp-auth-logo{height:40px;margin:0 auto 24px;display:block}