.login-container{min-height:100vh;display:flex}.login-left{background:#0f172a;flex-direction:column;justify-content:center;align-items:flex-start;width:45%;padding:64px 56px;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";pointer-events:none;background:#2563eb1f;border-radius:50%;width:360px;height:360px;position:absolute;top:-120px;right:-120px}.login-left:after{content:"";pointer-events:none;background:#1e3a5f80;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-80px;left:-80px}.brand-logo{color:#fff;letter-spacing:-.03em;z-index:1;background:#2563eb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:32px;font-size:22px;font-weight:700;display:flex;position:relative}.login-left h1{color:#f8fafc;letter-spacing:-.03em;z-index:1;font-size:30px;font-weight:700;line-height:1.2;position:relative}.login-left .brand-tagline{color:#64748b;z-index:1;margin-top:12px;font-size:14px;line-height:1.6;position:relative}.login-left .brand-version{color:#334155;text-transform:uppercase;letter-spacing:.12em;z-index:1;margin-top:48px;font-size:11px;position:relative}.login-right{background:#f8fafc;flex:1;justify-content:center;align-items:center;padding:48px 40px;display:flex}.login-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 4px 24px #0f172a14}.login-box-header{margin-bottom:28px}.login-box-header h2{color:#0f172a;letter-spacing:-.02em;font-size:20px;font-weight:700}.login-box-header p{color:#64748b;margin-top:4px;font-size:13.5px}.login-box .form-group{margin-bottom:16px}.login-box .form-group label{color:#374151;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.login-box .form-group input{border:1px solid #e2e8f0;border-radius:7px;width:100%;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.login-box .form-group input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.btn-login{color:#fff;cursor:pointer;background:#1e3a5f;border:none;border-radius:7px;width:100%;margin-top:6px;padding:11px;font-size:14px;font-weight:600;transition:background .15s,box-shadow .15s;box-shadow:0 2px 8px #1e3a5f33}.btn-login:hover{background:#2563eb;box-shadow:0 4px 12px #2563eb4d}.toggle-auth{text-align:center;color:#94a3b8;border-top:1px solid #f1f5f9;margin-top:20px;padding-top:20px;font-size:13px}.toggle-auth button{color:#2563eb;cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:0;margin-left:4px;padding:0;font-size:13px;font-weight:600;transform:none}.toggle-auth button:hover{text-decoration:underline}.toggle-auth button:active{transform:none}@media (width<=768px){.login-left{display:none}.login-container{background:#f1f5f9;justify-content:center;align-items:center}}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:#fff;border:1px solid #e2e8f0;border-top:3px solid #0000;border-radius:12px;flex-direction:column;gap:10px;padding:20px 22px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 4px #0f172a0d}.stat-card--blue{border-top-color:#2563eb}.stat-card--green{border-top-color:#15803d}.stat-card--amber{border-top-color:#d97706}.stat-card--red{border-top-color:#dc2626}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f172a17}.stat-card-top{justify-content:space-between;align-items:center;display:flex}.stat-card-label{text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;font-size:11.5px;font-weight:600}.stat-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-icon-blue{color:#2563eb;background:#dbeafe}.stat-icon-green{color:#15803d;background:#dcfce7}.stat-icon-amber{color:#d97706;background:#fef3c7}.stat-icon-red{color:#dc2626;background:#fee2e2}.stat-card-value{color:#0f172a;letter-spacing:-.03em;font-size:30px;font-weight:700;line-height:1}.stat-card-sub{color:#94a3b8;margin-top:-2px;font-size:12px}.dash-row{grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px;display:grid}@media (width<=900px){.dash-row{grid-template-columns:1fr}}.dash-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;box-shadow:0 1px 4px #0f172a0d}.chart-header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.chart-title{color:#0f172a;letter-spacing:-.01em;font-size:15px;font-weight:700}.chart-subtitle{color:#94a3b8;font-size:12px}.chart-empty{color:#cbd5e1;justify-content:center;align-items:center;height:180px;font-size:13px;display:flex}.chart-legend{color:#64748b;align-items:center;gap:6px;margin-top:10px;padding-left:4px;font-size:12px;display:flex}.chart-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.pie-legend{flex-direction:column;gap:8px;margin-top:12px;display:flex}.pie-legend-item{align-items:center;gap:8px;font-size:13px;display:flex}.pie-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.pie-legend-label{color:#475569;flex:1}.pie-legend-value{color:#0f172a;font-weight:700}.dash-lists-row{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;margin-bottom:20px;display:grid}@media (width<=1100px){.dash-lists-row{grid-template-columns:1fr 1fr}}@media (width<=700px){.dash-lists-row{grid-template-columns:1fr}}.dash-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 4px #0f172a0d}.dash-list-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.dash-list-title{color:#0f172a;font-size:13px;font-weight:700}.dash-list-badge{border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.dash-list-body{flex:1;max-height:260px;overflow-y:auto}.dash-list-item{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:flex-start;gap:8px;padding:9px 16px;transition:background .15s;display:flex}.dash-list-item:hover{background:#f8fafc}.dash-list-item:last-child{border-bottom:none}.dash-list-item-left{flex-direction:column;gap:2px;min-width:0;display:flex}.dash-list-item-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:12.5px;font-weight:600;overflow:hidden}.dash-list-item-sub{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:11px;overflow:hidden}.dash-list-item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.dash-list-item-amount{color:#0f172a;font-size:12.5px;font-weight:700}.dash-list-item-date{color:#94a3b8;font-size:11px}.dash-list-empty{text-align:center;color:#cbd5e1;padding:28px 16px;font-size:13px}.dash-skeleton{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.skel-card{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:12px;height:110px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.15s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:520px;max-height:92vh;animation:.18s cubic-bezier(.34,1.56,.64,1) modalIn;display:flex;box-shadow:0 16px 48px #0f172a33,0 4px 12px #0f172a1a}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-lg{max-width:640px}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-title{color:#0f172a;letter-spacing:-.01em;font-size:15.5px;font-weight:700}.modal-close{color:#64748b;cursor:pointer;width:30px;height:30px;box-shadow:none;background:#f1f5f9;border:none;border-radius:7px;justify-content:center;align-items:center;padding:0;font-size:14px;transition:background .15s,color .15s;display:flex}.modal-close:hover{color:#0f172a;background:#e2e8f0}.modal-close:active{transform:none}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{background:#fafafa;border-top:1px solid #f1f5f9;border-radius:0 0 12px 12px;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.sidebar{color:#cbd5e1;z-index:1000;background:#0f172a;border-right:1px solid #ffffff0a;flex-direction:column;width:240px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:22px 20px 18px;display:flex}.sidebar-logo{color:#fff;background:#2563eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.sidebar-brand-text .brand-name{color:#f1f5f9;letter-spacing:-.01em;font-size:14px;font-weight:700}.sidebar-brand-text .brand-sub{color:#475569;text-transform:uppercase;letter-spacing:.07em;margin-top:1px;font-size:10.5px}.sidebar-menu{flex:1;padding:14px 10px;overflow-y:auto}.menu-section-label{color:#334155;text-transform:uppercase;letter-spacing:.1em;padding:8px 10px 6px;font-size:10px;font-weight:600}.menu-item{color:#64748b;cursor:pointer;text-align:left;width:100%;box-shadow:none;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.menu-item:active{transform:none}.menu-item:hover{color:#cbd5e1;background:#ffffff0d}.menu-item.active{color:#f1f5f9;background:#1e3a5f;font-weight:600}.menu-item .menu-dot{background:#334155;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .15s}.menu-item.active .menu-dot{background:#60a5fa}.menu-item:hover .menu-dot{background:#475569}.sidebar-footer{border-top:1px solid #ffffff0f;padding:14px 10px}.sidebar-user-card{background:#ffffff0a;border-radius:8px;margin-bottom:8px;padding:10px 12px}.sidebar-user-label{color:#334155;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.sidebar-user-name{color:#94a3b8;margin-top:2px;font-size:13.5px;font-weight:500}.btn-change-pw{color:#475569;cursor:pointer;background:0 0;border:1px solid #ffffff12;border-radius:8px;width:100%;margin-bottom:6px;padding:7px;font-size:12px;transition:background .15s,color .15s}.btn-change-pw:hover{color:#94a3b8;background:#ffffff0f}.btn-logout{color:#475569;cursor:pointer;width:100%;box-shadow:none;background:0 0;border:1px solid #ffffff12;border-radius:7px;padding:8px;font-size:12.5px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.btn-logout:hover{color:#fca5a5;background:#7f1d1d;border-color:#0000}.btn-logout:active{transform:none}.app-layout{min-height:100vh}.app-main{background:#f1f5f9;min-height:100vh;margin-left:240px}@media (width<=768px){.app-main{margin-left:0}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden}body{color:#0f172a;-webkit-font-smoothing:antialiased;background:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:14px;line-height:1.5}button{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:8px 18px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .15s,box-shadow .15s,transform .1s}button:active{transform:scale(.98)}.btn-primary{color:#fff;background:#1e3a5f;box-shadow:0 1px 3px #1e3a5f40}.btn-primary:hover{background:#2563eb}.btn-secondary{color:#374151;background:#fff;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-success{color:#fff;background:#15803d;box-shadow:0 1px 3px #15803d40}.btn-success:hover{background:#166534}.btn-danger{color:#fff;background:#dc2626;box-shadow:0 1px 3px #dc262640}.btn-danger:hover{background:#b91c1c}.btn-warning{color:#fff;background:#d97706}.btn-warning:hover{background:#b45309}.btn-sm{border-radius:5px;padding:5px 12px;font-size:12px}input,textarea,select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}input::placeholder{color:#94a3b8}table{border-collapse:collapse;background:#fff;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:11px 16px;font-size:11.5px;font-weight:600}td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:13px 16px;font-size:13.5px}tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f8fafc}.badge{letter-spacing:.03em;border-radius:99px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-success{color:#15803d;background:#dcfce7}.badge-warning{color:#b45309;background:#fef3c7}.badge-danger{color:#dc2626;background:#fee2e2}.badge-info{color:#1d4ed8;background:#dbeafe}.badge-neutral{color:#64748b;background:#f1f5f9}.form-group{margin-bottom:16px}.form-group label{color:#374151;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{width:100%}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.error-msg{color:#dc2626;background:#fff5f5;border:1px solid #fecaca;border-radius:6px;margin-top:4px;padding:10px 14px;font-size:13px}.success-msg{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-top:4px;padding:10px 14px;font-size:13px}.page-wrapper{padding:28px 32px}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.page-title{color:#0f172a;letter-spacing:-.02em;font-size:22px;font-weight:700}.page-subtitle{color:#94a3b8;margin-top:3px;font-size:13px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar input,.toolbar select{height:38px;font-size:13.5px}.toolbar input{min-width:240px}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0f172a0f}.table-empty{text-align:center;color:#94a3b8;padding:56px;font-size:14px}.action-btns{gap:6px;display:flex}.loading{text-align:center;color:#94a3b8;padding:56px}.avatar{color:#1d4ed8;background:#dbeafe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.avatar--purple{color:#6d28d9;background:#ede9fe}.avatar--amber{color:#b45309;background:#fef3c7}.avatar--green{color:#15803d;background:#dcfce7}.summary-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:0;margin-bottom:16px;padding:14px 24px;display:flex;box-shadow:0 1px 4px #0f172a0d}.summary-item{flex-direction:column;flex:1;align-items:flex-start;gap:2px;display:flex}.summary-num{letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1}.summary-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:500}.summary-divider{background:#e2e8f0;width:1px;height:36px;margin:0 24px}.payment-summary{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.pay-sum-card{border:1px solid #0000;border-radius:10px;flex:1;min-width:160px;padding:16px 20px}.pay-sum-green{background:#f0fdf4;border-color:#bbf7d0}.pay-sum-amber{background:#fffbeb;border-color:#fde68a}.pay-sum-blue{background:#eff6ff;border-color:#bfdbfe}.pay-sum-label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:6px;font-size:11px;font-weight:700}.pay-sum-amount{color:#0f172a;letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1}.pay-sum-count{color:#94a3b8;margin-top:4px;font-size:12px}.empty-state{text-align:center;color:#94a3b8;padding:56px 24px}.empty-icon{background:#f1f5f9;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 12px;display:flex}.empty-state p{color:#94a3b8;font-size:14px}.inline-confirm{white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.inline-confirm span{color:#dc2626;font-weight:500}.tab-btn{color:#64748b;cursor:pointer;box-shadow:none;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:7px 18px;font-size:13.5px;font-weight:500;transition:all .15s}.tab-btn:hover{color:#1e3a5f;background:#f8fafc}.tab-btn--active{color:#fff;background:#1e3a5f;border-color:#1e3a5f}.tab-btn--active:hover{background:#2563eb;border-color:#2563eb}.cal-layout{grid-template-columns:1fr 300px;align-items:start;gap:16px;display:grid}@media (width<=900px){.cal-layout{grid-template-columns:1fr}}.cal-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0f172a0d}.cal-nav{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.cal-nav-title{color:#0f172a;font-size:15px;font-weight:700}.cal-nav-btn{color:#64748b;cursor:pointer;width:30px;height:30px;box-shadow:none;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:16px;transition:background .15s,color .15s;display:flex}.cal-nav-btn:hover{color:#0f172a;background:#f1f5f9}.cal-nav-btn:active{transform:none}.cal-grid{grid-template-columns:repeat(7,1fr);display:grid}.cal-day-header{text-align:center;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:#fafafa;border-bottom:1px solid #f1f5f9;padding:8px 4px;font-size:11px;font-weight:600}.cal-cell{cursor:pointer;vertical-align:top;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;min-height:80px;padding:6px 6px 4px;transition:background .1s}.cal-cell:nth-child(7n){border-right:none}.cal-cell:hover{background:#f8fafc}.cal-cell--empty{cursor:default;background:#fafafa}.cal-cell--empty:hover{background:#fafafa}.cal-cell--today .cal-day-num{color:#fff;background:#1e3a5f;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.cal-cell--selected{background:#eff6ff}.cal-cell--selected:hover{background:#dbeafe}.cal-day-num{color:#374151;text-align:center;width:22px;height:22px;margin-bottom:2px;font-size:12.5px;font-weight:600;line-height:22px;display:inline-block}.cal-events{flex-direction:column;gap:2px;margin-top:2px;display:flex}.cal-event-chip{white-space:nowrap;text-overflow:ellipsis;border-radius:3px;padding:1px 5px;font-size:10.5px;font-weight:500;overflow:hidden}.cal-event--scheduled{color:#b45309;background:#fef3c7}.cal-event--completed{color:#15803d;background:#dcfce7}.cal-event--cancelled{color:#94a3b8;background:#f1f5f9}.cal-event-more{color:#94a3b8;padding-left:5px;font-size:10px}.cal-detail{background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-height:400px;overflow:hidden;box-shadow:0 1px 4px #0f172a0d}.cal-detail-empty{justify-content:center;align-items:center;height:400px;display:flex}.cal-detail-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.day-rental-list{flex-direction:column;gap:8px;padding:10px;display:flex}.day-rental-card{border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;transition:box-shadow .15s}.day-rental-card:hover{box-shadow:0 2px 8px #0f172a14}.day-rental-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.day-rental-time{color:#64748b;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.day-rental-name{color:#0f172a;font-size:14px;font-weight:600}.day-rental-stage{color:#2563eb;margin-top:2px;font-size:12px;font-weight:500}.day-rental-purpose{color:#94a3b8;margin-top:1px;font-size:12px}.day-rental-actions{border-top:1px solid #f1f5f9;gap:6px;margin-top:8px;padding-top:8px;display:flex}.stages-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.stage-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:14px;padding:18px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 4px #0f172a0d}.stage-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0f172a1a}.stage-card-icon{color:#fff;background:#1e3a5f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.stage-card-body{flex:1}.stage-card-name{color:#0f172a;margin-bottom:4px;font-size:15px;font-weight:700}.stage-card-desc{color:#64748b;margin-bottom:8px;font-size:12.5px}.stage-card-meta{color:#94a3b8;gap:12px;font-size:12px;display:flex}.stage-card-meta b{color:#374151}.stage-card-actions{flex-direction:column;gap:6px;display:flex}.enroll-course-banner{color:#fff;background:#1e3a5f;border-radius:10px;align-items:center;gap:14px;margin-bottom:20px;padding:14px 16px;display:flex}.enroll-course-avatar{letter-spacing:-.5px;background:#ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;font-weight:800;display:flex}.enroll-course-info{flex:1}.enroll-course-name{font-size:15px;font-weight:700}.enroll-course-meta{color:#ffffffa6;gap:12px;margin-top:3px;font-size:12.5px;display:flex}.enroll-section{margin-bottom:18px}.enroll-section-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:700}.pay-type-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pay-type-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.pay-type-card:hover:not(.pay-type-card--active){background:#f8fafc;border-color:#cbd5e1}.pay-type-card--active{background:#eff6ff;border-color:#1e3a5f}.pay-type-icon{color:#64748b;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:flex}.pay-type-card--active .pay-type-icon{color:#fff;background:#1e3a5f}.pay-type-body{flex:1}.pay-type-title{color:#0f172a;font-size:13px;font-weight:600}.pay-type-sub{color:#94a3b8;margin-top:2px;font-size:11.5px}.pay-type-check{color:#fff;opacity:0;background:#1e3a5f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .15s;display:flex}.pay-type-card--active .pay-type-check{opacity:1}.enroll-fields-row{gap:12px;display:flex}.enroll-field{flex-direction:column;flex:1;gap:5px;display:flex}.enroll-field label{color:#374151;font-size:12px;font-weight:500}.enroll-field input{width:100%}.enroll-toggle-row{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 14px;display:flex}.enroll-toggle-title{color:#0f172a;font-size:13.5px;font-weight:600}.enroll-toggle-sub{color:#94a3b8;margin-top:2px;font-size:12px}.toggle-switch{cursor:pointer;flex-shrink:0;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:#e2e8f0;border-radius:12px;align-items:center;width:44px;height:24px;padding:2px;transition:background .2s;display:flex}.toggle-switch input:checked+.toggle-track{background:#15803d}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-track .toggle-thumb{transform:translate(20px)}.enroll-receipt{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;margin-top:4px;overflow:hidden}.enroll-receipt-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:7px 16px;font-size:10.5px;font-weight:700}.enroll-receipt-row{color:#64748b;justify-content:space-between;align-items:center;padding:8px 16px;font-size:13px;display:flex}.enroll-receipt-row strong{color:#0f172a;font-weight:600}.enroll-receipt-divider{background:#e2e8f0;height:1px;margin:0 16px}.enroll-receipt-total{padding-top:10px;padding-bottom:10px;font-size:14px}.enroll-receipt-total strong{color:#1e3a5f;font-size:15px;font-weight:800}.enroll-status-paid{color:#15803d!important}.enroll-status-pending{color:#b45309!important}