body{color:#1e293b;-webkit-font-smoothing:antialiased;background:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.pwa-bar{z-index:9999;color:#fff;background:#1b2b8c;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #00000040}.pwa-bar-icon{flex-shrink:0;font-size:20px}.pwa-bar-text{flex:1;line-height:1.3}.pwa-bar-install{color:#fff;cursor:pointer;white-space:nowrap;background:#13b8ca;border:none;border-radius:6px;flex-shrink:0;padding:7px 18px;font-size:13px;font-weight:700}.pwa-bar-install:hover{background:#0fa3b3}.pwa-bar-dismiss{color:#ffffffa6;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 6px;font-size:18px;line-height:1}.pwa-bar-dismiss:hover{color:#fff}.login-page{background:linear-gradient(135deg,#1e1e2e 0%,#2d2d42 50%,#1e1e2e 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:48px 40px;transition:max-width .25s;box-shadow:0 20px 60px #0000004d}.login-card--wide{max-width:560px}.login-header{text-align:center;margin-bottom:28px}.login-logo{justify-content:center;margin-bottom:14px;display:flex}.login-header p{color:#64748b;margin:0;font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.form-group label{color:#374151;font-size:13px;font-weight:600}.form-group input,.form-group select{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s}.req{color:#ef4444;font-size:13px}.field-hint{color:#94a3b8;margin-top:2px;font-size:11.5px}.pwd-wrap{align-items:center;display:flex;position:relative}.pwd-wrap input{width:100%;padding-right:44px}.pwd-eye{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;width:42px;padding:0;transition:color .15s;display:flex;position:absolute;top:0;bottom:0;right:0}.pwd-eye:hover{color:#6366f1}.pwd-eye svg{width:18px;height:18px}.reg-photo-row{background:#f8fafc;border:1.5px dashed #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:14px 16px;display:flex}.reg-photo-ring{cursor:pointer;background:#eef2ff;border:2px solid #c7d2fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.reg-photo-ring:hover{border-color:#6366f1}.reg-photo-img{object-fit:cover;width:100%;height:100%;display:block}.reg-photo-ph{font-size:26px;line-height:1}.reg-photo-badge{color:#fff;background:#6366f1;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:0;right:0}.reg-photo-info{flex-direction:column;gap:3px;display:flex}.reg-photo-label{color:#374151;font-size:13px;font-weight:600}.reg-photo-hint{color:#94a3b8;font-size:11.5px}.reg-photo-remove{color:#dc2626;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.reg-photo-remove:hover{text-decoration:underline}.reg-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.reg-full{grid-column:1/-1}.login-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;width:100%;margin-top:4px;padding:13px;font-size:15px;font-weight:600;transition:background .18s,transform .1s}.login-btn:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-hint{color:#166534;text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:18px;padding:12px 16px;font-size:13px;line-height:1.6}.login-register-row{color:#64748b;justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:13px;display:flex}.login-register-link{color:#6366f1;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:13px;font-weight:700;text-decoration:underline}.login-register-link:hover{color:#4f46e5}.login-success{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.login-success-icon{color:#16a34a;background:#f0fdf4;border:2px solid #bbf7d0;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;font-weight:700;display:flex}.login-success h2{color:#1e1e2e;margin:0;font-size:20px;font-weight:700}.login-success>p{color:#64748b;margin:0;font-size:14px}.login-success-creds{text-align:left;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;width:100%;padding:14px 20px;display:flex}.login-success-creds>div{align-items:baseline;gap:10px;font-size:13px;display:flex}.login-success-creds span{color:#64748b;flex-shrink:0;min-width:72px}.login-success-creds strong{color:#1e1e2e;font-family:monospace;font-size:14px}.login-success-creds em{color:#94a3b8;font-size:11.5px;font-style:italic}.login-success-note{color:#475569;text-align:center;margin:0;font-size:13px;line-height:1.6}@media (width<=600px){.login-card,.login-card--wide{border-radius:12px;max-width:100%;padding:32px 20px}.login-logo{margin-bottom:10px}.login-header{margin-bottom:20px}.reg-grid{grid-template-columns:1fr}.reg-full{grid-column:1}}:root{--indigo:#6366f1;--indigo-d:#4f46e5;--indigo-light:#e0e7ff;--text:#1e1e2e;--muted:#64748b;--border:#e2e8f0;--bg:#f8f7ff}.jb-root{background:var(--bg);min-height:100vh;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.jb-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:20;background:#fffffff2;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;top:0}.jb-nav-logo{color:var(--indigo);text-align:center;flex:1;font-size:17px;font-weight:800}.jb-nav-back{color:var(--indigo);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;min-width:64px;padding:6px 10px;font-size:14px;font-weight:600;transition:background .15s}.jb-nav-back:hover{background:var(--indigo-light)}.jb-nav-login{border:1.5px solid var(--indigo);color:var(--indigo);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;min-width:64px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .15s}.jb-nav-login:hover{background:var(--indigo);color:#fff}.jb-hero{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%) 50%/cover;align-items:flex-end;min-height:280px;padding-bottom:32px;display:flex;position:relative}@media (width>=600px){.jb-hero{min-height:340px}}.jb-hero-overlay{pointer-events:none;background:linear-gradient(#1e14504d 0%,#1e1450bf 100%);position:absolute;inset:0}.jb-hero-content{z-index:1;width:100%;max-width:720px;margin:0 auto;padding:0 20px;position:relative}.jb-hero-tag{color:#fff;letter-spacing:.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff59;border-radius:20px;margin-bottom:10px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.jb-hero-title{color:#fff;text-shadow:0 1px 4px #0000004d;margin-bottom:14px;font-size:clamp(22px,5vw,34px);font-weight:800;line-height:1.2}.jb-hero-pills{flex-wrap:wrap;gap:8px;display:flex}.jb-pill{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.jb-pill-free{background:#10b98140;border-color:#10b98180}.jb-pill-paid{background:#7c3aed4d;border-color:#7c3aed80}.jb-pill-full{background:#dc262640;border-color:#dc262680}.jb-course-summary-pills .jb-pill{background:var(--indigo-light);color:var(--indigo);border-color:#c7d2fe}.jb-course-summary-pills .jb-pill-free{color:#065f46;background:#d1fae5;border-color:#6ee7b7}.jb-course-summary-pills .jb-pill-paid{color:#6d28d9;background:#f5f3ff;border-color:#c4b5fd}.jb-landing-body{max-width:620px;margin:0 auto;padding:28px 20px 56px}.jb-svc-desc{color:var(--muted);border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:24px;padding:16px 20px;font-size:15px;line-height:1.7}.jb-trust-row{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:28px;display:flex}.jb-trust-item{color:var(--muted);border:1px solid var(--border);text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-width:90px;padding:14px 18px;font-size:12px;font-weight:600;display:flex}.jb-trust-item span:first-child{font-size:24px}.jb-full-notice{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:16px 20px;font-size:14px;font-weight:600}.jb-cta-block{flex-direction:column;gap:12px;display:flex}.jb-btn-primary{background:linear-gradient(135deg, var(--indigo), var(--indigo-d));color:#fff;cursor:pointer;text-align:center;border:none;border-radius:12px;width:100%;padding:16px 24px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s;display:block}.jb-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.jb-btn-primary:disabled{opacity:.6;cursor:not-allowed}.jb-btn-ghost{border:1.5px solid var(--border);width:100%;color:var(--indigo);cursor:pointer;text-align:center;background:#fff;border-radius:12px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .15s;display:block}.jb-btn-ghost:hover{background:var(--indigo-light);border-color:#c7d2fe}.jb-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 57px);padding:40px 20px;display:flex}.jb-spinner{border:4px solid #e0e7ff;border-top-color:var(--indigo);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:.8s linear infinite jb-spin}@keyframes jb-spin{to{transform:rotate(360deg)}}.jb-error-card,.jb-success-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:48px 32px;box-shadow:0 8px 32px #0000001a}.jb-err-icon,.jb-success-icon{margin-bottom:16px;font-size:52px}.jb-error-card h2{color:var(--text);margin-bottom:10px;font-size:20px}.jb-error-card p{color:var(--muted);font-size:14px}.jb-success-card h2{color:#16a34a;margin-bottom:10px;font-size:20px}.jb-success-card p{color:var(--muted);font-size:14px}.jb-success-sub{margin-top:8px}.jb-enrollment-reveal{background:#f0fdf4;border:1.5px solid #86efac;border-radius:12px;flex-direction:column;align-items:center;gap:4px;margin:16px 0 8px;padding:14px 18px;display:flex}.jb-enrollment-label{color:#15803d;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600}.jb-enrollment-id{color:#16a34a;letter-spacing:2px;font-size:28px;font-weight:800}.jb-enrollment-reveal small{color:var(--muted);font-size:12px}.jb-intro-hero-img{width:100%;height:200px;position:relative;overflow:hidden}@media (width>=600px){.jb-intro-hero-img{height:260px}}.jb-intro-hero-img img{object-fit:cover;width:100%;height:100%;display:block}.jb-intro-img-overlay{background:linear-gradient(#0000 40%,#1e1450b3 100%);position:absolute;inset:0}.jb-intro-img-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700;position:absolute;bottom:16px;left:20px}.jb-intro-body{max-width:720px;margin:0 auto;padding:28px 20px 56px}.jb-intro-icon-block{text-align:center;margin-bottom:32px}.jb-intro-icon{margin-bottom:12px;font-size:60px}.jb-intro-icon-block h1{margin-bottom:8px;font-size:26px;font-weight:800}.jb-intro-icon-block p{color:var(--muted);font-size:15px}.jb-intro-heading{text-align:center;margin-bottom:28px}.jb-intro-heading h1{margin-bottom:6px;font-size:24px;font-weight:800}.jb-intro-heading p{color:var(--muted);font-size:14px}.jb-intro-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px;display:grid}.jb-intro-card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 8px #0000000d}.jb-intro-card-icon{margin-bottom:10px;font-size:28px}.jb-intro-card h3{margin-bottom:6px;font-size:14px;font-weight:700}.jb-intro-card p{color:var(--muted);font-size:13px;line-height:1.6}@media (width<=520px){.jb-intro-grid{gap:10px}.jb-intro-card{border-radius:12px;padding:14px 12px}.jb-intro-card-icon{margin-bottom:6px;font-size:22px}.jb-intro-card h3{margin-bottom:0;font-size:12px}.jb-intro-card p{display:none}}.jb-course-summary{text-align:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1.5px solid #c7d2fe;border-radius:16px;margin-bottom:24px;padding:24px}.jb-course-summary-label{color:var(--indigo);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:12px;font-weight:700}.jb-course-summary-name{color:var(--text);margin-bottom:8px;font-size:22px;font-weight:800}.jb-course-summary-desc{color:var(--muted);margin-bottom:14px;font-size:13px;line-height:1.6}.jb-course-summary-pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.jb-register-body{max-width:660px;margin:0 auto;padding:28px 20px 56px}.jb-reg-title{text-align:center;margin-bottom:16px}.jb-reg-title h2{margin-bottom:6px;font-size:22px;font-weight:800}.jb-reg-title p{color:var(--muted);font-size:14px}.jb-dob-notice{color:#92400e;text-align:center;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;line-height:1.5}.jb-reg-form{border:1px solid var(--border);background:#fff;border-radius:18px;padding:28px 24px;box-shadow:0 4px 20px #00000014}@media (width<=480px){.jb-reg-form{padding:20px 16px}}.jb-reg-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.jb-photo-section{flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;display:flex}.jb-photo-ring{background:#f8f7ff;border:2.5px dashed #c7d2fe;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;overflow:hidden}.jb-photo-ring img{object-fit:cover;width:100%;height:100%}.jb-photo-placeholder{text-align:center;color:#a5b4fc;flex-direction:column;align-items:center;gap:4px;display:flex}.jb-photo-placeholder span{font-size:24px}.jb-photo-placeholder small{color:#94a3b8;font-size:10px;line-height:1.4}.jb-photo-actions{gap:8px;display:flex}.jb-photo-btn{color:#6366f1;cursor:pointer;background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s}.jb-photo-btn:hover{background:#e0e7ff}.jb-photo-btn--cam{color:#0d9488;background:#f0fdfa;border-color:#99f6e4}.jb-photo-btn--cam:hover{background:#ccfbf1}.jb-cam-overlay{z-index:9999;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.jb-cam-modal{background:#000;border-radius:20px;flex-direction:column;width:min(96vw,420px);display:flex;overflow:hidden;box-shadow:0 24px 60px #000000b3}.jb-cam-header{color:#fff;background:#111;justify-content:space-between;align-items:center;padding:14px 16px;font-size:15px;font-weight:700;display:flex}.jb-cam-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:18px}.jb-cam-error{color:#f87171;text-align:center;background:#111;padding:30px 20px;font-size:13px}.jb-cam-video-wrap{background:#000;flex-direction:column;width:100%;display:flex;position:relative}.jb-cam-video{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.jb-cam-face-guide{pointer-events:none;width:100%;height:calc(100% - 100px);position:absolute;top:0;left:0}.jb-cam-top-label{color:#fff;letter-spacing:1px;pointer-events:none;background:#00000073;border-radius:20px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:700;display:flex;position:absolute;top:12px;left:14px}.jb-cam-dot{background:#f87171;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite jb-blink}@keyframes jb-blink{0%,to{opacity:1}50%{opacity:.2}}.jb-cam-close-fab{color:#fff;cursor:pointer;background:#00000080;border:1.5px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;line-height:1;display:flex;position:absolute;top:10px;right:12px}.jb-cam-face-hint{text-align:center;color:#2dd4bf;letter-spacing:.4px;text-shadow:0 1px 6px #000000e6;pointer-events:none;font-size:12px;font-weight:600;position:absolute;bottom:108px;left:0;right:0}.jb-cam-footer{background:#000;flex-direction:column;align-items:center;gap:8px;padding:18px 0 22px;display:flex}.jb-cam-shutter{cursor:pointer;background:0 0;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;transition:transform .12s,border-color .12s;display:flex}.jb-cam-shutter:hover{border-color:#2dd4bf;transform:scale(1.07)}.jb-cam-shutter:active{transform:scale(.94)}.jb-cam-shutter-inner{background:#fff;border-radius:50%;width:52px;height:52px;transition:background .12s;display:block}.jb-cam-shutter:hover .jb-cam-shutter-inner{background:#2dd4bf}.jb-cam-shutter-label{color:#64748b;letter-spacing:.5px;font-size:11px;font-weight:500}.jb-form-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}@media (width<=500px){.jb-form-row{grid-template-columns:1fr}}.jb-form-group{flex-direction:column;gap:5px;margin-bottom:0;display:flex}.jb-full-width{margin-bottom:14px}.jb-form-group label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.jb-form-group label small{color:#94a3b8;text-transform:none;font-size:10px;font-weight:400}.jb-req{color:#ef4444}.jb-form-group input,.jb-form-group select,.jb-form-group textarea{border:1.5px solid var(--border);color:var(--text);appearance:none;background:#fff;border-radius:9px;outline:none;width:100%;padding:11px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.jb-form-group textarea{resize:vertical;font-family:inherit}.jb-form-group input:focus,.jb-form-group select:focus,.jb-form-group textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #6366f11f}.jb-btn-submit{margin-top:20px;margin-bottom:14px}.jb-enroll-confirm{text-align:center;background:#eff6ff;border:1.5px solid #93c5fd;border-radius:10px;margin-top:18px;padding:16px}.jb-enroll-hint{color:#475569;margin:0 0 10px;font-size:13px}.jb-btn-enroll{color:#fff;cursor:pointer;letter-spacing:.3px;background:#2563eb;border:none;border-radius:8px;width:100%;padding:13px 20px;font-size:15px;font-weight:700;transition:background .18s;display:block}.jb-btn-enroll:hover{background:#1d4ed8}.jb-enrolled-badge{color:#15803d;padding:6px 0;font-size:15px;font-weight:600}.jb-reg-error--bottom{margin-top:12px;margin-bottom:0}.jb-college-id-group{margin-top:2px}.jb-college-id-input{background:#f8f7ff!important;border-color:#c7d2fe!important}.jb-college-id-input:focus{border-color:var(--indigo)!important;background:#fff!important}.jb-field-hint{color:#94a3b8;margin-top:2px;font-size:11px;display:block}.jb-login-link{text-align:center;color:var(--muted);font-size:13px}.jb-link-btn{color:var(--indigo);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:700;text-decoration:underline}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.lf-root{color:#1e1e2e;background:#f8f7ff;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif}.lf-nav{z-index:10;background:#fffffff2;border-bottom:1px solid #e2e8f0;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.lf-center{justify-content:center;align-items:center;min-height:calc(100vh - 56px);padding:32px 16px;display:flex}.lf-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:48px 32px;box-shadow:0 8px 32px #00000014}.lf-card-icon{margin-bottom:16px;font-size:52px}.lf-card h2{margin-bottom:10px;font-size:20px;font-weight:700}.lf-card p{color:#64748b;font-size:14px;line-height:1.6}.lf-another-btn{color:#6366f1;cursor:pointer;background:#f1f5f9;border:1.5px solid #c7d2fe;border-radius:10px;margin-top:20px;padding:10px 22px;font-size:14px;font-weight:600;transition:background .15s}.lf-another-btn:hover{background:#eef2ff}.lf-spinner{border:4px solid #e0e7ff;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.8s linear infinite lf-spin}@keyframes lf-spin{to{transform:rotate(360deg)}}.lf-body{max-width:700px;margin:0 auto;padding:36px 20px 60px}.lf-heading{margin-bottom:28px}.lf-heading h1{color:#1e1e2e;margin-bottom:6px;font-size:24px;font-weight:800}.lf-service{color:#6366f1;margin-bottom:4px;font-size:14px}.lf-sub{color:#64748b;font-size:13px}.lf-form{flex-direction:column;gap:16px;display:flex}.lf-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:10px 14px;font-size:13px}.lf-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=560px){.lf-row{grid-template-columns:1fr}}.lf-group{flex-direction:column;gap:5px;display:flex}.lf-wide{grid-column:span 1}.lf-full{width:100%}.lf-group label{color:#374151;letter-spacing:.3px;font-size:12px;font-weight:600}.lf-req{color:#ef4444}.lf-group input,.lf-group select{color:#1e1e2e;appearance:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:10px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.lf-group input:focus,.lf-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.lf-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;width:100%;margin-top:8px;padding:14px 28px;font-size:15px;font-weight:700;transition:opacity .15s,transform .1s}.lf-submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.lf-submit:disabled{opacity:.6;cursor:not-allowed}.sidebar{z-index:200;background:#1e1e2e;flex-direction:column;width:240px;min-height:100vh;padding:0;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:2px 0 12px #0000002e}.sidebar-brand{border-bottom:1px solid #2d2d42;align-items:center;gap:10px;padding:28px 20px 20px;display:flex}.sidebar-brand>span{flex:1}.sidebar-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1;display:none}.sidebar-close:hover{color:#fff}.sidebar-user{border-bottom:1px solid #2d2d42;align-items:center;gap:12px;padding:20px;display:flex}.user-avatar{color:#fff;background:#6366f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex}.user-info{flex-direction:column;gap:4px;min-width:0;display:flex}.user-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.user-role{letter-spacing:.5px;color:#fff;text-transform:uppercase;border-radius:4px;width:fit-content;padding:2px 8px;font-size:10px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.nav-item{color:#94a3b8;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .18s;display:flex}.nav-item:hover{color:#e2e8f0;background:#2d2d42}.nav-item.active{color:#fff;background:#6366f1}.nav-icon{text-align:center;width:22px;font-size:18px}.logout-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #2d2d42;border-radius:8px;align-items:center;gap:10px;width:calc(100% - 24px);margin:16px 12px 24px;padding:11px 16px;font-size:14px;transition:all .18s;display:flex}.logout-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.sidebar-confirm-overlay{z-index:2000;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sidebar-confirm-box{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:340px;padding:36px 32px;box-shadow:0 20px 60px #00000040}.sidebar-confirm-icon{margin-bottom:12px;font-size:40px}.sidebar-confirm-box h3{color:#1e1e2e;margin:0 0 8px;font-size:20px;font-weight:700}.sidebar-confirm-box p{color:#64748b;margin:0 0 24px;font-size:14px}.sidebar-confirm-actions{justify-content:center;gap:10px;display:flex}.sidebar-confirm-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .15s}.sidebar-confirm-cancel:hover{background:#e2e8f0}.sidebar-confirm-ok{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:background .15s}.sidebar-confirm-ok:hover{background:#dc2626}@media (width<=768px){.sidebar{width:260px;box-shadow:none;transform:translate(-100%)}.sidebar--open{transform:translate(0);box-shadow:4px 0 24px #00000059}.sidebar-close{display:block}.sidebar-brand{padding:20px 16px 16px}.sidebar-user{padding:16px}}.layout{background:#f1f5f9;min-height:100vh;display:flex}.main-content{box-sizing:border-box;flex:1;width:0;min-height:100vh;margin-left:240px;padding:32px 36px}.mobile-topbar{z-index:150;background:#1e1e2e;align-items:center;gap:14px;height:56px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0003}.topbar-brand{color:#fff;letter-spacing:.5px;font-size:17px;font-weight:700}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;gap:5px;padding:4px;display:flex}.hamburger span{background:#e2e8f0;border-radius:2px;width:22px;height:2px;transition:all .2s;display:block}.sidebar-backdrop{z-index:190;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.mobile-topbar{display:flex}.sidebar-backdrop{display:block}.main-content{margin-left:0;padding:80px 16px 24px}}@media (width<=480px){.main-content{padding:72px 12px 20px}}.dashboard{width:100%}.db-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.db-header h1{color:#1e1e2e;margin:0 0 4px;font-size:26px;font-weight:700}.db-header p{color:#64748b;margin:0;font-size:14px}.db-date{color:#475569;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 14px;font-size:13px}.db-role-badge{text-transform:uppercase;letter-spacing:.5px;color:#6d28d9;vertical-align:middle;background:#ede9fe;border-radius:20px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.db-stats{gap:14px;margin-bottom:24px;display:grid}.db-stats--6{grid-template-columns:repeat(6,1fr)}.db-stats--4{grid-template-columns:repeat(4,1fr)}.db-stats--3{grid-template-columns:repeat(3,1fr)}.db-stat{border-top:3px solid var(--c);background:#fff;border-radius:12px;flex-direction:column;gap:5px;padding:18px 16px;display:flex;box-shadow:0 1px 4px #00000012}.db-stat-top{justify-content:space-between;align-items:center;display:flex}.db-stat-icon{font-size:22px}.db-stat-sub{color:#dc2626;white-space:nowrap;background:#fef2f2;border-radius:20px;padding:2px 8px;font-size:10.5px;font-weight:700}.db-stat-value{color:var(--c);font-size:26px;font-weight:800;line-height:1.1}.db-stat-label{color:#64748b;font-size:12px;font-weight:500}.db-charts{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.db-chart-card{background:#fff;border-radius:14px;padding:22px 20px 16px;box-shadow:0 1px 4px #00000012}.db-chart-title{color:#1e1e2e;margin:0 0 4px;font-size:15px;font-weight:700}.db-chart-sub{color:#94a3b8;margin:0 0 18px;font-size:12px}.db-tooltip{color:#fff;background:#1e1e2e;border-radius:8px;padding:8px 12px;font-size:13px;box-shadow:0 4px 14px #0003}.db-tooltip-label{color:#94a3b8;margin-bottom:3px;font-size:11px}.db-tooltip-value{color:#a5f3fc;font-weight:700}.db-widgets{gap:16px;margin-bottom:24px;display:grid}.db-widgets--3{grid-template-columns:repeat(3,1fr)}.db-widgets--2{grid-template-columns:repeat(2,1fr)}.db-widget{background:#fff;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000012}.db-widget-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.db-widget-title{color:#1e1e2e;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.db-widget-icon{font-size:16px}.db-widget-badge{white-space:nowrap;border-radius:20px;padding:2px 7px;font-size:10.5px;font-weight:700}.db-widget-link{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.db-widget-link:hover{text-decoration:underline}.db-widget-empty{text-align:center;color:#94a3b8;padding:32px 18px;font-size:13px}.db-reminder-list{margin:0;padding:0;list-style:none}.db-reminder-item{border-bottom:1px solid #f8fafc;align-items:flex-start;gap:10px;padding:11px 18px;transition:background .12s;display:flex}.db-reminder-item:last-child{border-bottom:none}.db-reminder-item:hover{background:#fafbff}.db-reminder-item.overdue{background:#fff5f5}.db-reminder-item.done{opacity:.55}.db-rm-check{cursor:pointer;color:#7c3aed;background:#fff;border:2px solid #c4b5fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:11px;font-weight:700;transition:background .15s,border-color .15s;display:flex}.db-rm-check.checked{color:#fff;background:#7c3aed;border-color:#7c3aed}.db-rm-check:hover{border-color:#7c3aed}.db-rm-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.db-rm-title{color:#1e1e2e;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.db-rm-title.done{color:#94a3b8;text-decoration:line-through}.db-rm-time{color:#64748b;font-size:11px}.db-rm-time.overdue{color:#ef4444;font-weight:600}.db-rm-for{color:#94a3b8;font-size:11px}.db-task-list{margin:0;padding:0;list-style:none}.db-task-item{border-bottom:1px solid #f8fafc;align-items:center;gap:10px;padding:11px 18px;transition:background .12s;display:flex}.db-task-item:last-child{border-bottom:none}.db-task-item:hover{background:#fafbff}.db-task-item.overdue{background:#fff5f5}.db-task-pri{border-radius:2px;flex-shrink:0;width:4px;height:36px}.db-task-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.db-task-title{color:#1e1e2e;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.db-task-meta{align-items:center;gap:8px;display:flex}.db-task-who{color:#64748b;font-size:11px}.db-task-due{color:#94a3b8;font-size:11px}.db-task-due.overdue{color:#ef4444;font-weight:600}.db-task-status{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:10.5px;font-weight:700}.db-task-status.todo{color:#3b82f6;background:#eff6ff}.db-task-status.in_progress{color:#d97706;background:#fffbeb}.db-leads-summary{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;padding:12px 18px;display:flex}.db-lead-stat{background:var(--lbg);border-radius:10px;flex-direction:column;flex:1;align-items:center;min-width:60px;padding:8px 14px;display:flex}.db-lead-stat-val{color:var(--lc);font-size:20px;font-weight:800;line-height:1}.db-lead-stat-lbl{color:var(--lc);text-align:center;opacity:.85;margin-top:3px;font-size:10px;font-weight:600}.db-recent-leads{margin:0;padding:0;list-style:none}.db-lead-item{border-bottom:1px solid #f8fafc;align-items:center;gap:10px;padding:10px 18px;transition:background .12s;display:flex}.db-lead-item:last-child{border-bottom:none}.db-lead-item:hover{background:#fafbff}.db-lead-avatar{color:#4f46e5;background:#e0e7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.db-lead-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.db-lead-name{color:#1e1e2e;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.db-lead-meta{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.db-lead-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:10.5px;font-weight:700}.db-pending{margin-bottom:24px}.db-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.db-section-title{color:#1e1e2e;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.db-section-badge{color:#dc2626;background:#fef2f2;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:700}.db-pending-total{color:#c2410c;font-size:14px;font-weight:700}.db-pending-empty{text-align:center;color:#94a3b8;background:#fff;border-radius:12px;padding:36px;font-size:14px;box-shadow:0 1px 4px #00000012}.db-batch-list{flex-direction:column;gap:10px;display:flex}.db-batch-card{background:#fff;border:1.5px solid #f1f5f9;border-radius:12px;transition:border-color .15s;overflow:hidden;box-shadow:0 1px 4px #00000012}.db-batch-card.open{border-color:#fca5a5}.db-batch-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:14px;padding:14px 18px;display:flex}.db-batch-row:hover{background:#fafafa}.db-batch-name{color:#1e1e2e;flex:1;min-width:0;font-size:15px;font-weight:700}.db-batch-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.db-chip{border-radius:20px;padding:2px 9px;font-size:11.5px;font-weight:600}.db-chip.service{color:#5b21b6;background:#ede9fe}.db-chip.students{color:#dc2626;background:#fef2f2}.db-chip.amount{color:#c2410c;background:#fff7ed}.db-chevron{color:#94a3b8;flex-shrink:0;font-size:12px;transition:transform .2s}.db-batch-card.open .db-chevron{transform:rotate(180deg)}.db-student-list{border-top:1px solid #f1f5f9}.db-st-table{border-collapse:collapse;width:100%}.db-st-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;background:#fafafa;border-bottom:1px solid #f1f5f9;padding:10px 18px;font-size:10.5px;font-weight:700}.db-st-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:10px 18px;font-size:13px}.db-st-table tr:last-child td{border-bottom:none}.db-st-table tr:hover td{background:#fffbfb}.db-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:30px;height:30px}.db-avatar-ph{color:#4f46e5;background:#e0e7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:inline-flex}.db-st-name{color:#1e1e2e;font-weight:600}.db-st-enrol{color:#94a3b8;font-size:11.5px}.db-pay-badge{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.db-pay-badge.unpaid{color:#dc2626;background:#fef2f2}.db-pay-badge.partial{color:#c2410c;background:#fff7ed}.db-balance{color:#c2410c;font-weight:700}.db-completing{margin-top:28px}.db-completing-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:12px;display:grid}.db-completing-card{border:1.5px solid var(--ubg,#eef2ff);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;gap:6px;padding:16px 18px;transition:box-shadow .15s,transform .15s;display:flex;box-shadow:0 1px 4px #0000000f}.db-completing-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.db-completing-badge{background:var(--ubg);color:var(--uc);letter-spacing:.3px;border-radius:20px;align-self:flex-start;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.db-completing-name{color:#1e1e2e;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.db-completing-svc{color:#6366f1;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.db-completing-meta{color:#64748b;flex-wrap:wrap;gap:12px;margin-top:4px;font-size:12px;display:flex}@media (width<=1200px){.db-stats--6{grid-template-columns:repeat(3,1fr)}.db-widgets--3{grid-template-columns:1fr 1fr}}@media (width<=1100px){.db-stats--4{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.db-charts,.db-widgets--3,.db-widgets--2{grid-template-columns:1fr}}@media (width<=600px){.db-header h1{font-size:20px}.db-date{display:none}.db-stats--6,.db-stats--4,.db-stats--3{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.db-stat{padding:14px 12px}.db-stat-value{font-size:22px}.db-batch-row{gap:10px;padding:12px 14px}.db-st-table td,.db-st-table th{padding:8px 12px}.db-st-table th:nth-child(3),.db-st-table td:nth-child(3){display:none}}.up-page{width:100%}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.page-header h1{color:#1e1e2e;margin:0 0 4px;font-size:26px;font-weight:700}.page-header p{color:#64748b;margin:0;font-size:14px}.add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:background .18s,transform .1s}.add-btn:hover{background:#4f46e5;transform:translateY(-1px)}.alert-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:16px;padding:10px 16px;font-size:13px}.filter-bar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{height:3px}.filter-bar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.filter-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.filter-btn:hover{color:#6366f1;border-color:#6366f1}.filter-btn.active{color:#fff;background:#6366f1;border-color:#0000}.loading{text-align:center;color:#94a3b8;padding:48px;font-size:15px}.no-results{text-align:center;color:#94a3b8;grid-column:1/-1;padding:48px;font-size:15px}.user-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.user-card{background:#fff;border:1.5px solid #0000;border-radius:12px;flex-direction:column;gap:12px;padding:20px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 4px #00000012}.user-card:hover{border-color:#e2e8f0;box-shadow:0 4px 16px #0000001a}.uc-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:700;display:flex}.uc-info{flex-direction:column;gap:4px;display:flex}.uc-name{color:#1e1e2e;font-size:16px;font-weight:700}.uc-username{color:#64748b;font-size:13px}.uc-email{color:#94a3b8;font-size:12px}.role-badge{color:#fff;text-transform:capitalize;border-radius:4px;width:fit-content;padding:3px 10px;font-size:11px;font-weight:700}.uc-status{font-size:12px;font-weight:600}.uc-status.active{color:#16a34a}.uc-status.inactive{color:#dc2626}.uc-actions{gap:8px;margin-top:4px;display:flex}.btn-edit,.btn-del{cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px;font-size:13px;font-weight:600;transition:all .15s}.btn-edit{color:#2563eb;background:#eff6ff}.btn-edit:hover{color:#fff;background:#2563eb}.btn-del{color:#dc2626;background:#fef2f2}.btn-del:hover{color:#fff;background:#dc2626}.modal-overlay{z-index:1000;pointer-events:none;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-overlay>.modal{pointer-events:all}.modal{background:#fff;border-radius:14px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000047}.confirm-modal{text-align:center;max-width:400px;padding:36px 32px 28px}.confirm-icon{margin-bottom:12px;font-size:40px}.confirm-modal h2{color:#1e1e2e;margin:0 0 8px;font-size:20px;font-weight:700}.confirm-modal p{color:#64748b;margin:0 0 28px;font-size:14px}.modal-header{justify-content:space-between;align-items:center;padding:24px 24px 0;display:flex}.modal-header h2{color:#1e1e2e;margin:0;font-size:18px;font-weight:700}.modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .15s;display:flex}.modal-close:hover{color:#1e1e2e;background:#e2e8f0}.modal-form{flex-direction:column;gap:14px;padding:20px 24px 24px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:#374151;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.req{color:#ef4444;font-size:13px;line-height:1}.optional-hint{color:#94a3b8;font-size:11px;font-weight:400}.form-group input,.form-group select{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group input:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.up-pw-wrap{align-items:center;display:flex;position:relative}.up-pw-wrap input{flex:1;padding-right:40px}.up-pw-eye{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;right:10px}.up-pw-eye:hover{color:#6366f1}.up-pw-eye svg{width:18px;height:18px}.form-group.has-error input,.form-group.has-error select{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group.has-error input:focus,.form-group.has-error select:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.field-err{color:#dc2626;align-items:center;gap:4px;font-size:11.5px;font-weight:500;display:flex}.field-err:before{content:"⚠";font-size:11px}.status-toggle{gap:8px;display:flex}.toggle-opt{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.toggle-opt:hover{border-color:#94a3b8}.toggle-dot{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .15s}.toggle-opt.selected.active-opt{color:#15803d;background:#f0fdf4;border-color:#16a34a}.toggle-opt.selected.active-opt .toggle-dot{background:#16a34a}.toggle-opt.selected.inactive-opt{color:#dc2626;background:#fef2f2;border-color:#dc2626}.toggle-opt.selected.inactive-opt .toggle-dot{background:#dc2626}.modal-footer{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s}.btn-cancel:hover{background:#f8fafc}.btn-save{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .15s}.btn-save:hover:not(:disabled){background:#4f46e5}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-del-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .15s}.btn-del-confirm:hover{background:#dc2626}.error-box{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:10px 14px;font-size:13px}@media (width<=768px){.user-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.modal-overlay{align-items:flex-end;padding:12px}.modal{border-radius:16px 16px 0 0;max-width:100%;max-height:92vh}.confirm-modal{border-radius:16px;max-width:100%}}@media (width<=600px){.page-header h1{font-size:20px}.page-header{margin-bottom:16px}.form-row{grid-template-columns:1fr;gap:12px}.modal-form{gap:12px;padding:16px 16px 20px}.modal-header{padding:20px 16px 0}.modal-header h2{font-size:16px}.confirm-modal{padding:28px 20px 24px}.confirm-icon{font-size:32px}.confirm-modal h2{font-size:17px}.status-toggle{flex-direction:column}.modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-save,.btn-del-confirm{text-align:center;justify-content:center;width:100%;padding:13px}.user-grid{grid-template-columns:1fr}}@media (width<=400px){.filter-bar{gap:6px}.filter-btn{padding:7px 12px;font-size:12px}}.sp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.sp-header h1{color:#1e1e2e;margin:0 0 4px;font-size:26px;font-weight:700}.sp-header p{color:#64748b;margin:0;font-size:14px}.sp-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:8px;flex-shrink:0;padding:11px 20px;font-size:14px;font-weight:600;transition:background .18s,transform .1s}.sp-add-btn:hover{background:#4f46e5;transform:translateY(-1px)}.sp-alert{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:20px;padding:10px 16px;font-size:13px}.sp-loading,.sp-empty{text-align:center;color:#94a3b8;padding:64px 24px;font-size:15px}.sp-empty p{margin:0;font-size:15px}.sp-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:20px;display:grid}.sp-card{background:#fff;border:1.5px solid #f1f5f9;border-radius:14px;flex-direction:column;height:100%;transition:box-shadow .18s,border-color .18s;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000012}.sp-card:hover{border-color:#e2e8f0;box-shadow:0 4px 16px #0000001a}.sp-card-header{flex-wrap:wrap;align-items:flex-start;gap:14px;padding:20px 20px 16px;display:flex}.sp-svc-avatar{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:700;display:flex}.sp-svc-info{flex:1;min-width:0}.sp-svc-name{color:#1e1e2e;margin-bottom:3px;font-size:17px;font-weight:700}.sp-svc-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.sp-card-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.sp-status{font-size:12px;font-weight:600}.sp-status.active{color:#16a34a}.sp-status.inactive{color:#dc2626}.sp-topic-count{color:#94a3b8;font-size:12px}.sp-cost-badge{color:#059669;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700}.sp-cost-input-wrap{border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.sp-cost-input-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.sp-cost-prefix{color:#64748b;-webkit-user-select:none;user-select:none;background:#f8fafc;border-right:1.5px solid #e2e8f0;padding:10px 12px;font-size:14px;font-weight:600}.sp-cost-input{color:#1e293b;background:#fff;outline:none;flex:1;padding:10px 12px;font-size:14px;box-shadow:none!important;border:none!important}.sp-card-banner{border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:140px;display:flex;overflow:hidden}.sp-card-banner img{object-fit:cover;width:100%;height:100%;display:block}.sp-card-banner-ph{opacity:.18;letter-spacing:-2px;-webkit-user-select:none;user-select:none;font-size:52px;font-weight:800}.sp-card-actions{flex-wrap:wrap;flex-shrink:0;align-items:flex-start;gap:8px;display:flex}.sp-btn-edit,.sp-btn-del,.sp-btn-img,.sp-btn-img-del{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s}.sp-btn-edit{color:#2563eb;background:#eff6ff}.sp-btn-edit:hover{color:#fff;background:#2563eb}.sp-btn-del{color:#dc2626;background:#fef2f2}.sp-btn-del:hover{color:#fff;background:#dc2626}.sp-btn-img{color:#7c3aed;background:#f5f3ff}.sp-btn-img:hover:not(:disabled){color:#fff;background:#7c3aed}.sp-btn-img:disabled{opacity:.5;cursor:default}.sp-btn-img-del{color:#c2410c;background:#fff7ed;padding:7px 10px;font-size:12px}.sp-btn-img-del:hover:not(:disabled){color:#fff;background:#c2410c}.sp-btn-img-del:disabled{opacity:.5;cursor:default}.sp-divider{background:#f1f5f9;height:1px;margin:0 20px}.sp-topics-section{flex:1;max-height:240px;padding:14px 20px 20px;overflow-y:auto}.sp-topics-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;font-size:11px;font-weight:700}.sp-topic-list{flex-direction:column;gap:6px;display:flex}.sp-topic-row{border:1.5px solid #e2e8f0;border-radius:10px;transition:border-color .15s;overflow:hidden}.sp-topic-row.open{border-color:#c7d2fe}.sp-topic-row-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-left:3px solid #0000;align-items:center;gap:8px;padding:10px 12px;transition:background .15s;display:flex}.sp-topic-row-header:hover{background:#f8fafc}.sp-topic-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sp-topic-name{color:#1e1e2e;flex:1;font-size:14px;font-weight:600}.sp-topic-desc{color:#94a3b8;cursor:default;font-size:12px}.sp-syllabus-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.sp-topic-chevron{color:#94a3b8;flex-shrink:0;margin-left:4px;font-size:10px}.sp-topic-actions{flex-shrink:0;gap:2px;margin-left:4px;display:flex}.sp-topic-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:3px 6px;font-size:13px;line-height:1;transition:all .15s}.sp-topic-btn:hover{color:#475569;background:#e2e8f0}.sp-topic-btn.del:hover{color:#dc2626;background:#fee2e2}.sp-syllabus-panel{background:#f8fafc;border-top:1px solid #e2e8f0;padding:12px 16px 14px}.sp-syllabus-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sp-syllabus-item{color:#374151;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.sp-syllabus-num{text-align:right;flex-shrink:0;min-width:18px;padding-top:2px;font-size:11px;font-weight:700}.sp-syllabus-empty{color:#94a3b8;align-items:center;gap:8px;font-size:13px;font-style:italic;display:flex}.sp-syllabus-add-link{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.sp-add-topic-row{cursor:pointer;background:0 0;border:1.5px dashed;border-radius:10px;align-items:center;gap:6px;width:100%;padding:9px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.sp-add-topic-row:hover{background:#f8fafc}.sp-no-topics{color:#cbd5e1;font-size:13px;font-style:italic}.sp-img-picker-group{margin-bottom:16px}.sp-img-picker{margin-top:6px}.sp-img-pick-btn{color:#6366f1;cursor:pointer;text-align:center;background:#f8f7ff;border:2px dashed #c7d2fe;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;padding:20px;transition:all .15s;display:flex}.sp-img-pick-btn:hover{background:#eef2ff;border-color:#6366f1}.sp-img-pick-icon{font-size:28px}.sp-img-pick-btn span{font-size:13px;font-weight:600}.sp-img-pick-btn small{color:#94a3b8;font-size:11px;font-weight:400}.sp-img-preview-wrap{border:1.5px solid #e2e8f0;border-radius:10px;height:140px;position:relative;overflow:hidden}.sp-img-preview{object-fit:cover;width:100%;height:100%;display:block}.sp-img-preview-remove{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;transition:background .15s;display:flex;position:absolute;top:8px;right:8px}.sp-img-preview-remove:hover{background:#dc2626cc}.sp-img-change-btn{color:#6366f1;cursor:pointer;text-align:center;background:#f0f4ff;border:1px solid #c7d2fe;border-radius:7px;width:100%;margin-top:6px;padding:6px;font-size:12px;font-weight:600;transition:background .15s;display:block}.sp-img-change-btn:hover{background:#e0e7ff}.sp-overlay{z-index:1000;pointer-events:none;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sp-overlay>.sp-modal{pointer-events:all}.sp-modal{background:#fff;border-radius:14px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.sp-modal--topic{max-width:560px}.sp-modal--confirm{text-align:center;max-width:380px;padding:36px 28px 28px}.sp-syllabus-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sp-syllabus-header label{margin-bottom:0}.sp-syllabus-add-btn{color:#6366f1;cursor:pointer;background:#eef2ff;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:background .15s}.sp-syllabus-add-btn:hover{background:#e0e7ff}.sp-syllabus-placeholder{color:#94a3b8;text-align:center;border:1.5px dashed #e2e8f0;border-radius:8px;padding:12px 14px;font-size:13px;font-style:italic}.sp-syllabus-builder{border:1.5px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:6px;max-height:260px;padding:8px;display:flex;overflow-y:auto}.sp-syllabus-row{align-items:center;gap:6px;display:flex}.sp-syllabus-row-num{color:#94a3b8;text-align:right;flex-shrink:0;min-width:20px;font-size:11px;font-weight:700}.sp-syllabus-input{color:#1e293b;border:1.5px solid #e2e8f0;border-radius:6px;outline:none;flex:1;padding:7px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.sp-syllabus-input:focus{border-color:#6366f1}.sp-syllabus-row-actions{flex-shrink:0;gap:2px;display:flex}.sp-syllabus-row-actions button{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:12px;line-height:1;transition:all .15s}.sp-syllabus-row-actions button:hover:not(:disabled){color:#475569;background:#e2e8f0}.sp-syllabus-row-actions button:disabled{opacity:.3;cursor:not-allowed}.sp-syllabus-row-actions .sp-syllabus-del:hover{color:#dc2626;background:#fee2e2}.sp-confirm-icon{margin-bottom:12px;font-size:40px}.sp-modal--confirm h2{color:#1e1e2e;margin:0 0 8px;font-size:19px;font-weight:700}.sp-modal--confirm p{color:#64748b;margin:0 0 28px;font-size:14px;line-height:1.5}.sp-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:24px 24px 0;display:flex}.sp-modal-header h2{color:#1e1e2e;margin:0 0 2px;font-size:18px;font-weight:700}.sp-modal-sub{color:#64748b;margin:0;font-size:13px}.sp-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .15s;display:flex}.sp-modal-close:hover{color:#1e1e2e;background:#e2e8f0}.sp-modal-form{flex-direction:column;gap:14px;padding:18px 24px 24px;display:flex}.sp-form-group{flex-direction:column;gap:5px;display:flex}.sp-form-group label{color:#374151;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.sp-req{color:#ef4444;font-size:13px}.sp-optional{color:#94a3b8;font-size:11px;font-weight:400}.sp-form-group input,.sp-form-group textarea{resize:vertical;color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.sp-form-group input:focus,.sp-form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.sp-form-group.has-error input,.sp-form-group.has-error textarea{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}.sp-field-err{color:#dc2626;align-items:center;gap:4px;font-size:11.5px;font-weight:500;display:flex}.sp-field-err:before{content:"⚠";font-size:11px}.sp-cert-type-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sp-cert-opt{cursor:pointer;text-align:left;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:flex-start;padding:10px 12px;transition:all .15s;display:flex}.sp-cert-opt:hover{background:#f5f3ff;border-color:#c7d2fe}.sp-cert-opt.selected{background:#eef2ff;border-color:#6366f1}.sp-cert-opt-label{color:#1e1e2e;font-size:13px;font-weight:700}.sp-cert-opt.selected .sp-cert-opt-label{color:#4f46e5}.sp-cert-opt-desc{color:#94a3b8;margin-top:2px;font-size:11px}.sp-paid-toggle{gap:8px;display:flex}.sp-paid-opt{color:#64748b;cursor:pointer;text-align:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;padding:10px 14px;font-size:14px;font-weight:600;transition:all .15s}.sp-paid-opt.selected{color:#4f46e5;background:#ede9fe;border-color:#6366f1}.sp-paid-opt.selected.paid-opt{color:#065f46;background:#d1fae5;border-color:#10b981}.sp-status-toggle{gap:8px;display:flex}.sp-toggle-opt{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.sp-toggle-dot{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .15s}.sp-toggle-opt.selected.active-opt{color:#15803d;background:#f0fdf4;border-color:#16a34a}.sp-toggle-opt.selected.active-opt .sp-toggle-dot{background:#16a34a}.sp-toggle-opt.selected.inactive-opt{color:#dc2626;background:#fef2f2;border-color:#dc2626}.sp-toggle-opt.selected.inactive-opt .sp-toggle-dot{background:#dc2626}.sp-modal-footer{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.sp-confirm-footer{justify-content:center}.sp-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s}.sp-btn-cancel:hover{background:#f8fafc}.sp-btn-save{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .15s}.sp-btn-save:hover:not(:disabled){background:#4f46e5}.sp-btn-save:disabled{opacity:.6;cursor:not-allowed}.sp-btn-del-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .15s}.sp-btn-del-confirm:hover{background:#dc2626}.sp-error-box{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:10px 14px;font-size:13px}@media (width<=768px){.sp-overlay{align-items:flex-end;padding:12px}.sp-modal{border-radius:16px 16px 0 0;max-width:100%;max-height:92vh}.sp-modal--confirm{border-radius:16px;max-width:100%}.sp-modal--topic{max-width:100%}.sp-card-header{gap:10px}.sp-card-meta{flex-direction:row;align-items:center;gap:10px}}@media (width<=600px){.sp-list{grid-template-columns:1fr}.sp-header h1{font-size:20px}.sp-header{margin-bottom:16px}.sp-card-header{flex-wrap:wrap}.sp-card-actions{width:100%}.sp-btn-edit,.sp-btn-del{text-align:center;flex:1}.sp-modal-form{padding:14px 16px 20px}.sp-modal-header{padding:20px 16px 0}.sp-modal--confirm{padding:28px 20px 24px}.sp-modal-footer{flex-direction:column-reverse}.sp-btn-cancel,.sp-btn-save,.sp-btn-del-confirm{text-align:center;width:100%;padding:13px}.sp-confirm-footer,.sp-status-toggle{flex-direction:column}}.sp-pm-section{background:#f0f9ff;border:1.5px solid #e0f2fe;border-radius:14px;flex-direction:column;gap:14px;padding:20px;display:flex}.sp-pm-heading{letter-spacing:1px;color:#0284c7;text-transform:uppercase;font-size:11px;font-weight:800}.sp-pm-desc{color:#475569;margin:0;font-size:13px;line-height:1.5}.sp-pm-progress-wrap{flex-direction:column;gap:6px;display:flex}.sp-pm-progress-label{color:#374151;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.sp-pm-progress-val{color:#f59e0b;font-weight:700}.sp-pm-progress-val.done{color:#10b981}.sp-pm-progress-val.over{color:#ef4444}.sp-pm-bar-bg{background:#e2e8f0;border-radius:99px;height:8px;overflow:hidden}.sp-pm-bar-fill{border-radius:99px;height:100%;transition:width .3s,background .3s}.sp-pm-cards{flex-direction:column;gap:12px;display:flex}.sp-pm-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.sp-pm-card-header{justify-content:space-between;align-items:center;display:flex}.sp-pm-card-label{color:#64748b;letter-spacing:.8px;font-size:11px;font-weight:800}.sp-pm-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:600}.sp-pm-remove:hover{background:#fef2f2}.sp-pm-card-row{grid-template-columns:1fr 140px;align-items:end;gap:12px;display:grid}.sp-pm-field{flex-direction:column;gap:5px;display:flex}.sp-pm-field label{color:#374151;font-size:12px;font-weight:600}.sp-pm-field input{color:#1e1e2e;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.sp-pm-field input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a}.sp-pm-weight-wrap{align-items:center;display:flex;position:relative}.sp-pm-weight-wrap input{padding-right:30px}.sp-pm-pct{color:#94a3b8;font-size:13px;font-weight:600;position:absolute;right:10px}.sp-pm-add-btn{color:#0284c7;cursor:pointer;background:#f0fdfe;border:2px dashed #67e8f9;border-radius:10px;width:100%;padding:13px;font-size:14px;font-weight:700;transition:background .15s,border-color .15s}.sp-pm-add-btn:hover{background:#e0f9fd;border-color:#22d3ee}.sp-metrics-display{padding:14px 20px 10px}.sp-metrics-display-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.sp-metrics-chips{flex-wrap:wrap;gap:8px;display:flex}.sp-metric-chip{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;display:flex}.sp-metric-chip-name{color:#374151;font-weight:600}.sp-metric-chip-score{font-weight:700}.bp-page{width:100%}.bp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.bp-header h1{color:#1e1e2e;margin:0 0 4px;font-size:26px;font-weight:700}.bp-header p{color:#64748b;margin:0;font-size:14px}.bp-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:background .18s,transform .1s}.bp-add-btn:hover{background:#4f46e5;transform:translateY(-1px)}.bp-alert{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:20px;padding:10px 16px;font-size:13px}.bp-loading{text-align:center;color:#94a3b8;padding:60px;font-size:15px}.bp-empty{text-align:center;background:#fff;border-radius:12px;padding:60px 24px;box-shadow:0 1px 4px #00000012}.bp-empty-icon{margin-bottom:12px;font-size:48px}.bp-empty p{color:#94a3b8;margin:0;font-size:15px}.bp-tabs{background:#f1f5f9;border-radius:10px;gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.bp-tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:7px;padding:8px 22px;font-size:14px;font-weight:600;transition:all .15s}.bp-tab.active{color:#1e1e2e;background:#fff;box-shadow:0 1px 4px #0000001a}.bp-tab-count{color:#475569;background:#e2e8f0;border-radius:20px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.bp-tab.active .bp-tab-count{color:#fff;background:#6366f1}.bp-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.bp-filter-search{background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;flex:1;align-items:center;gap:8px;min-width:180px;padding:9px 13px;transition:border-color .15s,box-shadow .15s;display:flex}.bp-filter-search:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.bp-filter-icon{flex-shrink:0;font-size:14px}.bp-filter-search input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:14px}.bp-filter-search input::placeholder{color:#94a3b8}.bp-filter-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:12px}.bp-filter-clear:hover{color:#475569;background:#f1f5f9}.bp-filter-course{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;min-width:150px;padding:9px 12px;font-size:14px;transition:border-color .15s}.bp-filter-course:focus{border-color:#6366f1}.bp-filter-reset{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e2e8f0;border-radius:8px;padding:9px 14px;font-size:13px;transition:all .15s}.bp-filter-reset:hover{color:#6366f1;background:#f5f3ff;border-color:#6366f1}.bp-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.bp-card{background:#fff;border:1.5px solid #f1f5f9;border-radius:14px;transition:box-shadow .18s,border-color .18s;overflow:hidden;box-shadow:0 1px 4px #00000012}.bp-card:hover{border-color:#e2e8f0;box-shadow:0 4px 16px #0000001a}.bp-card--inactive{opacity:.7}.bp-card-top{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 16px 12px;display:flex}.bp-card-icon{flex-shrink:0;font-size:22px}.bp-card-title{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.bp-name{color:#1e1e2e;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.bp-status{border-radius:20px;width:fit-content;padding:2px 9px;font-size:11px;font-weight:700}.bp-status.active{color:#16a34a;background:#f0fdf4}.bp-status.inactive{color:#dc2626;background:#fef2f2}.bp-status.completed{color:#2563eb;background:#eff6ff}.bp-card-actions{flex-shrink:0;gap:6px;display:flex}.bp-btn-edit,.bp-btn-del{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.bp-btn-edit{color:#2563eb;background:#eff6ff}.bp-btn-edit:hover{color:#fff;background:#2563eb}.bp-btn-del{color:#dc2626;background:#fef2f2}.bp-btn-del:hover{color:#fff;background:#dc2626}.bp-card-body{flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex}.bp-detail{align-items:center;gap:8px;display:flex}.bp-detail-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;width:80px;font-size:11.5px;font-weight:600}.bp-detail-value{color:#374151;font-size:14px;font-weight:500}.bp-duration{color:#6366f1;font-weight:700}.bp-expected-end{color:#f59e0b;font-weight:600}.bp-none{color:#cbd5e1}.bp-course-chip{color:#5b21b6;background:#ede9fe;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.bp-overlay{z-index:1000;pointer-events:none;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.bp-overlay>.bp-modal{pointer-events:all}.bp-overlay--top{z-index:1200}.bp-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.bp-modal--confirm{text-align:center;max-width:380px;padding:36px 28px 28px}.bp-confirm-icon{margin-bottom:12px;font-size:40px}.bp-modal--confirm h2{color:#1e1e2e;margin:0 0 8px;font-size:19px;font-weight:700}.bp-modal--confirm p{color:#64748b;margin:0 0 28px;font-size:14px;line-height:1.5}.bp-modal-header{justify-content:space-between;align-items:center;padding:24px 24px 0;display:flex}.bp-modal-header h2{color:#1e1e2e;margin:0;font-size:18px;font-weight:700}.bp-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .15s;display:flex}.bp-modal-close:hover{color:#1e1e2e;background:#e2e8f0}.bp-modal-form{flex-direction:column;gap:14px;padding:20px 24px 24px;display:flex}.bp-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.bp-form-group{flex-direction:column;gap:5px;display:flex}.bp-form-group label{color:#374151;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.bp-req{color:#ef4444;font-size:13px}.bp-optional{color:#94a3b8;font-size:11px;font-weight:400}.bp-field-hint{color:#94a3b8;margin-top:4px;font-size:11.5px}.bp-toggle-row{align-items:center;gap:12px;display:flex}.bp-toggle-btn{cursor:pointer;background:#e2e8f0;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.bp-toggle-btn.active{background:#6366f1}.bp-toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.bp-toggle-btn.active .bp-toggle-knob{transform:translate(20px)}.bp-toggle-label{color:#475569;font-size:13px}.bp-form-group input,.bp-form-group select{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.bp-form-group input:focus,.bp-form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.bp-form-group.has-error input,.bp-form-group.has-error select{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}.bp-field-err{color:#dc2626;align-items:center;gap:4px;font-size:11.5px;font-weight:500;display:flex}.bp-field-err:before{content:"⚠";font-size:11px}.bp-duration-wrap{border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.bp-duration-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.bp-duration-input{color:#1e293b;background:#fff;outline:none;flex:1;padding:10px 12px;font-size:14px;box-shadow:none!important;border:none!important}.bp-duration-suffix{color:#64748b;white-space:nowrap;background:#f8fafc;border-left:1.5px solid #e2e8f0;padding:10px 12px;font-size:13px;font-weight:600}.bp-duration-unit-select{color:#4f46e5;cursor:pointer;background:#f8fafc;outline:none;min-width:90px;padding:10px;font-size:13px;font-weight:700;border:none!important;border-left:1.5px solid #e2e8f0!important}.bp-form-group.has-error .bp-duration-wrap{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}.bp-status-toggle{gap:8px;display:flex}.bp-toggle-opt{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.bp-dot{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .15s}.bp-toggle-opt.selected.active-opt{color:#15803d;background:#f0fdf4;border-color:#16a34a}.bp-toggle-opt.selected.active-opt .bp-dot{background:#16a34a}.bp-toggle-opt.selected.inactive-opt{color:#dc2626;background:#fef2f2;border-color:#dc2626}.bp-toggle-opt.selected.inactive-opt .bp-dot{background:#dc2626}.bp-modal-footer{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.bp-confirm-footer{justify-content:center}.bp-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.bp-btn-cancel:hover{background:#f8fafc}.bp-btn-save{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600}.bp-btn-save:hover:not(:disabled){background:#4f46e5}.bp-btn-save:disabled{opacity:.6;cursor:not-allowed}.bp-btn-del-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600}.bp-btn-del-confirm:hover{background:#dc2626}.bp-btn-complete-confirm{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .15s}.bp-btn-complete-confirm:hover:not(:disabled){background:#15803d}.bp-btn-complete-confirm:disabled{opacity:.6;cursor:not-allowed}.bp-error-box{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:10px 14px;font-size:13px}.bp-complete-bar{flex-wrap:wrap;align-items:center;gap:10px;padding:0 24px 14px;display:flex}.bp-btn-complete{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s}.bp-btn-complete:hover:not(:disabled){background:#1d4ed8}.bp-btn-complete:disabled{opacity:.45;cursor:not-allowed}.bp-complete-hint{color:#94a3b8;font-size:12px}.bp-completed-badge{color:#2563eb;background:#eff6ff;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.bp-card-footer{gap:8px;margin:0 16px 14px;display:flex}.bp-btn-students{color:#4f46e5;cursor:pointer;background:#f5f3ff;border:1.5px solid #e0e7ff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.bp-btn-students:hover{background:#ede9fe;border-color:#c7d2fe}.bp-btn-share{color:#059669;cursor:pointer;white-space:nowrap;background:#f0fdf4;border:1.5px solid #d1fae5;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s}.bp-btn-share:hover{background:#d1fae5;border-color:#6ee7b7}.bp-share-wrap{flex-direction:column;align-items:center;display:inline-flex;position:relative}.bp-copied-tip{color:#fff;white-space:nowrap;pointer-events:none;background:#1e293b;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;animation:.15s bp-fade-in;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.bp-copied-tip:after{content:"";border:5px solid #0000;border-top-color:#1e293b;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes bp-fade-in{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.bp-seats-full{color:#ef4444;margin-left:4px;font-weight:700}.bp-modal--students{max-width:640px}.bp-students-toolbar{flex-wrap:wrap;align-items:center;gap:10px;padding:14px 24px 0;display:flex}.bp-student-dropdown-wrap{flex:1;min-width:200px;position:relative}.bp-dropdown-trigger{color:#94a3b8;cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s;display:flex}.bp-dropdown-trigger:hover{border-color:#c4b5fd}.bp-dropdown-trigger--open{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.bp-dropdown-trigger-label{flex:1}.bp-dropdown-arrow{color:#94a3b8;flex-shrink:0;width:16px;height:16px;transition:transform .2s}.bp-dropdown-trigger--open .bp-dropdown-arrow{transform:rotate(180deg)}.bp-dropdown-panel{z-index:50;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.bp-dropdown-search-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:10px 12px;display:flex}.bp-dropdown-search-icon{color:#94a3b8;flex-shrink:0;width:14px;height:14px}.bp-dropdown-search-input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:13px}.bp-dropdown-search-input::placeholder{color:#94a3b8}.bp-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:1px 3px;font-size:12px}.bp-search-clear:hover{color:#475569;background:#f1f5f9}.bp-dropdown-list{max-height:240px;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.bp-dropdown-item{cursor:pointer;align-items:center;gap:10px;padding:9px 14px;transition:background .1s;display:flex}.bp-dropdown-item:hover{background:#f5f3ff}.bp-dropdown-empty{color:#94a3b8;text-align:center;padding:14px 16px;font-size:13px}.bp-sug-avatar{color:#6366f1;background:#ede9fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.bp-sug-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.bp-sug-name{color:#1e1e2e;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.bp-sug-meta{color:#94a3b8;font-size:11px}.bp-suggestion-item--assigned{cursor:not-allowed;opacity:.65}.bp-suggestion-item--assigned:hover{background:0 0}.bp-sug-batch-tag{color:#92400e;white-space:nowrap;text-overflow:ellipsis;background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;flex-shrink:0;max-width:120px;padding:2px 6px;font-size:10px;font-weight:600;overflow:hidden}.bp-add-err{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:6px 0 0;padding:8px 12px;font-size:12px;line-height:1.4}.bp-selected-pill{background:#f5f3ff;border:1.5px solid #c4b5fd;border-radius:8px;align-items:center;gap:8px;padding:7px 12px;display:flex}.bp-selected-pill-avatar{color:#fff;background:#6366f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.bp-selected-pill-name{color:#1e1e2e;font-size:13px;font-weight:600}.bp-selected-pill-meta{color:#7c3aed;font-size:11px}.bp-selected-pill-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:2px 4px;font-size:12px}.bp-selected-pill-clear:hover{color:#ef4444;background:#fee2e2}.bp-btn-map{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s}.bp-btn-map:hover:not(:disabled){background:#4f46e5}.bp-btn-map:disabled{opacity:.5;cursor:not-allowed}.bp-students-body{padding:14px 24px 20px}.bp-students-empty{text-align:center;color:#94a3b8;padding:32px 0;font-size:14px}.bp-student-table{border-collapse:collapse;width:100%}.bp-student-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #f1f5f9;padding:0 10px 10px;font-size:11.5px;font-weight:700}.bp-student-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:10px;font-size:13px}.bp-student-table tr:last-child td{border-bottom:none}.bp-st-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.bp-st-avatar-ph{color:#4f46e5;background:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:inline-flex}.bp-st-name{color:#1e1e2e;font-weight:600}.bp-st-enroll{color:#94a3b8;font-size:11.5px}.bp-pay-badge{cursor:pointer;white-space:nowrap;border:none;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:700;transition:all .15s}.bp-pay-badge.unpaid{color:#dc2626;background:#fef2f2}.bp-pay-badge.partial{color:#c2410c;background:#fff7ed}.bp-pay-badge.paid{color:#16a34a;background:#f0fdf4}.bp-pay-badge.hold{color:#92400e;background:#fef9c3;align-items:center;gap:4px;display:inline-flex}.bp-hold-info{color:#fef9c3;cursor:help;background:#92400e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:inline-flex}.bp-hold-reason-input{box-sizing:border-box;color:#1e293b;resize:vertical;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;margin:8px 0 4px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.bp-hold-reason-input:focus{border-color:#6366f1}.bp-btn-hold-confirm{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .15s}.bp-btn-hold-confirm:hover:not(:disabled){background:#d97706}.bp-btn-hold-confirm:disabled{opacity:.6;cursor:not-allowed}.bp-btn-hold{color:#92400e;cursor:pointer;white-space:nowrap;background:#fef9c3;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.bp-btn-hold:hover{color:#fff;background:#f59e0b}.bp-btn-release{color:#475569;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.bp-btn-release:hover{background:#e2e8f0}.bp-btn-remove{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.bp-btn-remove:hover{color:#fff;background:#dc2626}.bp-btn-precert{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eff6ff;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.bp-btn-precert:hover:not(:disabled){color:#fff;background:#2563eb}.bp-btn-precert:disabled{opacity:.6;cursor:not-allowed}.bp-no-email{color:#94a3b8;font-size:11px;font-style:italic}.bp-ol-cell{align-items:center;gap:6px;display:flex}.bp-ol-count{color:#92400e;white-space:nowrap;cursor:default;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:700}.bp-ol-th{white-space:nowrap}.bp-ol-th span{margin-bottom:4px;display:block}.bp-btn-send-all{color:#2563eb;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #2563eb;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s}.bp-btn-send-all:hover:not(:disabled){color:#fff;background:#2563eb}.bp-btn-send-all:disabled{opacity:.5;cursor:not-allowed}.bp-btn-warn-confirm{color:#fff;cursor:pointer;background:#d97706;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .15s}.bp-btn-warn-confirm:hover{background:#b45309}.bp-loc-chip{color:#6d28d9;background:#ede9fe;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:500}.bp-csv-count{color:#374151;font-size:12px;font-weight:500}.bp-csv-pay{font-size:12px;font-weight:600}.bp-csv-pay.paid{color:#059669}.bp-csv-pay.unpaid{color:#dc2626}.bp-csv-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:0 24px 20px;padding:16px 18px}.bp-csv-section-title{color:#1e1e2e;margin-bottom:4px;font-size:13px;font-weight:700}.bp-csv-section-hint{color:#64748b;margin:0 0 12px;font-size:12px}.bp-csv-actions{flex-wrap:wrap;gap:10px;display:flex}.bp-btn-dl-csv{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s}.bp-btn-dl-csv:hover{background:#047857}.bp-btn-ul-csv{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s;display:inline-block}.bp-btn-ul-csv:hover{background:#4f46e5}.bp-csv-preview{margin-top:8px}.bp-csv-preview-header{color:#374151;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.bp-csv-clear-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:5px;padding:2px 8px;font-size:12px}.bp-csv-clear-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.bp-csv-table-wrap{border:1px solid #e2e8f0;border-radius:7px;max-height:220px;overflow:auto}.bp-csv-table{border-collapse:collapse;width:100%;font-size:12px}.bp-csv-table th{color:#475569;text-align:left;white-space:nowrap;background:#f1f5f9;padding:7px 10px;font-weight:600;position:sticky;top:0}.bp-csv-table td{color:#374151;border-top:1px solid #f1f5f9;padding:6px 10px}.bp-csv-table tr:hover td{background:#f8fafc}.bp-csv-missing{color:#d1d5db}.bp-csv-save-row{justify-content:flex-end;margin-top:10px;display:flex}.bp-btn-save-csv{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:7px;padding:9px 20px;font-size:13px;font-weight:600;transition:background .15s}.bp-btn-save-csv:hover:not(:disabled){background:#4f46e5}.bp-btn-save-csv:disabled{opacity:.6;cursor:default}.bp-csv-saved{margin-top:8px}.bp-csv-saved-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.bp-csv-saved-count{color:#1e1e2e;font-size:13px;font-weight:600}.bp-csv-saved-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bp-csv-pay-badge{border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600}.bp-csv-pay-badge.paid{color:#166534;background:#dcfce7}.bp-csv-pay-badge.unpaid{color:#dc2626;background:#fef2f2}.bp-btn-csv-pay{color:#374151;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .15s}.bp-btn-csv-pay:hover{color:#166534;background:#dcfce7;border-color:#86efac}.bp-btn-csv-pay.paid{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.bp-btn-csv-pay.paid:hover{background:#fee2e2}.bp-btn-csv-reupload{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:12px}.bp-btn-csv-reupload:hover{background:#f1f5f9}.bp-cert-section{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin:0 24px 20px;padding:16px 18px}.bp-cert-section-title{color:#14532d;margin-bottom:4px;font-size:13px;font-weight:700}.bp-cert-section-hint{color:#166534;margin:0 0 12px;font-size:12px}.bp-cert-progress{color:#6366f1;background:#eef2ff;border-radius:6px;margin-bottom:10px;padding:7px 12px;font-size:12px;font-weight:500}.bp-btn-gen-certs{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;width:100%;padding:11px;font-size:14px;font-weight:700;transition:background .15s}.bp-btn-gen-certs:hover:not(:disabled){background:#15803d}.bp-btn-gen-certs:disabled{opacity:.65;cursor:default}@media (width<=768px){.bp-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.bp-overlay{align-items:flex-end;padding:12px}.bp-modal{border-radius:16px 16px 0 0;max-width:100%}.bp-modal--confirm{border-radius:16px;max-width:100%}}@media (width<=600px){.bp-header h1{font-size:20px}.bp-header{margin-bottom:16px}.bp-grid{grid-template-columns:1fr}.bp-form-row{grid-template-columns:1fr;gap:12px}.bp-modal-form{gap:12px;padding:16px 16px 20px}.bp-modal-header{padding:20px 16px 0}.bp-modal--confirm{padding:28px 20px 24px}.bp-modal-footer{flex-direction:column-reverse}.bp-btn-cancel,.bp-btn-save,.bp-btn-del-confirm,.bp-btn-hold-confirm,.bp-btn-complete-confirm{text-align:center;width:100%;padding:13px}.bp-confirm-footer,.bp-status-toggle{flex-direction:column}.bp-students-toolbar{padding:12px 16px 0}.bp-students-body{padding:12px 16px 16px}.bp-student-table th,.bp-student-table td{padding:8px 6px}}.bp-title-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bp-avg-score{color:#92400e;background:#fef9c3;border:1px solid #fde68a;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:700}.bp-score-cell{align-items:center;gap:6px;display:flex}.bp-score-badge{color:#16a34a;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.bp-score-nil{color:#cbd5e1;font-size:13px}.bp-btn-perf{color:#6366f1;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;display:flex}.bp-btn-perf:hover{background:#e0e7ff}.bp-modal--perf{flex-direction:column;gap:0;width:100%;max-width:500px;max-height:90vh;display:flex;overflow-y:auto}.bp-perf-overall{background:#f8fafc;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:8px;padding:14px 20px;display:flex}.bp-perf-overall-label{letter-spacing:1px;color:#94a3b8;font-size:10px;font-weight:800}.bp-perf-bar-wrap{align-items:center;gap:12px;display:flex}.bp-perf-bar-bg{background:#e2e8f0;border-radius:99px;flex:1;height:8px;overflow:hidden}.bp-perf-bar-fill{border-radius:99px;height:100%;transition:width .3s,background .3s}.bp-perf-pct{text-align:right;min-width:46px;font-size:13px;font-weight:800}.bp-perf-section{border-bottom:1px solid #f1f5f9;padding:14px 20px}.bp-perf-section-title{letter-spacing:1px;color:#0284c7;align-items:center;gap:8px;margin-bottom:12px;font-size:10px;font-weight:800;display:flex}.bp-perf-svc-tag{color:#0284c7;text-transform:none;letter-spacing:0;background:#e0f2fe;border-radius:20px;padding:1px 8px;font-size:10px;font-weight:700}.bp-perf-metric-row{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.bp-perf-metric-row:last-child{border-bottom:none}.bp-perf-metric-name{color:#374151;flex:1;min-width:0;font-size:13px;font-weight:500}.bp-perf-stars{flex-shrink:0;align-items:center;gap:2px;display:flex}.bp-star{color:#e2e8f0;cursor:pointer;background:0 0;border:none;padding:0 1px;font-size:20px;line-height:1;transition:color .1s,transform .1s}.bp-star.filled{color:#f59e0b}.bp-star:hover{transform:scale(1.15)}.bp-star-label{color:#f59e0b;white-space:nowrap;margin-left:6px;font-size:11px;font-weight:600}.bp-perf-remarks{flex-direction:column;gap:6px;padding:14px 20px;display:flex}.bp-perf-remarks label{letter-spacing:1px;color:#94a3b8;font-size:10px;font-weight:800}.bp-perf-remarks textarea{color:#1e1e2e;resize:vertical;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px}.bp-perf-remarks textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.bp-perf-err{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin:0 20px;padding:8px 12px;font-size:12px}.bp-perf-footer{background:#fff;border-top:1px solid #f1f5f9;gap:10px;padding:14px 20px;display:flex;position:sticky;bottom:0}.bp-btn-perf-save{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:8px;flex:1;padding:11px 20px;font-size:14px;font-weight:600}.bp-btn-perf-save:hover:not(:disabled){background:#0369a1}.bp-btn-perf-save:disabled{opacity:.6;cursor:not-allowed}.bp-btn-perf-cancel{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600}.bp-btn-perf-cancel:hover{background:#f8fafc}.st-page{width:100%}.st-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.st-header h1{color:#1e1e2e;margin:0 0 4px;font-size:26px;font-weight:700}.st-header p{color:#64748b;margin:0;font-size:14px}.st-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:background .18s,transform .1s}.st-add-btn:hover{background:#4f46e5;transform:translateY(-1px)}.st-alert{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:16px;padding:10px 16px;font-size:13px}.st-filter-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.st-filter-row .st-search-bar{flex:1;min-width:200px;margin-bottom:0}.st-filter-status{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;min-width:130px;padding:10px 12px;font-size:14px;transition:border-color .15s}.st-filter-status:focus{border-color:#6366f1}.st-search-bar{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.st-search-bar:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.st-search-icon{flex-shrink:0;font-size:15px}.st-search-bar input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:14px}.st-search-bar input::placeholder{color:#94a3b8}.st-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:13px}.st-search-clear:hover{color:#475569;background:#f1f5f9}.st-loading{text-align:center;color:#94a3b8;padding:60px;font-size:15px}.st-empty{text-align:center;background:#fff;border-radius:12px;padding:60px 24px;box-shadow:0 1px 4px #00000012}.st-empty-icon{margin-bottom:12px;font-size:48px}.st-empty p{color:#94a3b8;margin:0;font-size:15px}.st-table-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 1px 4px #00000012}.st-table-wrap::-webkit-scrollbar{display:none}.st-float-scroll{z-index:10;background:0 0;height:14px;position:sticky;bottom:0;overflow:auto hidden}.st-float-scroll::-webkit-scrollbar{height:8px}.st-float-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.st-float-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.st-float-scroll::-webkit-scrollbar-thumb:hover{background:#64748b}.st-float-scroll-inner{height:1px}.st-table{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}.st-table thead{background:#f8fafc}.st-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1.5px solid #f1f5f9;padding:12px 16px;font-size:11.5px;font-weight:600}.st-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:12px 16px}.st-table tr:last-child td{border-bottom:none}.st-table tbody tr:hover td{background:#fafbff}.st-avatar-img{object-fit:cover;border:2px solid #e2e8f0;border-radius:50%;display:block}.st-avatar-clickable{cursor:zoom-in;transition:border-color .15s,box-shadow .15s}.st-avatar-clickable:hover{border-color:#6366f1;box-shadow:0 0 0 3px #6366f12e}.st-photo-lightbox{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;pointer-events:all;background:#000000bf;justify-content:center;align-items:center;display:flex}.st-lightbox-inner{pointer-events:all;border-radius:16px;max-width:90vw;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000080}.st-lightbox-img{object-fit:contain;background:#000;max-width:80vw;max-height:80vh;display:block}.st-lightbox-close{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .15s;display:flex;position:absolute;top:10px;right:12px}.st-lightbox-close:hover{background:#000000d9}.st-avatar-init{color:#fff;background:#6366f1;border:2px solid #e0e7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.st-td-num{color:#94a3b8;width:40px;font-size:13px}.st-td-name{color:#1e1e2e;white-space:nowrap;font-weight:600}.st-td-muted{color:#64748b;font-size:13px}.st-code{white-space:nowrap;background:#f1f5f9;border-radius:5px;padding:3px 8px;font-family:monospace;font-size:12.5px}.st-status{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.st-status.active{color:#16a34a;background:#f0fdf4}.st-status.inactive{color:#dc2626;background:#fef2f2}.st-row-actions{gap:6px;display:flex}.st-btn-edit,.st-btn-del{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:all .15s}.st-btn-edit{color:#2563eb;background:#eff6ff}.st-btn-edit:hover{color:#fff;background:#2563eb}.st-btn-del{color:#dc2626;background:#fef2f2}.st-btn-del:hover{color:#fff;background:#dc2626}.st-table-footer{color:#64748b;background:#f8fafc;border-top:1px solid #f1f5f9;padding:12px 16px;font-size:13px}.st-overlay{z-index:1000;pointer-events:none;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.st-overlay>.st-modal{pointer-events:all}.st-modal{background:#fff;border-radius:16px;width:100%;max-width:580px;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.st-modal--confirm{text-align:center;max-width:380px;padding:36px 28px 28px}.st-confirm-icon{margin-bottom:12px;font-size:40px}.st-modal--confirm h2{color:#1e1e2e;margin:0 0 8px;font-size:19px;font-weight:700}.st-modal--confirm p{color:#64748b;margin:0 0 28px;font-size:14px;line-height:1.5}.st-modal-header{justify-content:space-between;align-items:center;padding:24px 24px 0;display:flex}.st-modal-header h2{color:#1e1e2e;margin:0;font-size:18px;font-weight:700}.st-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .15s;display:flex}.st-modal-close:hover{color:#1e1e2e;background:#e2e8f0}.st-modal-form{flex-direction:column;gap:14px;padding:20px 24px 24px;display:flex}.st-photo-section{flex-direction:column;align-items:center;gap:8px;display:flex}.st-photo-ring{cursor:pointer;border:2.5px dashed #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.st-photo-ring:hover{border-color:#6366f1}.st-photo-preview{object-fit:cover;width:100%;height:100%;display:block}.st-photo-placeholder{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.st-camera-icon{font-size:22px}.st-photo-overlay{color:#fff;opacity:0;background:#00000073;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:opacity .18s;display:flex;position:absolute;inset:0}.st-photo-ring:hover .st-photo-overlay{opacity:1}.st-photo-remove{color:#dc2626;cursor:pointer;background:0 0;border:none;font-size:12px;text-decoration:underline}.st-photo-hint{color:#94a3b8;margin:0;font-size:11px}.st-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.st-form-group{flex-direction:column;gap:5px;display:flex}.st-form-group label{color:#374151;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.st-req{color:#ef4444;font-size:13px}.st-optional{color:#94a3b8;font-size:11px;font-weight:400}.st-field-hint{color:#94a3b8;margin-top:3px;font-size:11.5px}.st-form-group input,.st-form-group select,.st-form-group textarea{color:#1e293b;resize:vertical;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.st-form-group input:focus,.st-form-group select:focus,.st-form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.st-form-group input:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.st-form-group.has-error input,.st-form-group.has-error select{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}.st-field-err{color:#dc2626;align-items:center;gap:4px;font-size:11.5px;font-weight:500;display:flex}.st-field-err:before{content:"⚠";font-size:11px}.st-status-toggle{gap:8px;display:flex}.st-toggle-opt{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.st-dot{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .15s}.st-toggle-opt.selected.active-opt{color:#15803d;background:#f0fdf4;border-color:#16a34a}.st-toggle-opt.selected.active-opt .st-dot{background:#16a34a}.st-toggle-opt.selected.inactive-opt{color:#dc2626;background:#fef2f2;border-color:#dc2626}.st-toggle-opt.selected.inactive-opt .st-dot{background:#dc2626}.st-modal-footer{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.st-confirm-footer{justify-content:center}.st-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.st-btn-cancel:hover{background:#f8fafc}.st-btn-save{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600}.st-btn-save:hover:not(:disabled){background:#4f46e5}.st-btn-save:disabled{opacity:.6;cursor:not-allowed}.st-btn-del-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600}.st-btn-del-confirm:hover{background:#dc2626}.st-error-box{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:10px 14px;font-size:13px}@media (width<=900px){.st-table{min-width:680px}}@media (width<=768px){.st-overlay{align-items:flex-end;padding:12px}.st-modal{border-radius:16px 16px 0 0;max-width:100%;max-height:94vh}.st-modal--confirm{border-radius:16px;max-width:100%}}.st-btn-docs{color:#0ea5e9;cursor:pointer;background:#f0f9ff;border:1.5px solid #0ea5e9;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600}.st-btn-docs:hover{background:#e0f2fe}.st-modal--docs{max-width:620px;padding:0}.st-modal-sub{color:#64748b;margin:2px 0 0;font-size:12px}.st-doc-upload-form{border-bottom:1px solid #f1f5f9;padding:16px 24px}.st-doc-upload-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.st-doc-name-input{border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;min-width:140px;padding:8px 12px;font-size:13px}.st-doc-name-input:focus{border-color:#6366f1}.st-doc-file-input{font-size:12px}.st-btn-upload{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.st-btn-upload:hover:not(:disabled){background:#059669}.st-btn-upload:disabled{opacity:.6;cursor:not-allowed}.st-doc-empty{text-align:center;color:#94a3b8;padding:24px;font-size:13px}.st-doc-list{flex-direction:column;gap:8px;max-height:320px;padding:16px 24px 20px;display:flex;overflow-y:auto}.st-doc-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.st-doc-icon{flex-shrink:0;font-size:20px}.st-doc-info{flex:1;min-width:0}.st-doc-name{color:#1e1e2e;font-size:13px;font-weight:600}.st-doc-meta{color:#94a3b8;flex-wrap:wrap;gap:8px;margin-top:2px;font-size:11px;display:flex}.st-doc-actions{flex-shrink:0;gap:6px;display:flex}.st-btn-download{color:#0ea5e9;background:#f0f9ff;border:1.5px solid #0ea5e9;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:600;text-decoration:none}.st-btn-download:hover{background:#e0f2fe}.st-btn-del-doc{color:#ef4444;cursor:pointer;background:#fff;border:1.5px solid #fecaca;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:600}.st-btn-del-doc:hover{background:#fef2f2}@media (width<=600px){.st-header h1{font-size:20px}.st-header{margin-bottom:14px}.st-form-row{grid-template-columns:1fr;gap:12px}.st-modal-form{gap:12px;padding:16px 16px 20px}.st-modal-header{padding:20px 16px 0}.st-modal-footer{flex-direction:column-reverse}.st-btn-cancel,.st-btn-save,.st-btn-del-confirm{text-align:center;width:100%;padding:13px}.st-confirm-footer,.st-status-toggle{flex-direction:column}.st-modal--confirm{padding:28px 20px 24px}}.pay-page{width:100%}.pay-header{margin-bottom:22px}.pay-header h1{color:#1e1e2e;margin:0 0 4px;font-size:26px;font-weight:700}.pay-header p{color:#64748b;margin:0;font-size:14px}.pay-alert{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:20px;padding:10px 16px;font-size:13px;font-weight:600}.pay-alert--error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.pay-tabs{background:#f1f5f9;border-radius:10px;gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.pay-tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:8px 22px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.pay-tab.active{color:#1e1e2e;background:#fff;box-shadow:0 1px 4px #0000001a}.pay-tab-count{color:#475569;background:#e2e8f0;border-radius:20px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.pay-tab.active .pay-tab-count{color:#fff;background:#6366f1}.pay-selector{background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:22px;padding:18px 22px;display:flex;box-shadow:0 1px 4px #00000012}.pay-selector label{color:#374151;white-space:nowrap;font-size:13px;font-weight:600}.pay-batch-select{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;min-width:220px;max-width:420px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.pay-batch-select:focus{border-color:#6366f1}.pay-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.pay-sum-card{background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 1px 4px #00000012}.pay-sum-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:11.5px;font-weight:700}.pay-sum-value{color:#1e1e2e;font-size:20px;font-weight:800}.pay-sum-value.green{color:#16a34a}.pay-sum-value.orange{color:#c2410c}.pay-sum-value.red{color:#dc2626}.pay-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.pay-search{border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:230px;padding:9px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.pay-search:focus{border-color:#6366f1}.pay-btn-pay-all{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s}.pay-btn-pay-all:hover:not(:disabled){background:#4f46e5}.pay-btn-pay-all:disabled{opacity:.5;cursor:not-allowed}.pay-filters{background:#fff;border-radius:12px;margin-bottom:20px;padding:18px 22px;box-shadow:0 1px 4px #00000012}.pay-filter-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.pay-filter-group{flex-direction:column;flex:1;gap:5px;min-width:150px;display:flex}.pay-filter-group label{color:#374151;font-size:11.5px;font-weight:700}.pay-filter-group input,.pay-filter-group select{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.pay-filter-group input:focus,.pay-filter-group select:focus{border-color:#6366f1}.pay-btn-clear{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-self:flex-end;padding:9px 14px;font-size:13px;font-weight:600;transition:all .15s}.pay-btn-clear:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.pay-hist-summary{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;font-size:13px;display:flex}.pay-hist-total strong{color:#16a34a;font-size:15px}.pay-table-wrap{background:#fff;border-radius:14px;overflow:auto hidden;box-shadow:0 1px 4px #00000012}.pay-table{border-collapse:collapse;width:100%;min-width:700px}.pay-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:#fafafa;border-bottom:1px solid #f1f5f9;padding:13px 14px;font-size:11.5px;font-weight:700}.pay-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:11px 14px;font-size:13px}.pay-table tr:last-child td{border-bottom:none}.pay-table tr:hover td{background:#fafafa}.pay-hist-table{min-width:900px}.pay-student-name{color:#1e1e2e;font-size:13px;font-weight:600}.pay-student-enrol{color:#94a3b8;font-size:11.5px}.pay-amount{font-size:13px;font-weight:700}.pay-amount.green{color:#16a34a}.pay-amount.red{color:#dc2626}.pay-amount.orange{color:#c2410c}.pay-none{color:#cbd5e1;font-weight:400}.pay-badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-block}.pay-badge.unpaid{color:#dc2626;background:#fef2f2}.pay-badge.partial{color:#c2410c;background:#fff7ed}.pay-badge.paid{color:#16a34a;background:#f0fdf4}.pay-receipt-no{color:#6366f1;background:#ede9fe;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:12px;font-weight:700}.pay-date-cell{color:#475569;white-space:nowrap;font-size:12px}.pay-mode-chip{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:12px}.pay-btn-add{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eff6ff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.pay-btn-add:hover{color:#fff;background:#2563eb}.pay-btn-add:disabled{opacity:.4;cursor:not-allowed}.pay-btn-history{color:#475569;cursor:pointer;background:#f8fafc;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.pay-btn-history:hover{background:#e2e8f0}.pay-btn-online{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eff6ff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.pay-btn-online:hover:not(:disabled){color:#fff;background:#2563eb}.pay-btn-online:disabled{opacity:.6;cursor:not-allowed}.pay-btn-receipt{color:#16a34a;cursor:pointer;white-space:nowrap;background:#f0fdf4;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.pay-btn-receipt:hover{color:#fff;background:#16a34a}.pay-btn-send-receipt{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eff6ff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.pay-btn-send-receipt:hover:not(:disabled){color:#fff;background:#2563eb}.pay-btn-send-receipt:disabled{opacity:.6;cursor:not-allowed}.pay-btn-del-hist{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s}.pay-btn-del-hist:hover{color:#fff;background:#dc2626}.pay-empty{text-align:center;padding:60px 24px}.pay-empty-icon{margin-bottom:12px;font-size:48px}.pay-empty p{color:#94a3b8;margin:0;font-size:15px}.pay-loading{text-align:center;color:#94a3b8;padding:60px;font-size:15px}.pay-overlay{z-index:1000;pointer-events:none;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pay-overlay>.pay-modal{pointer-events:all}.pay-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.pay-modal--sm{max-width:400px}.pay-modal-header{justify-content:space-between;align-items:center;padding:22px 24px 0;display:flex}.pay-modal-header h2{color:#1e1e2e;margin:0;font-size:18px;font-weight:700}.pay-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .15s;display:flex}.pay-modal-close:hover{color:#1e1e2e;background:#e2e8f0}.pay-modal-student{background:#f8fafc;border-radius:10px;align-items:center;gap:12px;margin:16px 24px 0;padding:12px 14px;display:flex}.pay-modal-student-info{flex-direction:column;gap:2px;display:flex}.pay-modal-student-info strong{color:#1e1e2e;font-size:14px}.pay-modal-student-info span{color:#64748b;font-size:12px}.pay-modal-amounts{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 24px 0;display:grid}.pay-modal-amt{flex-direction:column;gap:3px;display:flex}.pay-modal-amt-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:700}.pay-modal-amt-value{color:#1e1e2e;font-size:16px;font-weight:800}.pay-modal-amt-value.green{color:#16a34a}.pay-modal-amt-value.orange{color:#c2410c}.pay-history{margin:16px 24px 4px}.pay-history-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px;font-size:11px;font-weight:700}.pay-history-empty{color:#cbd5e1;text-align:center;padding:14px 0;font-size:13px}.pay-hist-inner-table{border-collapse:collapse;width:100%}.pay-hist-inner-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;text-align:left;border-bottom:1px solid #f1f5f9;padding:0 8px 8px;font-size:10.5px;font-weight:700}.pay-hist-inner-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:8px;font-size:12.5px}.pay-hist-inner-table tr:last-child td{border-bottom:none}.pay-receipt-no-sm{color:#6366f1;font-family:monospace;font-size:11.5px;font-weight:700}.pay-hist-date{color:#64748b;white-space:nowrap}.pay-hist-amt{color:#16a34a;font-weight:700}.pay-hist-mode{color:#64748b}.pay-btn-del-pay{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s}.pay-btn-del-pay:hover{color:#fff;background:#dc2626}.pay-modal-form{flex-direction:column;gap:12px;padding:14px 24px 22px;display:flex}.pay-form-group{flex-direction:column;gap:5px;display:flex}.pay-form-group label{color:#374151;font-size:12px;font-weight:600}.pay-form-group input{color:#1e293b;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.pay-form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.pay-form-group.has-error input{border-color:#ef4444}.pay-field-err{color:#dc2626;font-size:11.5px;font-weight:500}.pay-field-err:before{content:"⚠ "}.pay-amount-wrap{border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.pay-amount-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.pay-amount-prefix{color:#64748b;background:#f8fafc;border-right:1.5px solid #e2e8f0;padding:10px 12px;font-size:14px;font-weight:600}.pay-amount-input{color:#1e293b;background:#fff;outline:none;flex:1;padding:10px 12px;font-size:14px;box-shadow:none!important;border:none!important}.pay-form-group.has-error .pay-amount-wrap{border-color:#ef4444}.pay-modal-footer{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.pay-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.pay-btn-cancel:hover{background:#f8fafc}.pay-btn-save{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600}.pay-btn-save:hover:not(:disabled){background:#4f46e5}.pay-btn-save:disabled{opacity:.6;cursor:not-allowed}.pay-error-box{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:10px 14px;font-size:13px}.pay-all-info-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.pay-all-info-row{color:#64748b;justify-content:space-between;align-items:center;font-size:13px;display:flex}.pay-all-info-row strong{color:#1e1e2e;font-size:14px;font-weight:700}.pay-all-info-total{color:#1e1e2e;border-top:1px solid #e2e8f0;margin-top:2px;padding-top:8px;font-size:14px;font-weight:600}.pay-all-info-total strong.green{color:#16a34a;font-size:17px}.pay-all-note-text{color:#94a3b8;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin:0;padding:9px 12px;font-size:12px;line-height:1.5}.pay-csv-panel{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;margin-bottom:20px;padding:16px 20px}.pay-csv-panel-title{color:#1e1e2e;align-items:center;gap:10px;margin-bottom:6px;font-size:14px;font-weight:700;display:flex}.pay-csv-status-badge{border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700}.pay-csv-status-badge.paid{color:#166534;background:#dcfce7}.pay-csv-status-badge.unpaid{color:#dc2626;background:#fef2f2}.pay-csv-panel-meta{color:#64748b;flex-wrap:wrap;gap:18px;margin-bottom:14px;font-size:12px;display:flex}.pay-csv-panel-meta strong{color:#374151}.pay-csv-form{flex-direction:column;gap:12px;display:flex}.pay-csv-form-row{flex-wrap:wrap;gap:14px;display:flex}.pay-csv-pay-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;align-self:flex-start;padding:10px 22px;font-size:14px;font-weight:700;transition:background .15s}.pay-csv-pay-btn:hover:not(:disabled){background:#4f46e5}.pay-csv-pay-btn:disabled{opacity:.65;cursor:default}.pay-csv-paid-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.pay-csv-paid-row{color:#374151;justify-content:space-between;font-size:13px;display:flex}.pay-csv-paid-row strong{color:#1e1e2e}.pay-csv-paid-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.pay-csv-complete-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:7px;padding:7px 16px;font-size:13px;font-weight:700;transition:background .15s}.pay-csv-complete-btn:hover:not(:disabled){background:#15803d}.pay-csv-complete-btn:disabled{opacity:.65;cursor:default}.pay-csv-undo-btn{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #fca5a5;border-radius:6px;padding:6px 12px;font-size:12px}.pay-csv-undo-btn:hover{background:#fef2f2}.pay-csv-completed-badge{color:#16a34a;margin-top:8px;font-size:13px;font-weight:600}@media (width<=900px){.pay-summary{grid-template-columns:repeat(2,1fr)}.pay-filter-row{gap:10px}.pay-filter-group{min-width:130px}}@media (width<=600px){.pay-header h1{font-size:20px}.pay-summary{grid-template-columns:repeat(2,1fr);gap:10px}.pay-tabs{width:100%}.pay-tab{flex:1;justify-content:center;padding:8px 12px;font-size:13px}.pay-filter-group{min-width:100%}.pay-overlay{align-items:flex-end;padding:12px}.pay-modal{border-radius:16px 16px 0 0;max-width:100%}.pay-modal-footer{flex-direction:column-reverse}.pay-btn-cancel,.pay-btn-save{text-align:center;width:100%;padding:13px}}.att-page{width:100%}.att-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.att-header h1{color:var(--text-primary,#1e1e2e);margin:0 0 4px;font-size:22px;font-weight:700}.att-header p{color:var(--text-muted,#64748b);margin:0;font-size:13px}.att-filters{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.att-filter-group{flex-direction:column;gap:5px;display:flex}.att-filter-group label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-size:11px;font-weight:600}.att-filter-group select,.att-filter-group input[type=date]{color:#1e1e2e;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;min-width:200px;padding:8px 12px;font-size:13px}.att-filter-group select:focus,.att-filter-group input[type=date]:focus{border-color:#6366f1}.att-today-btn{color:#6366f1;cursor:pointer;background:0 0;border:1.5px solid #6366f1;border-radius:8px;align-self:flex-end;padding:8px 14px;font-size:12px;font-weight:600}.att-today-btn:hover{background:#eef2ff}.att-summary{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.att-chip{border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:80px;padding:10px 20px;display:flex}.att-chip-val{font-size:22px;font-weight:700;line-height:1}.att-chip-label{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.att-chip.total{color:#334155;background:#f1f5f9}.att-chip.present{color:#065f46;background:#d1fae5}.att-chip.out{color:#3730a3;background:#e0e7ff}.att-chip.absent{color:#991b1b;background:#fee2e2}.att-date-label{color:#475569;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.att-readonly-badge{color:#92400e;background:#fef3c7;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.att-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.att-table{border-collapse:collapse;width:100%;font-size:13px}.att-table thead tr{background:#f8fafc}.att-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#64748b;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:700}.att-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px}.att-table tbody tr:last-child td{border-bottom:none}.att-table tbody tr:hover{background:#f8fafc}.att-row--checked_out{opacity:.75}.att-td-num{color:#94a3b8;width:36px;font-size:12px}.att-td-name{color:#1e1e2e;font-weight:600}.att-td-time{white-space:nowrap}.att-avatar{object-fit:cover;border-radius:50%;display:block}.att-avatar-ph{color:#fff;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.att-code{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px}.att-time-val{font-size:12px;font-weight:600}.att-time-val.login{color:#059669}.att-time-val.logout{color:#6366f1}.att-time-nil{color:#cbd5e1;font-size:13px}.att-status-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.att-status--present{color:#065f46;background:#d1fae5}.att-status--checked_out{color:#3730a3;background:#e0e7ff}.att-status--absent{color:#991b1b;background:#fee2e2}.att-btn-checkin{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:6px;padding:5px 13px;font-size:12px;font-weight:600}.att-btn-checkin:hover:not(:disabled){background:#047857}.att-btn-checkin:disabled{opacity:.6;cursor:not-allowed}.att-btn-checkout{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:6px;padding:5px 13px;font-size:12px;font-weight:600}.att-btn-checkout:hover:not(:disabled){background:#4f46e5}.att-btn-checkout:disabled{opacity:.6;cursor:not-allowed}.att-done-label{color:#94a3b8;font-size:12px;font-weight:600}.att-action-group{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.att-btn-undo{color:#dc2626;cursor:pointer;background:#fff1f2;border:1px solid #fca5a5;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:600;transition:background .15s}.att-btn-undo:hover:not(:disabled){background:#fee2e2}.att-btn-undo:disabled{opacity:.5;cursor:not-allowed}.att-loading,.att-empty{text-align:center;color:#94a3b8;padding:48px 20px}.att-empty-icon{margin-bottom:12px;font-size:40px}.att-empty p{color:#64748b;margin:0;font-size:14px}.cert-page{width:100%}.cert-header{margin-bottom:24px}.cert-header h1{color:#1e1e2e;margin:0 0 4px;font-size:26px;font-weight:700}.cert-header p{color:#64748b;margin:0;font-size:14px}.cert-loading{text-align:center;color:#94a3b8;padding:60px;font-size:15px}.cert-empty{text-align:center;background:#fff;border-radius:14px;padding:60px 24px;box-shadow:0 1px 4px #00000012}.cert-empty-icon{margin-bottom:14px;font-size:52px}.cert-empty p{color:#94a3b8;margin:0;font-size:15px}.cert-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.cert-filter-search{background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;flex:1;align-items:center;gap:8px;min-width:180px;padding:9px 13px;transition:border-color .15s,box-shadow .15s;display:flex}.cert-filter-search:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.cert-filter-search input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:14px}.cert-filter-search input::placeholder{color:#94a3b8}.cert-filter-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:12px}.cert-filter-clear:hover{color:#475569;background:#f1f5f9}.cert-filter-course{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;min-width:150px;padding:9px 12px;font-size:14px;transition:border-color .15s}.cert-filter-course:focus{border-color:#6366f1}.cert-filter-reset{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e2e8f0;border-radius:8px;padding:9px 14px;font-size:13px;transition:all .15s}.cert-filter-reset:hover{color:#6366f1;background:#f5f3ff;border-color:#6366f1}.cert-batch-list{flex-direction:column;gap:12px;display:flex}.cert-batch-card{background:#fff;border:1.5px solid #f1f5f9;border-radius:14px;transition:border-color .15s;overflow:hidden;box-shadow:0 1px 4px #00000012}.cert-batch-card.open{border-color:#c7d2fe}.cert-batch-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:14px;padding:18px 20px;transition:background .12s;display:flex}.cert-batch-header:hover{background:#fafafa}.cert-batch-icon{flex-shrink:0;font-size:24px}.cert-batch-info{flex:1;min-width:0}.cert-batch-name{color:#1e1e2e;font-size:16px;font-weight:700}.cert-batch-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.cert-chip{border-radius:20px;padding:2px 10px;font-size:11.5px;font-weight:600}.cert-chip.course{color:#5b21b6;background:#ede9fe}.cert-chip.duration{color:#2563eb;background:#eff6ff}.cert-chip.date{color:#15803d;background:#f0fdf4}.cert-chip.count{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.cert-badge-completed{color:#2563eb;white-space:nowrap;background:#eff6ff;border-radius:20px;flex-shrink:0;padding:4px 12px;font-size:11.5px;font-weight:700}.cert-chevron{color:#94a3b8;flex-shrink:0;font-size:13px;transition:transform .2s}.cert-batch-card.open .cert-chevron{transform:rotate(180deg)}.cert-students{border-top:1px solid #f1f5f9}.cert-students-loading,.cert-students-empty{text-align:center;color:#94a3b8;padding:24px;font-size:14px}.cert-student-table{border-collapse:collapse;width:100%}.cert-student-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;background:#fafafa;border-bottom:1px solid #f1f5f9;padding:12px 20px;font-size:11px;font-weight:700}.cert-student-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:12px 20px;font-size:13.5px}.cert-student-table tr:last-child td{border-bottom:none}.cert-student-table tr:hover td{background:#fafafa}.cert-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.cert-avatar-ph{color:#4f46e5;background:#e0e7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:inline-flex}.cert-student-name{color:#1e1e2e;font-weight:700}.cert-student-enrol{color:#94a3b8;margin-top:1px;font-size:11.5px}.cert-pay-badge{border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:700}.cert-pay-badge.paid{color:#16a34a;background:#f0fdf4}.cert-pay-badge.unpaid{color:#dc2626;background:#fef2f2}.cert-pay-badge.partial{color:#c2410c;background:#fff7ed}.cert-btn-send-all{color:#6366f1;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #6366f1;border-radius:20px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s}.cert-btn-send-all:hover:not(:disabled){color:#fff;background:#6366f1}.cert-btn-send-all:disabled{opacity:.6;cursor:not-allowed}.cert-send-result{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:600}.cert-send-ok{color:#15803d;background:#f0fdf4}.cert-send-err{color:#dc2626;background:#fef2f2}.cert-btn-download{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.cert-btn-download:hover{opacity:.88;transform:translateY(-1px)}.cert-chip.csv{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.cert-csv-section{background:#fafafa;border-top:1px solid #f1f5f9;padding:16px 20px 20px}.cert-csv-title{color:#374151;margin-bottom:10px;font-size:14px;font-weight:700}.cert-csv-names{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.cert-csv-name-chip{color:#5b21b6;background:#ede9fe;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.cert-csv-name-chip.more{color:#64748b;background:#f1f5f9}.cert-zip-progress{color:#6366f1;background:#eef2ff;border-radius:6px;margin-bottom:10px;padding:6px 10px;font-size:12.5px}.cert-btn-zip{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.cert-btn-zip:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.cert-btn-zip:disabled{opacity:.6;cursor:not-allowed}@media (width<=600px){.cert-header h1{font-size:20px}.cert-batch-header{gap:10px;padding:14px 16px}.cert-student-table th,.cert-student-table td{padding:10px 14px}.cert-student-table th:nth-child(4),.cert-student-table td:nth-child(4){display:none}}.cs-page{width:100%}.cs-alert{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:16px;padding:10px 16px;font-size:13px}.cs-loading{text-align:center;color:#94a3b8;padding:48px}.cs-empty{text-align:center;color:#94a3b8;padding:64px}.cs-empty-icon{margin-bottom:12px;font-size:48px}.cs-empty p{margin:0;font-size:14px}.cs-list-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.cs-list-header h2{color:#1e1e2e;margin:0 0 4px;font-size:20px;font-weight:700}.cs-list-header p{color:#64748b;margin:0;font-size:13px}.cs-template-list{flex-direction:column;gap:10px;display:flex}.cs-template-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;transition:box-shadow .15s;display:flex}.cs-template-card:hover{box-shadow:0 2px 12px #00000014}.cs-tpl-icon{flex-shrink:0;font-size:28px}.cs-tpl-info{flex:1;min-width:0}.cs-tpl-name{color:#1e1e2e;margin-bottom:6px;font-size:15px;font-weight:700}.cs-tpl-meta{flex-wrap:wrap;gap:6px;display:flex}.cs-chip{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.cs-chip.service{color:#4f46e5;background:#eef2ff}.cs-chip.unmapped{color:#92400e;background:#fef9c3}.cs-chip.pdf{color:#166534;background:#dcfce7}.cs-chip.nopdf{color:#991b1b;background:#fef2f2}.cs-chip.dim{color:#475569;background:#f1f5f9}.cs-chip.event-pre{color:#7c3aed;background:#fdf4ff}.cs-chip.event-post{color:#15803d;background:#f0fdf4}.cs-tpl-actions{flex-shrink:0;gap:8px;display:flex}.cs-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:background .15s}.cs-btn-primary:hover:not(:disabled){background:#4f46e5}.cs-btn-primary:disabled{opacity:.6;cursor:not-allowed}.cs-btn-edit{color:#2563eb;cursor:pointer;background:#eff6ff;border:none;border-radius:6px;padding:7px 13px;font-size:12px;font-weight:600;transition:all .15s}.cs-btn-edit:hover{color:#fff;background:#2563eb}.cs-btn-del{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;border-radius:6px;padding:7px 13px;font-size:12px;font-weight:600;transition:all .15s}.cs-btn-del:hover{color:#fff;background:#dc2626}.cs-btn-cancel{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600}.cs-btn-cancel:hover{background:#f1f5f9}.cs-overlay{z-index:1000;pointer-events:none;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cs-overlay>.cs-modal{pointer-events:all}.cs-modal{background:#fff;border-radius:14px;width:100%;max-width:460px;box-shadow:0 20px 60px #0003}.cs-modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.cs-modal-header h3{color:#1e1e2e;margin:0;font-size:17px;font-weight:700}.cs-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;width:28px;height:28px;font-size:13px}.cs-modal-close:hover{background:#e2e8f0}.cs-modal-form{flex-direction:column;gap:14px;padding:18px 24px 24px;display:flex}.cs-form-group{flex-direction:column;gap:5px;display:flex}.cs-form-group label{color:#374151;font-size:12px;font-weight:600}.cs-opt{color:#94a3b8;font-size:11px;font-weight:400}.cs-form-group input,.cs-form-group select{color:#1e293b;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px}.cs-form-group input:focus,.cs-form-group select:focus{border-color:#6366f1}.cs-modal-footer{justify-content:flex-end;gap:10px;display:flex}.cs-create-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.5}.cs-editor-topbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.cs-btn-back{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;flex-shrink:0;padding:9px 14px;font-size:13px;font-weight:600}.cs-btn-back:hover{background:#e2e8f0}.cs-tpl-name-input{color:#1e1e2e;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;min-width:180px;padding:9px 12px;font-size:14px;font-weight:600}.cs-tpl-name-input:focus{border-color:#6366f1}.cs-svc-select{color:#1e293b;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;min-width:160px;padding:9px 12px;font-size:13px}.cs-event-select{color:#6d28d9;background:#fdf4ff;border:1.5px solid #ddd6fe;border-radius:8px;outline:none;padding:9px 12px;font-size:13px;font-weight:600}.cs-event-type-row{gap:8px;display:flex}.cs-event-opt{cursor:pointer;text-align:left;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;flex-direction:column;flex:1;align-items:flex-start;padding:10px 12px;transition:all .15s;display:flex}.cs-event-opt:hover{background:#fdf4ff;border-color:#ddd6fe}.cs-event-opt.selected{background:#fdf4ff;border-color:#7c3aed}.cs-event-opt-label{color:#1e1e2e;font-size:13px;font-weight:700}.cs-event-opt.selected .cs-event-opt-label{color:#6d28d9}.cs-event-opt-desc{color:#94a3b8;margin-top:2px;font-size:11px}.cs-btn-upload{color:#166534;cursor:pointer;white-space:nowrap;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:600}.cs-btn-upload:hover:not(:disabled){background:#dcfce7}.cs-btn-upload:disabled{opacity:.6;cursor:not-allowed}.cs-btn-saveas{color:#c2410c;cursor:pointer;white-space:nowrap;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:600}.cs-btn-saveas:hover:not(:disabled){background:#ffedd5}.cs-btn-saveas:disabled{opacity:.6;cursor:not-allowed}.cs-btn-save{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600}.cs-btn-save:hover:not(:disabled){background:#4f46e5}.cs-btn-save:disabled{opacity:.6;cursor:not-allowed}.cs-saveas-note{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:4px;padding:10px 14px;font-size:12px}.cs-dim-bar{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:14px;padding:5px 12px;font-size:12px;display:inline-block}.cs-editor-body{flex-direction:column;gap:20px;display:flex}.cs-top-row{align-items:flex-start;gap:16px;display:flex}.cs-canvas-col{flex:0 0 55%;min-width:0}.cs-preview-col{flex:1;min-width:260px}.cs-preview-col-empty{color:#94a3b8;text-align:center;border:2px dashed #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;min-height:200px;padding:40px 20px;font-size:13px;display:flex}.cs-preview-col-empty div:first-child{font-size:32px}.cs-fields-section{width:100%}.cs-fields-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:6px;display:grid}.cs-canvas-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.cs-canvas-hint{text-transform:none;letter-spacing:0;color:#94a3b8;font-size:11px;font-weight:400}.cs-canvas-wrap{cursor:crosshair;background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000f}.cs-canvas-inner{position:absolute;inset:0}.cs-canvas-pdf-bg{object-fit:fill;pointer-events:none;border:none;border-radius:4px;width:100%;height:100%;position:absolute;inset:0}.cs-grid-h{background:#6366f114;height:1px;position:absolute;left:0;right:0}.cs-grid-v{background:#6366f114;width:1px;position:absolute;top:0;bottom:0}.cs-drag-shield{z-index:5;cursor:grabbing;display:none;position:absolute;inset:0}.cs-field-chip{cursor:move;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:10;border:1.5px solid;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;transition:box-shadow .1s;position:absolute;transform:translateY(-50%);box-shadow:0 2px 6px #0000001f}.cs-field-chip:hover{box-shadow:0 4px 12px #0003}.cs-field-chip:active{box-shadow:0 6px 16px #00000040}.cs-field-chip--selected{z-index:20;box-shadow:0 0 0 3px #6366f18c,0 4px 16px #00000038!important}.cs-chip-coords{color:#fff;letter-spacing:.3px;white-space:nowrap;pointer-events:none;z-index:30;background:#1e1e2ee0;border-radius:10px;padding:2px 8px;font-size:9px;font-weight:700;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.cs-live-preview-btn{color:#6366f1;cursor:pointer;white-space:nowrap;background:#f5f3ff;border:1.5px solid #c4b5fd;border-radius:8px;margin-left:auto;padding:5px 12px;font-size:12px;font-weight:700;transition:all .15s}.cs-live-preview-btn:hover{background:#ede9fe;border-color:#6366f1}.cs-live-preview-btn.active{color:#fff;background:#6366f1;border-color:#6366f1}.cs-split-pane{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;margin-top:0;display:flex;overflow:hidden;box-shadow:0 2px 10px #0000000d}.cs-split-pane--tall{height:100%}.cs-split-pane--tall .cs-split-pane-iframe{flex:1;height:auto;min-height:400px}.cs-split-pane-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:8px 14px;display:flex}.cs-split-pane-title{color:#475569;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:700}.cs-split-pane-status{color:#94a3b8;font-size:11px;font-weight:400}.cs-split-pane-status.busy{color:#f59e0b;font-weight:600}.cs-split-pane-refresh{cursor:pointer;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;margin-left:auto;padding:3px 10px;font-size:14px;transition:all .15s}.cs-split-pane-refresh:hover:not(:disabled){color:#6366f1;background:#e2e8f0}.cs-split-pane-refresh:disabled{opacity:.4;cursor:not-allowed}.cs-split-pane-iframe{background:#fff;border:none;width:100%;height:520px;display:block}.cs-live-aspect{width:100%;position:relative;overflow:hidden}.cs-live-embed{object-fit:fill;border:none;width:100%;height:100%;display:block;position:absolute;inset:0}.cs-split-pane-empty{color:#94a3b8;text-align:center;justify-content:center;align-items:center;height:160px;padding:20px;font-size:13px;display:flex}.cs-field-panel{background:#fdf4ff;border:1.5px solid #c4b5fd;border-radius:12px;margin-top:12px;overflow:hidden;box-shadow:0 2px 12px #6366f11f}.cs-field-panel-header{background:#f5f3ff;border-bottom:1px solid #ddd6fe;align-items:center;gap:8px;padding:10px 14px;display:flex}.cs-field-panel-name{color:#4c1d95;flex:1;font-size:13px;font-weight:700}.cs-field-panel-hint{color:#a78bfa;white-space:nowrap;font-size:10px}.cs-field-panel-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:13px;line-height:1}.cs-field-panel-close:hover{color:#ef4444;background:#fee2e2}.cs-field-panel-body{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.cs-field-panel-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.cs-fpanel-group{flex-direction:column;gap:3px;display:flex}.cs-fpanel-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;font-size:10px;font-weight:700}.cs-fpanel-group input[type=number]{color:#1e293b;background:#fff;border:1.5px solid #ddd6fe;border-radius:6px;outline:none;width:68px;padding:5px 8px;font-size:12px}.cs-fpanel-group input[type=number]:focus{border-color:#6366f1}.cs-fpanel-group select{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #ddd6fe;border-radius:6px;outline:none;width:86px;padding:5px 8px;font-size:12px}.cs-fpanel-group select:focus{border-color:#6366f1}.cs-fpanel-group--wide{flex:1;min-width:160px}.cs-fpanel-group--wide select{width:100%}.cs-fpanel-bold{align-self:flex-end;padding-bottom:3px}.cs-canvas-empty{color:#cbd5e1;text-align:center;justify-content:center;align-items:center;padding:20px;font-size:12px;display:flex;position:absolute;inset:0}.cs-canvas-links{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.cs-pdf-preview-link{color:#6366f1;font-size:12px;font-weight:600;text-decoration:none}.cs-pdf-preview-link:hover{text-decoration:underline}.cs-link-btn{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.cs-link-btn:disabled{opacity:.5;cursor:not-allowed}.cs-link-sep{color:#cbd5e1;font-size:12px}.cs-no-pdf-hint{color:#94a3b8;font-size:12px}.cs-fields-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:700}.cs-fields-list{flex-direction:column;gap:6px;display:flex}.cs-field-row{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;transition:border-color .15s,background .15s}.cs-field-row.enabled{background:#fff;border-color:#c7d2fe}.cs-field-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.cs-field-toggle input[type=checkbox]{cursor:pointer;accent-color:#6366f1;width:15px;height:15px}.cs-field-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cs-field-label-text{color:#1e1e2e;font-size:13px;font-weight:600}.cs-field-config{border-top:1px solid #e0e7ff;flex-direction:column;gap:8px;margin-top:2px;padding:8px 12px 10px;display:flex}.cs-config-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.cs-config-group{flex-direction:column;gap:3px;min-width:60px;display:flex}.cs-config-group label{color:#94a3b8;text-transform:uppercase;font-size:10px;font-weight:600}.cs-config-group input[type=number],.cs-config-group select{color:#1e293b;border:1.5px solid #e2e8f0;border-radius:6px;outline:none;width:72px;padding:5px 8px;font-size:12px}.cs-config-group input[type=number]:focus,.cs-config-group select:focus{border-color:#6366f1}.cs-config-group select{width:90px}.cs-color-input{cursor:pointer;border:1.5px solid #e2e8f0;border-radius:6px;height:32px;width:40px!important;padding:2px!important}.cs-bold-toggle{color:#475569;cursor:pointer;align-self:flex-end;align-items:center;gap:5px;padding-bottom:4px;font-size:12px;font-weight:600;display:flex}.cs-bold-toggle input{accent-color:#6366f1}.cs-field-row--custom{border-style:dashed}.cs-field-row--selected{box-shadow:0 0 0 2px #6366f12e;border-color:#6366f1!important}.cs-field-row-top{justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.cs-field-toggle{flex:1;min-width:0}.cs-field-row-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.cs-field-remove{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:2px 5px;font-size:13px;line-height:1}.cs-field-remove:hover{color:#ef4444;background:#fef2f2}.cs-field-dup{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:2px 5px;font-size:14px;line-height:1}.cs-field-dup:hover{color:#6366f1;background:#ede9fe}.cs-config-group--nudge{min-width:100px}.cs-nudge-row{align-items:center;gap:2px;display:flex}.cs-nudge-row input[type=number]{text-align:center;flex:1;min-width:0;width:auto!important}.cs-nudge-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:5px;flex-shrink:0;padding:4px 7px;font-size:13px;font-weight:700;line-height:1}.cs-nudge-btn:hover{color:#6366f1;background:#e2e8f0;border-color:#6366f1}.cs-nudge-btn:active{background:#ddd6fe}.cs-pt-hint{color:#94a3b8;font-size:9px;font-weight:400}.cs-config-group--full{flex:1;min-width:100%}.cs-config-group--full input[type=text]{color:#1e293b;box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:5px 8px;font-size:12px}.cs-config-group--full input[type=text]:focus{border-color:#6366f1}.cs-add-custom{margin-top:10px}.cs-btn-add-custom{color:#6366f1;cursor:pointer;background:#f8f9ff;border:1.5px dashed #c7d2fe;border-radius:8px;width:100%;padding:9px;font-size:13px;font-weight:600;transition:all .15s}.cs-btn-add-custom:hover{background:#eef2ff;border-color:#6366f1}.cs-add-custom-form{flex-direction:column;gap:8px;display:flex}.cs-add-custom-row{align-items:center;gap:6px;display:flex}.cs-add-custom-input{color:#1e293b;border:1.5px solid #c7d2fe;border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:13px}.cs-add-custom-input:focus{border-color:#6366f1}.cs-add-custom-type{color:#1e293b;cursor:pointer;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 10px;font-size:13px}.cs-add-custom-img-row{align-items:center;gap:8px;display:flex}.cs-btn-pick-img{color:#64748b;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1.5px dashed #cbd5e1;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s}.cs-btn-pick-img.picked{color:#166534;background:#f0fdf4;border-color:#86efac}.cs-btn-pick-img:hover{color:#6366f1;border-color:#6366f1}.cs-add-img-thumb{object-fit:contain;border:1px solid #e2e8f0;border-radius:4px;max-width:80px;height:36px}.cs-add-custom-actions{gap:6px;display:flex}.cs-btn-add-confirm{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;flex:1;padding:8px 14px;font-size:13px;font-weight:600}.cs-btn-add-confirm:disabled{opacity:.5;cursor:not-allowed}.cs-btn-add-cancel{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:8px 14px;font-size:13px}.cs-btn-add-cancel:hover{background:#e2e8f0}.cs-img-thumb{object-fit:contain;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;max-width:120px;height:48px}.cs-btn-img-replace{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px dashed #cbd5e1;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.cs-btn-img-replace:hover{color:#6366f1;border-color:#6366f1}.cs-field-chip--img{padding:2px;background:0 0!important}.cs-chip-img-preview{object-fit:contain;pointer-events:none;border-radius:3px;max-width:80px;max-height:40px;display:block}.cs-btn-preview{color:#7c3aed;cursor:pointer;white-space:nowrap;background:#fdf4ff;border:1.5px solid #ddd6fe;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .15s}.cs-btn-preview:hover:not(:disabled){background:#ede9fe}.cs-btn-preview:disabled{opacity:.45;cursor:not-allowed}.cs-preview-overlay{z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.cs-preview-modal{background:#1e1e2e;border-radius:14px;flex-direction:column;width:100%;max-width:960px;height:90vh;display:flex;overflow:hidden;box-shadow:0 32px 80px #00000080}.cs-preview-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.cs-preview-title{color:#e2e8f0;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.cs-preview-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#7c3aed;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.cs-preview-close{color:#e2e8f0;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s}.cs-preview-close:hover{background:#fff3}.cs-preview-iframe{background:#fff;border:none;flex:1;width:100%}@media (width<=900px){.cs-editor-body{flex-direction:column}.cs-left{flex:none;width:100%}.cs-right{width:100%}.cs-preview-modal{border-radius:12px;height:95vh}.cs-preview-overlay{padding:12px}}.ss-page{width:100%;max-width:720px}.ss-header{margin-bottom:24px}.ss-header h1{color:#1e1e2e;margin:0 0 4px;font-size:26px;font-weight:700}.ss-header p{color:#64748b;margin:0;font-size:14px}.ss-tabs{border-bottom:2px solid #e2e8f0;gap:4px;margin-bottom:28px;display:flex}.ss-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:8px;margin-bottom:-2px;padding:11px 22px;font-size:14px;font-weight:600;transition:color .15s,background .15s;display:flex}.ss-tab:hover{color:#4f46e5;background:#f5f3ff}.ss-tab.active{color:#4f46e5;background:#f5f3ff;border-bottom-color:#6366f1}.ss-tab-icon{font-size:16px}.ss-tab-body{flex-direction:column;gap:16px;display:flex}.ss-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:28px}.ss-card-head{align-items:center;gap:14px;margin-bottom:24px;display:flex}.ss-card-icon{font-size:28px}.ss-card-title{color:#1e1e2e;font-size:16px;font-weight:700}.ss-card-sub{color:#64748b;margin-top:2px;font-size:13px}.ss-alert{border-radius:8px;margin-bottom:18px;padding:10px 14px;font-size:13px;font-weight:600}.ss-alert--success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.ss-alert--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.ss-loading{text-align:center;color:#94a3b8;padding:24px}.ss-form{flex-direction:column;gap:16px;display:flex}.ss-row{flex-wrap:wrap;gap:14px;display:flex}.ss-group{flex-direction:column;gap:5px;display:flex}.ss-group--grow{flex:1;min-width:180px}.ss-group--port{width:90px}.ss-group label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:700}.ss-group input,.ss-group select{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}.ss-group input:focus,.ss-group select:focus{border-color:#6366f1}.ss-group select{cursor:pointer}.ss-password-wrap{align-items:center;display:flex;position:relative}.ss-password-wrap input{flex:1;padding-right:40px}.ss-eye-btn{cursor:pointer;color:#64748b;background:0 0;border:none;padding:2px 4px;font-size:16px;line-height:1;transition:color .15s;position:absolute;right:8px}.ss-eye-btn:hover{color:#4f46e5}.ss-field-warn{color:#b45309;margin-top:3px;font-size:12px;font-weight:600}.ss-tls-toggle{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.ss-tls-toggle input{accent-color:#6366f1;cursor:pointer;width:15px;height:15px}.ss-test-row{border-top:1px solid #f1f5f9;align-items:center;gap:10px;margin-top:8px;padding-top:16px;display:flex}.ss-test-email-input{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:9px 12px;font-size:13px;transition:border-color .15s}.ss-test-email-input:focus{border-color:#6366f1}.ss-form-footer{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.ss-btn-test{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .15s}.ss-btn-test:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.ss-btn-test:disabled{opacity:.5;cursor:not-allowed}.ss-btn-save{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 24px;font-size:13px;font-weight:600;transition:background .15s}.ss-btn-save:hover:not(:disabled){background:#4f46e5}.ss-btn-save:disabled{opacity:.5;cursor:not-allowed}.ss-btn-test-pay{color:#16a34a;cursor:pointer;background:#fff;border:1.5px solid #16a34a;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.ss-btn-test-pay:hover:not(:disabled){color:#fff;background:#16a34a}.ss-btn-test-pay:disabled{opacity:.4;cursor:not-allowed}.ss-info{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:14px 18px;font-size:13px;line-height:1.6}.ss-info code{background:#fef3c7;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:12px}.ss-policy-add{align-items:center;gap:10px;margin-bottom:20px;display:flex}.ss-policy-name-input{border:1px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:9px 12px;font-size:14px}.ss-policy-name-input:focus{border-color:#6366f1}.ss-policy-empty{text-align:center;color:#94a3b8;padding:32px 0;font-size:14px}.ss-policy-list{flex-direction:column;gap:10px;display:flex}.ss-policy-item{background:#fafafa;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.ss-policy-item-info{align-items:center;gap:12px;display:flex}.ss-policy-icon{font-size:22px}.ss-policy-name{color:#1e1e2e;font-size:14px;font-weight:600}.ss-policy-status{margin-top:2px}.ss-policy-badge{border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.ss-policy-badge--ok{color:#16a34a;background:#f0fdf4}.ss-policy-badge--warn{color:#c2410c;background:#fff7ed}.ss-policy-actions{flex-shrink:0;gap:8px;display:flex}.ss-btn-view{color:#6366f1;cursor:pointer;background:#fff;border:1px solid #6366f1;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s}.ss-btn-view:hover{color:#fff;background:#6366f1}.ss-btn-upload{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eff6ff;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.ss-btn-upload:hover:not(:disabled){color:#fff;background:#2563eb}.ss-btn-upload:disabled{opacity:.6;cursor:not-allowed}.ss-btn-del{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.ss-btn-del:hover:not(:disabled){color:#fff;background:#dc2626}.ss-btn-del:disabled{opacity:.6;cursor:not-allowed}.sp-page{width:100%}.sp-enroll-success{color:#065f46;text-align:center;background:#d1fae5;border-radius:10px;margin-bottom:20px;padding:14px 20px;font-size:15px;font-weight:700}.sp-enroll-banner{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1.5px solid #c7d2fe;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.sp-enroll-info{align-items:flex-start;gap:14px;display:flex}.sp-enroll-icon{font-size:32px;line-height:1}.sp-enroll-title{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700}.sp-enroll-name{color:#1e1e2e;font-size:16px;font-weight:800}.sp-enroll-course{color:#6366f1}.sp-enroll-meta{color:#64748b;margin-top:4px;font-size:12px}.sp-enroll-err{color:#dc2626;margin-top:6px;font-size:12px}.sp-enroll-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.sp-btn-enroll{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .15s}.sp-btn-enroll:hover:not(:disabled){box-shadow:0 4px 12px #6366f159}.sp-btn-enroll:disabled{opacity:.6;cursor:not-allowed}.sp-btn-dismiss{color:#6366f1;cursor:pointer;background:#fff;border:1.5px solid #c7d2fe;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s}.sp-btn-dismiss:hover{background:#ede9fe}.sp-loading{color:#94a3b8;justify-content:center;align-items:center;height:200px;font-size:15px;display:flex}.sp-hero{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:16px;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:28px;padding:28px 32px;display:flex}.sp-hero-avatar{flex-shrink:0}.sp-avatar-img{object-fit:cover;border:3px solid #fff6;border-radius:50%;width:80px;height:80px}.sp-avatar-init{color:#fff;background:#fff3;border:3px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:700;display:flex}.sp-hero-info{flex:1;min-width:180px}.sp-hero-name{color:#fff;margin:0 0 4px;font-size:24px;font-weight:700}.sp-hero-enroll{color:#ffffffbf;margin-bottom:10px;font-family:monospace;font-size:13px}.sp-hero-meta{flex-wrap:wrap;gap:8px;display:flex}.sp-chip{color:#fff;background:#ffffff2e;border-radius:20px;padding:3px 12px;font-size:12px;font-weight:600}.sp-chip--course{background:#ffffff4d}.sp-hero-status{margin-left:auto}.sp-batch-status{border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.sp-batch-status.completed{color:#16a34a;background:#f0fdf4}.sp-batch-status.ongoing{color:#fff;background:#fff3}.sp-tabs{border-bottom:2px solid #e2e8f0;gap:4px;margin-bottom:24px;display:flex}.sp-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 20px;font-size:14px;font-weight:600;transition:color .15s,background .15s;display:flex}.sp-tab:hover{color:#4f46e5;background:#f5f3ff}.sp-tab.active{color:#4f46e5;background:#f5f3ff;border-bottom-color:#6366f1}.sp-tab-body{flex-direction:column;gap:20px;display:flex}.sp-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:24px 28px}.sp-card-title{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:18px;font-size:13px;font-weight:700}.sp-grid-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.sp-details-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.sp-detail-row{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:2px;padding:12px 0;display:flex}.sp-detail-row--full{grid-column:1/-1}.sp-detail-row:last-child{border-bottom:none}.sp-detail-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.sp-detail-value{color:#1e293b;font-size:14px;font-weight:500}.sp-mono{font-family:monospace;font-size:13px}.sp-pay-summary{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin-bottom:8px;display:grid}.sp-pay-card{background:#f8fafc;border-radius:10px;padding:16px 18px}.sp-pay-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:11px;font-weight:700}.sp-pay-value{color:#1e293b;font-size:18px;font-weight:700}.sp-pay-value.green{color:#16a34a}.sp-pay-value.red{color:#dc2626}.sp-pay-table{border-collapse:collapse;width:100%;margin-top:8px}.sp-pay-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;text-align:left;border-bottom:2px solid #f1f5f9;padding:8px 12px;font-size:11px;font-weight:700}.sp-pay-table td{color:#374151;border-bottom:1px solid #f8fafc;padding:10px 12px;font-size:13px}.sp-pay-table tr:last-child td{border-bottom:none}.sp-receipt{color:#6366f1;font-family:monospace;font-size:12px;font-weight:700}.sp-amt{font-weight:700}.sp-amt.green{color:#16a34a}.sp-mode{color:#64748b}.sp-badge{border-radius:20px;padding:3px 12px;font-size:12px;font-weight:700;display:inline-block}.sp-badge--paid{color:#16a34a;background:#f0fdf4}.sp-badge--partial{color:#c2410c;background:#fff7ed}.sp-badge--unpaid{color:#dc2626;background:#fef2f2}.sp-badge--hold{color:#92400e;background:#fef9c3}.sp-cert-card{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 32px;display:flex}.sp-cert-icon{margin-bottom:8px;font-size:64px;line-height:1}.sp-cert-title{color:#1e293b;font-size:22px;font-weight:700}.sp-cert-sub{color:#64748b;max-width:440px;font-size:14px;line-height:1.6}.sp-cert-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 16px;font-size:13px}.sp-cert-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;margin-top:12px;padding:13px 36px;font-size:15px;font-weight:700;transition:background .15s,transform .1s}.sp-cert-btn:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.sp-cert-btn:disabled{opacity:.6;cursor:not-allowed}.sp-cert-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.sp-cert-item{text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:28px 22px;transition:box-shadow .15s,border-color .15s;display:flex}.sp-cert-item:hover{border-color:#c7d2fe;box-shadow:0 4px 16px #6366f11f}.sp-cert-item .sp-cert-icon{margin-bottom:2px;font-size:48px}.sp-cert-item .sp-cert-title{font-size:17px}.sp-cert-item-batch{color:#94a3b8;font-size:12px}.sp-cert-item-tag{color:#16a34a;background:#f0fdf4;border-radius:20px;padding:3px 12px;font-size:11px;font-weight:700}.sp-cert-item .sp-cert-btn{margin-top:4px;padding:10px 28px;font-size:14px}.sp-cert-item-msg{color:#94a3b8;max-width:220px;font-size:12px;line-height:1.6}.sp-empty{text-align:center;color:#94a3b8;padding:60px 20px}.sp-empty-icon{margin-bottom:12px;font-size:48px}.sp-empty p{font-size:15px}@media (width<=640px){.sp-hero{flex-direction:column;align-items:flex-start;padding:20px}.sp-hero-status{margin-left:0}.sp-details-grid{grid-template-columns:1fr}.sp-tabs{overflow-x:auto}.sp-tab{white-space:nowrap;padding:10px 14px;font-size:13px}}.ld-page{max-width:1400px;margin:0 auto;padding:28px 32px}@media (width<=640px){.ld-page{padding:16px}}.ld-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.ld-header h1{color:#1e1e2e;margin:0 0 4px;font-size:26px;font-weight:700}.ld-header p{color:#94a3b8;margin:0;font-size:13px}.ld-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.ld-form-link-btn{color:#6366f1;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #c7d2fe;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s}.ld-form-link-btn:hover:not(:disabled){background:#eef2ff;border-color:#6366f1}.ld-form-link-btn:disabled{opacity:.6;cursor:default}.ld-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s}.ld-add-btn:hover{background:#4f46e5}.ld-alert{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:20px;padding:12px 18px;font-size:14px;font-weight:500}.ld-status-chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.ld-chip-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.ld-chip-btn:hover{color:#6366f1;background:#ede9fe;border-color:#c4b5fd}.ld-chip-btn.active{color:#fff;background:#6366f1;border-color:#6366f1}.ld-chip-count{background:#ffffff40;border-radius:10px;padding:1px 6px;font-size:11px}.ld-chip-btn:not(.active) .ld-chip-count{color:#475569;background:#e2e8f0}.ld-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.ld-filter-search{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:220px;max-width:360px;padding:8px 14px;display:flex}.ld-filter-search:focus-within{border-color:#6366f1}.ld-filter-icon{flex-shrink:0;font-size:14px}.ld-filter-search input{color:#1e1e2e;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.ld-filter-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:0;font-size:13px;line-height:1}.ld-filter-clear:hover{color:#ef4444}.ld-filter-select{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;min-width:140px;padding:8px 12px;font-size:13px}.ld-filter-select:focus{border-color:#6366f1}.ld-filter-reset{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600}.ld-filter-reset:hover{background:#fee2e2}.ld-empty{text-align:center;color:#94a3b8;padding:60px 20px}.ld-empty-icon{margin-bottom:12px;font-size:48px}.ld-empty p{font-size:15px}.ld-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.ld-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:14px;padding:20px;transition:box-shadow .15s,border-color .15s;display:flex}.ld-card:hover{border-color:#c4b5fd;box-shadow:0 4px 20px #6366f11a}.ld-card--converted{background:#faf5ff;border-color:#e9d5ff}.ld-card-top{align-items:center;gap:12px;display:flex}.ld-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:flex}.ld-card-meta{flex:1;min-width:0}.ld-name{color:#1e1e2e;font-size:15px;font-weight:700;line-height:1.2;display:block}.ld-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:20px;margin-top:4px;padding:2px 10px;font-size:10px;font-weight:700;display:inline-block}.ld-card-topactions{flex-shrink:0;gap:6px;margin-left:auto;display:flex}.ld-btn-edit{color:#6366f1;cursor:pointer;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:600}.ld-btn-edit:hover{background:#ede9fe}.ld-btn-del{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:4px 8px;font-size:13px}.ld-btn-del:hover{background:#fee2e2}.ld-card-body{flex-direction:column;gap:7px;display:flex}.ld-detail{color:#475569;align-items:center;gap:8px;font-size:13px;display:flex}.ld-detail-icon{text-align:center;flex-shrink:0;width:18px;font-size:13px}.ld-email{word-break:break-all}.ld-chip{color:#6366f1;background:#ede9fe;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.ld-assignee{color:#10b981;font-size:12px;font-weight:600}.ld-remarks{color:#64748b;cursor:pointer;background:#f8fafc;border-left:3px solid #c4b5fd;border-radius:0 6px 6px 0;padding:8px 10px;font-size:12px;font-style:italic;line-height:1.5}.ld-remarks:hover{background:#f5f3ff}.ld-created{color:#cbd5e1;margin-top:2px;font-size:11px}.ld-card-footer{border-top:1px solid #f1f5f9;flex-direction:column;gap:8px;padding-top:12px;display:flex}.ld-status-row,.ld-assign-row{align-items:center;gap:8px;display:flex}.ld-status-label{color:#94a3b8;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:600}.ld-status-select,.ld-assign-select{cursor:pointer;background:#fafafa;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:5px 8px;font-size:12px;font-weight:600}.ld-status-select:focus,.ld-assign-select:focus{border-color:#6366f1}.ld-btn-convert{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;width:100%;margin-top:4px;padding:9px 14px;font-size:13px;font-weight:600;transition:opacity .15s}.ld-btn-convert:hover{opacity:.9}.ld-converted-row{justify-content:space-between;align-items:center;display:flex}.ld-converted-badge{color:#8b5cf6;font-size:13px;font-weight:700}.ld-converted-date{color:#a78bfa;font-size:11px}.ld-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ld-modal{background:#fff;border-radius:20px;width:100%;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.ld-modal--form{max-width:680px}.ld-modal--convert{max-width:480px;padding-bottom:0}.ld-modal--remarks{max-width:480px}.ld-modal--confirm{text-align:center;max-width:400px;padding:32px 28px}.ld-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding:22px 26px 16px;display:flex}.ld-modal-header h2{color:#1e1e2e;margin:0;font-size:18px;font-weight:700}.ld-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.ld-modal-close:hover{color:#ef4444;background:#fee2e2}.ld-modal-form{flex-direction:column;gap:14px;padding:0 26px 26px;display:flex}.ld-form-row{flex-wrap:wrap;gap:14px;display:flex}.ld-form-group{flex-direction:column;flex:1;gap:5px;min-width:140px;display:flex}.ld-form-group--wide{flex:2;min-width:200px}.ld-form-group label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.ld-form-group input,.ld-form-group select,.ld-form-group .ld-textarea{color:#1e1e2e;box-sizing:border-box;background:#fafafa;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-size:13px}.ld-form-group input:focus,.ld-form-group select:focus,.ld-form-group .ld-textarea:focus{background:#fff;border-color:#6366f1}.ld-form-group.has-error input,.ld-form-group.has-error select{border-color:#ef4444}.ld-field-err{color:#ef4444;font-size:11px}.ld-textarea{resize:vertical;font-family:inherit}.ld-req{color:#ef4444}.ld-optional{color:#94a3b8;font-weight:400}.ld-error-box{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:4px;padding:10px 14px;font-size:13px}.ld-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:6px;padding:18px 0 26px;display:flex}.ld-modal--form .ld-modal-footer{margin-left:0;margin-right:0;padding:18px 26px 26px}.ld-confirm-footer{justify-content:center}.ld-btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:600}.ld-btn-cancel:hover{background:#e2e8f0}.ld-btn-save{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;padding:9px 22px;font-size:13px;font-weight:600}.ld-btn-save:disabled{opacity:.6;cursor:not-allowed}.ld-btn-save:not(:disabled):hover{background:#4f46e5}.ld-btn-del-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:9px 22px;font-size:13px;font-weight:600}.ld-btn-del-confirm:hover{background:#dc2626}.ld-btn-convert-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;padding:9px 22px;font-size:13px;font-weight:600}.ld-btn-convert-confirm:disabled{opacity:.6;cursor:not-allowed}.ld-btn-convert-confirm:not(:disabled):hover{opacity:.9}.ld-confirm-icon{margin-bottom:12px;font-size:40px}.ld-modal--confirm h2{color:#1e1e2e;margin:0 0 8px;font-size:20px;font-weight:700}.ld-modal--confirm p{color:#64748b;margin:0 0 20px;font-size:14px;line-height:1.6}.ld-modal--convert .ld-convert-summary,.ld-modal--convert .ld-convert-hint,.ld-modal--convert .ld-error-box,.ld-modal--convert .ld-form-group,.ld-modal--convert .ld-modal-footer{margin-left:26px;margin-right:26px}.ld-convert-summary{background:#f8fafc;border-radius:12px;align-items:center;gap:14px;margin-bottom:14px;padding:14px 16px;display:flex}.ld-convert-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.ld-convert-name{color:#1e1e2e;margin-bottom:4px;font-size:16px;font-weight:700}.ld-convert-meta{color:#64748b;font-size:12px}.ld-convert-hint{color:#64748b;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:13px;line-height:1.6}.ld-modal--convert .ld-form-group{margin-bottom:14px}.ld-photo-upload{align-items:center;gap:8px;display:flex}.ld-photo-label{color:#6366f1;cursor:pointer;text-align:center;background:#f5f3ff;border:1.5px dashed #c4b5fd;border-radius:10px;flex:1;padding:9px 14px;font-size:13px}.ld-photo-label:hover{background:#ede9fe}.ld-photo-clear{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:6px 10px;font-size:13px}.ld-remarks-full{color:#475569;white-space:pre-wrap;padding:20px 26px;font-size:14px;line-height:1.7}.tk-page{max-width:1600px;margin:0 auto;padding:28px 32px}@media (width<=640px){.tk-page{padding:16px}}.tk-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.tk-header h1{color:#1e1e2e;margin:0 0 4px;font-size:26px;font-weight:700}.tk-header p{color:#94a3b8;margin:0;font-size:13px}.tk-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.tk-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s}.tk-add-btn:hover{background:#4f46e5}.tk-view-toggle{background:#f1f5f9;border-radius:10px;gap:2px;padding:3px;display:flex}.tk-view-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.tk-view-btn.active{color:#6366f1;background:#fff;box-shadow:0 1px 4px #0000001a}.tk-alert{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:18px;padding:12px 18px;font-size:14px;font-weight:500}.tk-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;display:flex}.tk-filter-search{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:200px;max-width:320px;padding:8px 14px;display:flex}.tk-filter-search:focus-within{border-color:#6366f1}.tk-filter-icon{font-size:14px}.tk-filter-search input{color:#1e1e2e;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.tk-filter-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:0;font-size:13px}.tk-filter-clear:hover{color:#ef4444}.tk-filter-select{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;min-width:130px;padding:8px 12px;font-size:13px}.tk-filter-select:focus{border-color:#6366f1}.tk-mytasks-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s}.tk-mytasks-btn:hover{color:#6366f1;border-color:#6366f1}.tk-mytasks-btn.active{color:#6366f1;background:#ede9fe;border-color:#6366f1}.tk-filter-reset{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600}.tk-filter-reset:hover{background:#fee2e2}.tk-loading,.tk-empty{text-align:center;color:#94a3b8;padding:60px 20px}.tk-empty-icon{margin-bottom:12px;font-size:48px}.tk-empty p{font-size:15px}.tk-mobile-tabs{gap:6px;margin-bottom:14px;padding-bottom:4px;display:none;overflow-x:auto}.tk-mobile-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.tk-mobile-tab-count{background:#e2e8f0;border-radius:10px;padding:1px 7px;font-size:11px}.tk-mobile-tab.active .tk-mobile-tab-count{background:#ffffff4d}.tk-mobile-board{display:none}.tk-board{grid-template-columns:repeat(4,1fr);align-items:start;gap:16px;display:grid}@media (width<=1100px){.tk-board{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.tk-board{display:none}.tk-mobile-tabs{display:flex}.tk-mobile-board{display:block}}.tk-column{border:1.5px solid;border-radius:16px;min-height:120px;padding:14px}.tk-col-header{text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.tk-col-icon{font-size:14px}.tk-col-label{flex:1}.tk-col-count{background:#00000012;border-radius:10px;padding:1px 8px;font-size:11px}.tk-col-empty{color:#cbd5e1;text-align:center;padding:16px 0;font-size:12px}.tk-col-cards{flex-direction:column;gap:10px;display:flex}.tk-card{background:#fff;border:1.5px solid #e2e8f0;border-left:4px solid;border-radius:12px;padding:14px;transition:box-shadow .15s,transform .1s}.tk-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000014}.tk-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tk-priority-badge{text-transform:uppercase;letter-spacing:.4px;border:1px solid;border-radius:20px;padding:2px 9px;font-size:10px;font-weight:700}.tk-card-topbtns{gap:4px;display:flex}.tk-btn-edit{color:#6366f1;cursor:pointer;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:6px;padding:3px 8px;font-size:13px}.tk-btn-edit:hover{background:#ede9fe}.tk-btn-del{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:3px 7px;font-size:12px}.tk-btn-del:hover{background:#fee2e2}.tk-btn-edit.sm,.tk-btn-del.sm{padding:2px 7px;font-size:11px}.tk-title{color:#1e1e2e;margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.4}.tk-title--done{color:#94a3b8;text-decoration:line-through}.tk-completion-remark{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-top:6px;padding:6px 10px;font-size:12px;line-height:1.5}.tk-completion-remark-label{font-weight:700}.tk-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.tk-meta{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.tk-meta-row{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.tk-meta-avatar{color:#6366f1;background:#ede9fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.tk-meta-avatar.sm{width:20px;height:20px;font-size:9px}.tk-meta-val{color:#475569;font-size:12px;font-weight:500}.tk-meta-icon{text-align:center;flex-shrink:0;width:16px;font-size:12px}.tk-unassigned{color:#cbd5e1;font-style:italic}.tk-overdue{color:#ef4444!important}.tk-overdue .tk-meta-val{color:#ef4444;font-weight:600}.tk-creator-row{margin-top:2px}.tk-meta-creator{color:#cbd5e1;font-size:11px}.tk-actions{flex-wrap:wrap;gap:6px;display:flex}.tk-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex:1;min-width:60px;padding:6px 10px;font-size:11px;font-weight:600;transition:opacity .15s}.tk-action-btn.sm{flex:none;padding:4px 9px;font-size:11px}.tk-action-btn:hover{opacity:.85}.tk-action-start{color:#1d4ed8;background:#dbeafe}.tk-action-done{color:#166534;background:#dcfce7}.tk-action-cancel{color:#64748b;background:#f1f5f9}.tk-action-reopen{color:#6366f1;background:#ede9fe}.tk-list{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;overflow:hidden}.tk-list-header{color:#94a3b8;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:6px 1fr 120px 140px 110px 200px;align-items:center;gap:12px;padding:10px 16px;font-size:11px;font-weight:700;display:grid}.tk-list-row{border-bottom:1px solid #f1f5f9;grid-template-columns:6px 1fr 120px 140px 110px 200px;align-items:center;gap:12px;padding:12px 16px;transition:background .1s;display:grid}.tk-list-row:last-child{border-bottom:none}.tk-list-row:hover{background:#fafafa}.tk-list-priority{border-radius:3px;flex-shrink:0;width:6px;height:36px}.tk-list-main{flex-direction:column;gap:2px;min-width:0;display:flex}.tk-list-title{color:#1e1e2e;font-size:13px;font-weight:600}.tk-list-desc{color:#94a3b8;font-size:11px}.tk-list-status{align-items:center;gap:5px;display:flex}.tk-status-dot{font-size:12px}.tk-list-assignee{color:#475569;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.tk-list-due{color:#475569;flex-direction:column;gap:2px;font-size:12px;display:flex}.tk-list-due.tk-overdue{color:#ef4444;font-weight:600}.tk-overdue-tag{color:#ef4444;background:#fef2f2;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.tk-list-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}@media (width<=900px){.tk-list-header,.tk-list-row{grid-template-columns:6px 1fr 100px 130px}.tk-list-h-due,.tk-list-due,.tk-list-h-actions,.tk-list-actions{display:none}}@media (width<=600px){.tk-list-header,.tk-list-row{grid-template-columns:6px 1fr 90px}.tk-list-h-assignee,.tk-list-assignee,.tk-list-h-status,.tk-list-status{display:none}}.tk-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.tk-modal{background:#fff;border-radius:20px;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.tk-modal--confirm{text-align:center;max-width:400px;padding:32px 28px}.tk-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding:22px 26px 16px;display:flex}.tk-modal-header h2{color:#1e1e2e;margin:0;font-size:18px;font-weight:700}.tk-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.tk-modal-close:hover{color:#ef4444;background:#fee2e2}.tk-modal-form{flex-direction:column;gap:16px;padding:0 26px 26px;display:flex}.tk-form-row{flex-wrap:wrap;gap:16px;display:flex}.tk-form-group{flex-direction:column;flex:1;gap:6px;min-width:140px;display:flex}.tk-form-group label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.tk-form-group input,.tk-form-group select{color:#1e1e2e;box-sizing:border-box;background:#fafafa;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-size:13px}.tk-form-group input:focus,.tk-form-group select:focus{background:#fff;border-color:#6366f1}.tk-form-group.has-error input{border-color:#ef4444}.tk-field-err{color:#ef4444;font-size:11px}.tk-textarea{color:#1e1e2e;box-sizing:border-box;resize:vertical;background:#fafafa;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px}.tk-textarea:focus{background:#fff;border-color:#6366f1}.tk-priority-picker{flex-wrap:wrap;gap:8px;display:flex}.tk-pri-opt{color:#64748b;cursor:pointer;text-align:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;min-width:60px;padding:7px 10px;font-size:12px;font-weight:600;transition:all .15s}.tk-pri-opt:hover{color:#6366f1;background:#f5f3ff;border-color:#c4b5fd}.tk-pri-opt.selected{font-weight:700}.tk-req{color:#ef4444}.tk-error-box{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:13px}.tk-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:6px;padding:18px 26px 26px;display:flex}.tk-confirm-footer{justify-content:center}.tk-btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:600}.tk-btn-cancel:hover{background:#e2e8f0}.tk-btn-save{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;padding:9px 22px;font-size:13px;font-weight:600}.tk-btn-save:disabled{opacity:.6;cursor:not-allowed}.tk-btn-save:not(:disabled):hover{background:#4f46e5}.tk-btn-del-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:9px 22px;font-size:13px;font-weight:600}.tk-btn-del-confirm:hover{background:#dc2626}.tk-confirm-icon{margin-bottom:12px;font-size:40px}.tk-modal--confirm h2{color:#1e1e2e;margin:0 0 8px;font-size:20px;font-weight:700}.tk-modal--confirm p{color:#64748b;margin:0 0 20px;font-size:14px;line-height:1.6}.rm-page{padding:28px 36px}@media (width<=640px){.rm-page{padding:16px}}.rm-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.rm-header h1{color:#1e1e2e;margin:0 0 4px;font-size:26px;font-weight:700}.rm-header p{color:#94a3b8;margin:0;font-size:13px}.rm-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:10px;flex-shrink:0;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s}.rm-add-btn:hover{background:#4f46e5}.rm-alert{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:18px;padding:12px 18px;font-size:14px;font-weight:500}.rm-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.rm-filter-search{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:200px;padding:8px 14px;display:flex}.rm-filter-search:focus-within{border-color:#6366f1}.rm-filter-search input{color:#1e1e2e;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.rm-filter-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:0;font-size:13px}.rm-filter-clear:hover{color:#ef4444}.rm-filter-select{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;min-width:150px;padding:8px 12px;font-size:13px}.rm-filter-select:focus{border-color:#6366f1}.rm-show-done-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s}.rm-show-done-btn:hover{color:#10b981;border-color:#10b981}.rm-show-done-btn.active{color:#10b981;background:#f0fdf4;border-color:#10b981}.rm-filter-reset{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600}.rm-filter-reset:hover{background:#fee2e2}.rm-loading,.rm-empty{text-align:center;color:#94a3b8;padding:60px 20px}.rm-empty-icon{margin-bottom:12px;font-size:48px}.rm-empty p{font-size:15px}.rm-groups{flex-direction:column;gap:8px;display:flex}.rm-section{border-radius:14px;overflow:hidden}.rm-section-header{border:1.5px solid #e2e8f0;border-left:4px solid var(--accent,#e2e8f0);cursor:pointer;color:#475569;background:#f8fafc;border-radius:12px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.rm-section-header:hover{background:#f1f5f9}.rm-section-icon{flex-shrink:0;font-size:15px}.rm-section-title{text-align:left;color:var(--accent,#475569);flex:1}.rm-section-count{border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700}.rm-section-chevron{color:#94a3b8;text-align:center;width:16px;font-size:18px;line-height:1}.rm-section-body{border-left:3px solid var(--accent,#e2e8f0);flex-direction:column;gap:6px;margin-left:4px;padding:8px 0 4px 6px;display:flex}.rm-section-empty{color:#cbd5e1;text-align:center;padding:12px 4px;font-size:13px}.rm-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;transition:box-shadow .15s,border-color .15s;display:flex}.rm-card:hover{border-color:#c4b5fd;box-shadow:0 2px 12px #0000000f}.rm-card--done{opacity:.72;background:#fafafa;border-color:#f1f5f9}.rm-card--done:hover{box-shadow:none;border-color:#e2e8f0}.rm-card--overdue{border-left:4px solid #ef4444}.rm-card--today{border-left:4px solid #f59e0b}.rm-stats-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.rm-stat{border:1px solid;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.rm-stat--overdue{color:#dc2626;background:#fef2f2;border-color:#fecaca}.rm-stat--today{color:#d97706;background:#fffbeb;border-color:#fde68a}.rm-stat--upcoming{color:#6366f1;background:#f5f3ff;border-color:#ddd6fe}.rm-stat--done{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.rm-card-top{align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.rm-card-top .rm-title{flex:1;margin-bottom:0}.rm-rel-badge{white-space:nowrap;color:#6366f1;background:#ede9fe;border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700;line-height:1.4}.rm-rel-badge--overdue{color:#dc2626;background:#fef2f2}.rm-rel-badge--today{color:#d97706;background:#fffbeb}.rm-check{cursor:pointer;color:#0000;background:#fff;border:2px solid #c4b5fd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.rm-check:hover{color:#6366f1;background:#ede9fe;border-color:#6366f1}.rm-check.checked{color:#fff;background:#6366f1;border-color:#6366f1}.rm-content{flex:1;min-width:0}.rm-title{color:#1e1e2e;margin-bottom:3px;font-size:14px;font-weight:600;line-height:1.4}.rm-title--done{color:#94a3b8;text-decoration:line-through}.rm-desc{color:#64748b;white-space:pre-wrap;margin-bottom:6px;font-size:12px;line-height:1.5}.rm-footer{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.rm-time{color:#6366f1;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex}.rm-time--overdue{color:#ef4444}.rm-time--today{color:#f59e0b}.rm-for{color:#64748b;align-items:center;gap:5px;font-size:11px;display:flex}.rm-for-avatar{color:#6366f1;background:#ede9fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:flex}.rm-by{color:#94a3b8}.rm-actions{flex-shrink:0;align-self:flex-start;gap:4px;display:flex}.rm-btn-edit{color:#6366f1;cursor:pointer;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:7px;padding:4px 9px;font-size:13px}.rm-btn-edit:hover{background:#ede9fe}.rm-btn-del{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;padding:4px 8px;font-size:12px}.rm-btn-del:hover{background:#fee2e2}.rm-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.rm-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.rm-modal--confirm{text-align:center;max-width:400px;padding:32px 28px}.rm-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding:22px 26px 16px;display:flex}.rm-modal-header h2{color:#1e1e2e;margin:0;font-size:18px;font-weight:700}.rm-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.rm-modal-close:hover{color:#ef4444;background:#fee2e2}.rm-modal-form{flex-direction:column;gap:16px;padding:0 26px 26px;display:flex}.rm-form-group{flex-direction:column;gap:6px;display:flex}.rm-form-group label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.rm-form-group input,.rm-form-group select{color:#1e1e2e;box-sizing:border-box;background:#fafafa;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-size:13px}.rm-form-group input:focus,.rm-form-group select:focus{background:#fff;border-color:#6366f1}.rm-form-group.has-error input{border-color:#ef4444}.rm-field-err{color:#ef4444;font-size:11px}.rm-form-hint{color:#94a3b8;font-size:11px}.rm-textarea{color:#1e1e2e;box-sizing:border-box;resize:vertical;background:#fafafa;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px}.rm-textarea:focus{background:#fff;border-color:#6366f1}.rm-req{color:#ef4444}.rm-optional{color:#94a3b8;font-weight:400}.rm-error-box{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:13px}.rm-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:6px;padding:18px 26px 26px;display:flex}.rm-confirm-footer{justify-content:center}.rm-btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:600}.rm-btn-cancel:hover{background:#e2e8f0}.rm-btn-save{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;padding:9px 22px;font-size:13px;font-weight:600}.rm-btn-save:disabled{opacity:.6;cursor:not-allowed}.rm-btn-save:not(:disabled):hover{background:#4f46e5}.rm-btn-del-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:9px 22px;font-size:13px;font-weight:600}.rm-btn-del-confirm:hover{background:#dc2626}.rm-confirm-icon{margin-bottom:12px;font-size:40px}.rm-modal--confirm h2{color:#1e1e2e;margin:0 0 8px;font-size:20px;font-weight:700}.rm-modal--confirm p{color:#64748b;margin:0 0 20px;font-size:14px;line-height:1.6}.campus-page{max-width:1200px;margin:0 auto;padding:28px}.campus-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.campus-title{color:#1e1e2e;margin:0 0 4px;font-size:24px;font-weight:700}.campus-sub{color:#64748b;margin:0;font-size:13px}.campus-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s}.campus-add-btn:hover{background:#4f46e5}.campus-filters{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.campus-search{border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;min-width:200px;padding:9px 14px;font-size:14px}.campus-search:focus{border-color:#6366f1}.campus-select{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 14px;font-size:14px}.campus-select:focus{border-color:#6366f1}.campus-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.campus-card{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:20px;transition:box-shadow .18s,border-color .18s}.campus-card:hover{border-color:#6366f1;box-shadow:0 4px 20px #6366f11f}.campus-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.campus-card-icon{font-size:28px}.campus-card-badge{color:#fff;text-transform:uppercase;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700}.campus-card-name{color:#1e1e2e;margin:0 0 4px;font-size:16px;font-weight:700}.campus-card-code{color:#6366f1;margin-bottom:4px;font-size:12px;font-weight:600;display:inline-block}.campus-card-type{color:#64748b;margin-bottom:10px;font-size:12px}.campus-card-meta{color:#475569;flex-direction:column;gap:4px;margin-bottom:10px;font-size:12px;display:flex}.campus-card-docs{color:#94a3b8;border-top:1px solid #f1f5f9;margin-top:4px;padding-top:10px;font-size:12px}.campus-empty{text-align:center;color:#94a3b8;padding:60px 20px;font-size:15px}.campus-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.campus-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.campus-modal{background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 20px 60px #0003}.campus-modal--sm{text-align:center;max-width:440px}.campus-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.campus-modal-header h2{color:#1e1e2e;margin:0;font-size:18px;font-weight:700}.campus-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.campus-modal-close:hover{color:#1e1e2e}.campus-form{flex-direction:column;gap:14px;display:flex}.campus-form-row{flex-wrap:wrap;gap:12px;display:flex}.campus-form-group{flex-direction:column;gap:5px;min-width:140px;display:flex}.campus-form-group--grow{flex:1}.campus-form-group label{color:#475569;font-size:12px;font-weight:600}.campus-form-group input,.campus-form-group select,.campus-form-group textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px;font-size:14px}.campus-form-group input:focus,.campus-form-group select:focus,.campus-form-group textarea:focus{border-color:#6366f1}.campus-form-section-title{color:#6366f1;border-top:1px solid #f1f5f9;padding-top:4px;font-size:13px;font-weight:700}.campus-form-actions{justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.campus-hint{color:#94a3b8;font-size:11px;font-weight:400}.campus-btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:600}.campus-btn-cancel:hover{background:#e2e8f0}.campus-btn-save{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:9px 24px;font-size:14px;font-weight:600}.campus-btn-save:hover:not(:disabled){background:#4f46e5}.campus-btn-save:disabled{opacity:.6;cursor:not-allowed}.campus-btn-edit{color:#6366f1;cursor:pointer;background:#f8fafc;border:1.5px solid #6366f1;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600}.campus-btn-edit:hover{background:#ede9fe}.campus-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600}.campus-btn-danger:hover{background:#dc2626}.campus-btn-upload{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600}.campus-btn-upload:hover{background:#059669}.campus-btn-download{color:#6366f1;cursor:pointer;background:#f8fafc;border:1.5px solid #6366f1;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none}.campus-btn-download:hover{background:#ede9fe}.campus-btn-del-doc{color:#ef4444;cursor:pointer;background:#fff;border:1.5px solid #fecaca;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.campus-btn-del-doc:hover{background:#fef2f2}.cp-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.cp-back-btn{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.cp-back-btn:hover{text-decoration:underline}.cp-topbar-actions{gap:8px;display:flex}.cp-header{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:20px;margin-bottom:20px;padding:24px;display:flex}.cp-header-icon{flex-shrink:0;font-size:44px}.cp-header-info{flex:1;min-width:0}.cp-name{color:#1e1e2e;margin:0 0 8px;font-size:22px;font-weight:700}.cp-meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.cp-code{color:#6366f1;background:#ede9fe;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:700}.cp-type-badge{color:#475569;background:#f1f5f9;border-radius:20px;padding:2px 10px;font-size:12px}.cp-status-badge{color:#fff;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:700}.cp-location{color:#64748b;font-size:13px}.cp-cards-row{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px;display:grid}@media (width<=640px){.cp-cards-row{grid-template-columns:1fr}}.cp-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:20px}.cp-card-title{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:700}.cp-field-list{flex-direction:column;gap:8px;display:flex}.cp-field{justify-content:space-between;align-items:flex-start;gap:12px;font-size:13px;display:flex}.cp-field>span:first-child{color:#94a3b8;white-space:nowrap;flex-shrink:0}.cp-field>span:last-child{color:#1e1e2e;text-align:right;word-break:break-word}.cp-field a{color:#6366f1;text-decoration:none}.cp-field a:hover{text-decoration:underline}.cp-notes{color:#475569;margin:0;font-size:13px;line-height:1.6}.cp-section{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:20px}.cp-section-title{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;font-size:13px;font-weight:700}.cp-docs-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cp-docs-header .cp-section-title{margin-bottom:0}.cp-docs-empty{color:#94a3b8;text-align:center;padding:24px 0;font-size:13px}.cp-docs-list{flex-direction:column;gap:10px;display:flex}.cp-doc-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.cp-doc-icon{flex-shrink:0;font-size:22px}.cp-doc-info{flex:1;min-width:0}.cp-doc-name{color:#1e1e2e;font-size:14px;font-weight:600}.cp-doc-meta{color:#94a3b8;flex-wrap:wrap;gap:10px;margin-top:2px;font-size:11px;display:flex}.cp-doc-actions{flex-shrink:0;gap:8px;display:flex}.cp-edit-form{flex-direction:column;gap:18px;display:flex}.cp-notes-input{resize:vertical;box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:14px}.cp-notes-input:focus{border-color:#6366f1}.campus-confirm-icon{margin-bottom:12px;font-size:40px}.campus-confirm-title{color:#1e1e2e;margin:0 0 8px;font-size:18px;font-weight:700}.campus-confirm-msg{color:#64748b;margin:0 0 20px;font-size:13px}@media (width<=600px){.campus-page{padding:16px}.campus-form-row{flex-direction:column}}.corp-page{max-width:1200px;margin:0 auto;padding:28px}.corp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.corp-title{color:#1e1e2e;margin:0 0 4px;font-size:24px;font-weight:700}.corp-sub{color:#64748b;margin:0;font-size:13px}.corp-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0ea5e9;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s}.corp-add-btn:hover{background:#0284c7}.corp-filters{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.corp-search{border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;min-width:200px;padding:9px 14px;font-size:14px}.corp-search:focus{border-color:#0ea5e9}.corp-select{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 14px;font-size:14px}.corp-select:focus{border-color:#0ea5e9}.corp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.corp-card{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:20px;transition:box-shadow .18s,border-color .18s}.corp-card:hover{border-color:#0ea5e9;box-shadow:0 4px 20px #0ea5e91f}.corp-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.corp-card-icon{font-size:28px}.corp-card-badge{color:#fff;text-transform:uppercase;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700}.corp-card-name{color:#1e1e2e;margin:0 0 4px;font-size:16px;font-weight:700}.corp-card-industry{color:#0ea5e9;margin-bottom:2px;font-size:12px;font-weight:600}.corp-card-type{color:#64748b;margin-bottom:10px;font-size:12px}.corp-card-meta{color:#475569;flex-direction:column;gap:4px;margin-bottom:10px;font-size:12px;display:flex}.corp-card-docs{color:#94a3b8;border-top:1px solid #f1f5f9;margin-top:4px;padding-top:10px;font-size:12px}.corp-empty{text-align:center;color:#94a3b8;padding:60px 20px;font-size:15px}.corp-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.corp-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.corp-modal{background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 20px 60px #0003}.corp-modal--sm{text-align:center;max-width:440px}.corp-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.corp-modal-header h2{color:#1e1e2e;margin:0;font-size:18px;font-weight:700}.corp-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.corp-modal-close:hover{color:#1e1e2e}.corp-form{flex-direction:column;gap:14px;display:flex}.corp-form-row{flex-wrap:wrap;gap:12px;display:flex}.corp-form-group{flex-direction:column;gap:5px;min-width:140px;display:flex}.corp-form-group--grow{flex:1}.corp-form-group label{color:#475569;font-size:12px;font-weight:600}.corp-form-group input,.corp-form-group select,.corp-form-group textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px;font-size:14px}.corp-form-group input:focus,.corp-form-group select:focus,.corp-form-group textarea:focus{border-color:#0ea5e9}.corp-form-section-title{color:#0ea5e9;border-top:1px solid #f1f5f9;padding-top:4px;font-size:13px;font-weight:700}.corp-form-actions{justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.corp-hint{color:#94a3b8;font-size:11px;font-weight:400}.corp-btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:600}.corp-btn-cancel:hover{background:#e2e8f0}.corp-btn-save{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:8px;padding:9px 24px;font-size:14px;font-weight:600}.corp-btn-save:hover:not(:disabled){background:#0284c7}.corp-btn-save:disabled{opacity:.6;cursor:not-allowed}.corp-btn-edit{color:#0ea5e9;cursor:pointer;background:#f0f9ff;border:1.5px solid #0ea5e9;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600}.corp-btn-edit:hover{background:#e0f2fe}.corp-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600}.corp-btn-danger:hover{background:#dc2626}.corp-btn-upload{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600}.corp-btn-upload:hover{background:#059669}.corp-btn-download{color:#0ea5e9;background:#f0f9ff;border:1.5px solid #0ea5e9;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none}.corp-btn-download:hover{background:#e0f2fe}.corp-btn-del-doc{color:#ef4444;cursor:pointer;background:#fff;border:1.5px solid #fecaca;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.corp-btn-del-doc:hover{background:#fef2f2}.crp-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.crp-back-btn{color:#0ea5e9;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.crp-back-btn:hover{text-decoration:underline}.crp-topbar-actions{gap:8px;display:flex}.crp-header{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:20px;margin-bottom:20px;padding:24px;display:flex}.crp-header-icon{flex-shrink:0;font-size:44px}.crp-header-info{flex:1;min-width:0}.crp-name{color:#1e1e2e;margin:0 0 8px;font-size:22px;font-weight:700}.crp-meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.crp-industry{color:#0ea5e9;background:#e0f2fe;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:700}.crp-type-badge{color:#475569;background:#f1f5f9;border-radius:20px;padding:2px 10px;font-size:12px}.crp-status-badge{color:#fff;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:700}.crp-location{color:#64748b;font-size:13px}.crp-cards-row{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px;display:grid}@media (width<=640px){.crp-cards-row{grid-template-columns:1fr}}.crp-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:20px}.crp-card-title{color:#0ea5e9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:700}.crp-field-list{flex-direction:column;gap:8px;display:flex}.crp-field{justify-content:space-between;align-items:flex-start;gap:12px;font-size:13px;display:flex}.crp-field>span:first-child{color:#94a3b8;white-space:nowrap;flex-shrink:0}.crp-field>span:last-child{color:#1e1e2e;text-align:right;word-break:break-word}.crp-field a{color:#0ea5e9;text-decoration:none}.crp-field a:hover{text-decoration:underline}.crp-notes{color:#475569;margin:0;font-size:13px;line-height:1.6}.crp-section{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:20px}.crp-section-title{color:#0ea5e9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;font-size:13px;font-weight:700}.crp-docs-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.crp-docs-header .crp-section-title{margin-bottom:0}.crp-docs-empty{color:#94a3b8;text-align:center;padding:24px 0;font-size:13px}.crp-docs-list{flex-direction:column;gap:10px;display:flex}.crp-doc-item{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.crp-doc-icon{flex-shrink:0;font-size:22px}.crp-doc-info{flex:1;min-width:0}.crp-doc-name{color:#1e1e2e;font-size:14px;font-weight:600}.crp-doc-meta{color:#94a3b8;flex-wrap:wrap;gap:10px;margin-top:2px;font-size:11px;display:flex}.crp-doc-actions{flex-shrink:0;gap:8px;display:flex}.crp-edit-form{flex-direction:column;gap:18px;display:flex}.crp-notes-input{resize:vertical;box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:14px}.crp-notes-input:focus{border-color:#0ea5e9}.corp-confirm-icon{margin-bottom:12px;font-size:40px}.corp-confirm-title{color:#1e1e2e;margin:0 0 8px;font-size:18px;font-weight:700}.corp-confirm-msg{color:#64748b;margin:0 0 20px;font-size:13px}@media (width<=600px){.corp-page{padding:16px}.corp-form-row{flex-direction:column}}.rpt-page{width:100%}.rpt-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.rpt-header h1{color:#1e1e2e;margin:0 0 4px;font-size:26px;font-weight:700}.rpt-header p{color:#64748b;margin:0;font-size:14px}.rpt-tabs{border-bottom:2px solid #f1f5f9;gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.rpt-tab{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-2px;padding:10px 22px;font-size:14px;font-weight:600;transition:color .15s,border-color .15s}.rpt-tab:hover{color:#6366f1}.rpt-tab--active{color:#6366f1;border-bottom-color:#6366f1}.rpt-tab-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.rpt-tab-toolbar .rpt-filters{flex:1;margin-bottom:0}.rpt-download-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#16a34a;border:none;border-radius:8px;align-self:flex-end;padding:11px 20px;font-size:14px;font-weight:600;transition:background .15s}.rpt-download-btn:hover:not(:disabled){background:#15803d}.rpt-download-btn:disabled{opacity:.45;cursor:not-allowed}.rpt-filters{background:#fff;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 1px 4px #00000012}.rpt-filter-group{flex-direction:column;gap:5px;min-width:160px;display:flex}.rpt-filter-group label{color:#374151;font-size:12px;font-weight:600}.rpt-filter-group input,.rpt-filter-group select{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}.rpt-filter-group input:focus,.rpt-filter-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.rpt-filter-search{flex:1;min-width:200px}.rpt-fetch-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:8px;align-self:flex-end;padding:10px 22px;font-size:14px;font-weight:600;transition:background .15s}.rpt-fetch-btn:hover:not(:disabled){background:#4f46e5}.rpt-fetch-btn:disabled{opacity:.6;cursor:not-allowed}.rpt-summary{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.rpt-chip{border-radius:20px;padding:5px 14px;font-size:13px;font-weight:600}.rpt-chip--total{color:#475569;background:#f1f5f9}.rpt-chip--portal{color:#6d28d9;background:#ede9fe}.rpt-chip--app{color:#0369a1;background:#e0f2fe}.rpt-chip--amount{color:#16a34a;background:#f0fdf4}.rpt-table-wrap{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 1px 4px #00000012}.rpt-table{border-collapse:collapse;width:100%;font-size:13.5px}.rpt-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:11px;font-weight:700}.rpt-table td{vertical-align:middle;border-bottom:1px solid #f8fafc;padding:11px 14px}.rpt-table tbody tr:hover{background:#fafbff}.rpt-table tbody tr:last-child td{border-bottom:none}.rpt-td-num{color:#94a3b8;width:40px;font-size:12px}.rpt-td-date{color:#1e293b;white-space:nowrap;font-weight:600}.rpt-td-name{color:#1e293b;font-weight:500}.rpt-td-batch{color:#475569;max-width:180px}.rpt-td-time{color:#475569;font-variant-numeric:tabular-nums;white-space:nowrap}.rpt-td-dur{color:#6366f1;white-space:nowrap;font-weight:600}.rpt-td-muted{color:#94a3b8}.rpt-td-amount{color:#16a34a;font-weight:700}.rpt-code{color:#6366f1;background:#f1f5f9;border-radius:4px;padding:2px 7px;font-family:monospace;font-size:12px}.rpt-badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-block}.rpt-badge--present{color:#16a34a;background:#f0fdf4}.rpt-badge--out{color:#2563eb;background:#eff6ff}.rpt-badge--portal{color:#6d28d9;background:#ede9fe}.rpt-badge--app{color:#0369a1;background:#e0f2fe}.rpt-loading{text-align:center;color:#94a3b8;padding:60px;font-size:15px}.rpt-empty{text-align:center;background:#fff;border-radius:12px;padding:60px 24px;box-shadow:0 1px 4px #00000012}.rpt-empty-icon{margin-bottom:12px;font-size:48px}.rpt-empty p{color:#94a3b8;margin:0;font-size:15px}.rpt-prompt{text-align:center;background:#fff;border-radius:12px;padding:80px 24px;box-shadow:0 1px 4px #00000012}.rpt-prompt-icon{margin-bottom:14px;font-size:52px}.rpt-prompt p{color:#94a3b8;margin:0;font-size:15px}.rpt-prompt strong{color:#6366f1}@media (width<=640px){.rpt-filters{gap:10px;padding:14px}.rpt-filter-group{min-width:100%}.rpt-fetch-btn{width:100%}.rpt-header{flex-direction:column}.rpt-download-btn{text-align:center;width:100%}}