.product-demo{color:#18181b;font-size:14px;line-height:1.5}.product-demo [hidden]{display:none!important}.product-demo button,.product-demo input,.product-demo select,.product-demo textarea{font:inherit}.product-demo .demo-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 4px 18px;display:flex}.product-demo .demo-toolbar p{color:#71717a;margin-top:6px;font-size:12px}.product-demo .demo-badge{align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.product-demo .demo-badge:before{content:"";background:#16a34a;border-radius:50%;width:7px;height:7px}.product-demo .demo-guide{background:#f8f5ff;border:1px solid #e2d4ff;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.product-demo .demo-guide p{max-width:360px}.product-demo .demo-guide p>span{color:#71717a;margin-top:5px;font-size:12px;display:block}.product-demo .demo-steps{flex-wrap:wrap;gap:8px;display:flex}.product-demo .demo-steps button{text-align:left;background:#fff;border:1px solid #e2d4ff;border-radius:8px;align-items:center;gap:7px;min-height:40px;padding:6px 10px;font-size:12px;font-weight:500;display:flex}.product-demo .demo-steps button>span{color:#7027e5;background:#f0e9ff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.product-demo .demo-steps button[data-done=true]{border-color:#a7dcbc}.product-demo .demo-steps button[data-done=true]>span{color:#15803d;background:#eaf8ef}.product-demo .demo-shell{background:#fafafa;border:1px solid #e4e4e7;border-top:0;border-radius:0 0 16px 16px;grid-template-columns:190px minmax(0,1fr);min-height:610px;display:grid;overflow:hidden;box-shadow:0 25px 80px -40px #18181b40}.product-demo .demo-sidebar{background:#fff;border-right:1px solid #e4e4e7;flex-direction:column;padding:24px 12px 16px;display:flex}.product-demo .demo-brand{letter-spacing:-.03em;align-items:center;gap:9px;padding:0 8px;font-size:16px;font-weight:650;display:flex}.product-demo .demo-brand>img{flex-shrink:0;width:30px;height:30px}.product-demo .demo-nav{flex-direction:column;gap:4px;margin-top:32px;display:flex}.product-demo .demo-nav button{color:#71717a;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.product-demo .demo-nav button:hover{color:#18181b;background:#f4f4f5}.product-demo .demo-nav button[aria-current=page]{color:#fff;background:#18181b}.product-demo .demo-profile{margin-top:auto;padding:20px 8px 0;font-size:11px}.product-demo .demo-profile>span{color:#71717a;margin-top:4px;display:block}.product-demo .demo-main{min-width:0;padding:28px}.product-demo h3{letter-spacing:-.04em;font-size:26px;font-weight:600;line-height:1.2}.product-demo h4{font-size:14px;font-weight:600}.product-demo .demo-muted{color:#71717a;font-size:12px}.product-demo .demo-page-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.product-demo .demo-page-header h3{margin:5px 0 8px}.product-demo .demo-button{background:#fff;border:1px solid #e4e4e7;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 12px;font-size:12px;font-weight:500;transition:background-color .15s;display:inline-flex}.product-demo .demo-button:hover{background:#f4f4f5}.product-demo .demo-button-primary{color:#fff;background:#18181b;border-color:#18181b}.product-demo .demo-button-primary:hover{background:#3f3f46}.product-demo .demo-button-light{background:0 0}.product-demo .demo-text-button{color:#52525b;text-align:left;background:0 0;border:0;padding:6px 0;font-size:12px}.product-demo .demo-text-button:hover{color:#18181b;text-decoration:underline}.product-demo .demo-card{background:#fff;border:1px solid #e4e4e7;border-radius:12px;min-width:0}.product-demo .demo-card-heading{border-bottom:1px solid #e4e4e7;padding:16px 18px}.product-demo .demo-card-heading p{margin-top:4px}.product-demo .demo-two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.product-demo .demo-list{padding:0 16px}.product-demo .demo-lesson-row,.product-demo .demo-entry-row,.product-demo .demo-balance-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #f0f0f2;align-items:center;gap:12px;width:100%;min-width:0;padding:16px 0;display:flex}.product-demo .demo-list>:last-child{border-bottom:0}.product-demo button.demo-lesson-row:hover strong,.product-demo .demo-balance-row:hover>strong{text-decoration:underline}.product-demo .demo-time{font-variant-numeric:tabular-nums;flex-shrink:0;width:46px;font-size:12px;font-weight:500}.product-demo .demo-row-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.product-demo .demo-row-body strong{font-size:13px;font-weight:550}.product-demo .demo-row-body>span{color:#71717a;overflow-wrap:anywhere;font-size:11px}.product-demo .demo-status{color:#0369a1;background:#f0f9ff;border-radius:20px;flex-shrink:0;padding:3px 7px;font-size:10px}.product-demo .demo-status[data-status=completed]{color:#047857;background:#ecfdf5}.product-demo .demo-status[data-status=cancelled]{color:#71717a;background:#f4f4f5}.product-demo .demo-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:24px 0 12px;display:flex}.product-demo .demo-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.product-demo .demo-stat{padding:16px}.product-demo .demo-stat p{color:#71717a;font-size:11px}.product-demo .demo-stat strong{letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin-top:10px;font-size:21px;font-weight:600;display:block}.product-demo .demo-debtors{margin-top:20px}.product-demo .demo-balance-row>strong{flex:1;font-size:13px;font-weight:500}.product-demo .demo-balance{font-size:12px;font-weight:550}.product-demo .demo-balance[data-kind=debt]{color:#b91c1c}.product-demo .demo-balance[data-kind=prepaid]{color:#047857}.product-demo .demo-student-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.product-demo .demo-student-card{text-align:left;background:#fff;border:1px solid #e4e4e7;border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex}.product-demo .demo-student-card:hover{border-color:#a1a1aa}.product-demo .demo-avatar{background:#f4f4f5;border-radius:10px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:550;display:grid}.product-demo .demo-student-link{color:#71717a;margin-top:8px;font-size:11px}.product-demo .demo-back{margin-bottom:16px}.product-demo .demo-student-profile{justify-content:space-between;gap:20px;padding:24px;display:flex}.product-demo .demo-student-profile h3{margin:6px 0}.product-demo .demo-student-profile [data-demo-student-defaults],.product-demo .demo-student-profile .demo-balance{margin-top:12px}.product-demo .demo-note{color:#52525b;margin-top:16px;font-size:12px}.product-demo .demo-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.product-demo .demo-student-profile>.demo-actions{align-content:flex-start;max-width:160px}.product-demo .demo-entry-amount{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px;font-weight:550}.product-demo .demo-entry-amount[data-type=payment]{color:#047857}.product-demo .demo-share{border:1px dashed #d4d4d8;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:18px;display:flex}.product-demo .demo-share p{max-width:350px;margin-top:6px}.product-demo .demo-calendar-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.product-demo .demo-calendar-toolbar>strong{font-weight:550}.product-demo .demo-calendar{background:#fff;border:1px solid #e4e4e7;border-radius:12px;grid-template-columns:repeat(7,minmax(104px,1fr));display:grid;overflow-x:auto}.product-demo .demo-day{border-right:1px solid #e4e4e7;min-width:0;min-height:280px;padding:10px 6px}.product-demo .demo-day:last-child{border:0}.product-demo .demo-day-heading{flex-direction:column;align-items:center;gap:4px;margin-bottom:18px;font-size:11px;display:flex}.product-demo .demo-day-heading>span{border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.product-demo .demo-day[data-today=true] .demo-day-heading>span{color:#fff;background:#18181b}.product-demo .demo-day .demo-lesson-row{background:#f0f9ff;border:1px solid #bae6fd;border-left:3px solid #0ea5e9;border-radius:6px;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:8px;padding:8px 6px}.product-demo .demo-day .demo-lesson-row[data-status=completed]{background:#ecfdf5;border-color:#a7f3d0 #a7f3d0 #a7f3d0 #10b981}.product-demo .demo-day .demo-lesson-row[data-status=cancelled]{opacity:.7;background:#f4f4f5;border-color:#e4e4e7 #e4e4e7 #e4e4e7 #a1a1aa}.product-demo .demo-day .demo-time{font-size:10px}.product-demo .demo-day .demo-row-body strong{overflow-wrap:anywhere;font-size:11px}.product-demo .demo-day .demo-row-body>span,.product-demo .demo-day .demo-status{font-size:9px}.product-demo .demo-add-slot{color:#71717a;background:0 0;border:1px dashed #d4d4d8;border-radius:6px;width:100%;min-height:36px;padding:6px;font-size:11px}.product-demo .demo-add-slot:hover{color:#18181b;background:#fafafa}.product-demo .demo-calendar-note{margin-top:12px}.product-demo .demo-empty{color:#71717a;text-align:center;padding:24px 8px;font-size:12px}.product-demo .demo-feedback{background:#f4f4f5;border-radius:10px;min-height:44px;margin-top:16px;padding:12px 16px;font-size:12px}.product-demo .demo-disclaimer{text-align:center;color:#71717a;max-width:760px;margin:12px auto 0;font-size:12px;line-height:1.7}.product-demo .demo-dialog{color:#18181b;overscroll-behavior:contain;background:#fff;border:1px solid #e4e4e7;border-radius:16px;width:min(520px,100% - 32px);max-height:calc(100svh - 32px);margin:auto;padding:24px;position:fixed;inset:0;overflow-y:auto;box-shadow:0 20px 80px #0000002e}.product-demo .demo-dialog::backdrop{backdrop-filter:blur(3px);background:#18181b66}.product-demo .demo-dialog-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.product-demo .demo-dialog-header h3{margin-bottom:8px;font-size:23px}.product-demo .demo-close{background:#f4f4f5;border:0;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:24px;display:grid}.product-demo .demo-hint{color:#71717a;margin:16px 0;font-size:12px;line-height:1.7}.product-demo .demo-lesson-money{background:#fafafa;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0;padding:16px;display:grid}.product-demo .demo-lesson-money strong{margin-top:6px;display:block}.product-demo .demo-homework{border-top:1px solid #e4e4e7;margin-top:24px;padding-top:20px}.product-demo .demo-homework>p{margin-top:10px;font-size:13px}.product-demo .demo-field{flex-direction:column;gap:7px;min-width:0;margin-bottom:16px;font-size:13px;font-weight:500;display:flex}.product-demo .demo-field input,.product-demo .demo-field select,.product-demo .demo-field textarea{color:#18181b;background:#fff;border:1px solid #d4d4d8;border-radius:8px;width:100%;min-width:0;min-height:42px;padding:9px 10px;font-weight:400}.product-demo .demo-field textarea{resize:vertical}.product-demo .demo-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.product-demo .demo-form-error{color:#b91c1c;margin-bottom:12px;font-size:12px}.product-demo .demo-submit{margin-top:20px}.product-demo .demo-payment-details{border:1px solid #e4e4e7;border-radius:8px;margin-bottom:16px;padding:12px}.product-demo .demo-payment-details summary{cursor:pointer;font-size:12px;font-weight:500}.product-demo .demo-payment-details .demo-form-grid{margin-top:16px}.product-demo .demo-payment-details .demo-field:last-child{margin-bottom:0}.product-demo .demo-portal-dialog{width:min(650px,100% - 32px)}.product-demo .demo-portal-card{margin-top:14px;padding:16px}.product-demo .demo-portal-card .demo-list{padding:0}.product-demo .demo-portal-card>.demo-balance{margin-top:10px}.product-demo .demo-homework-row{border-bottom:1px solid #e4e4e7;padding:14px 0}.product-demo .demo-homework-row>p+p{margin-top:6px;font-size:13px}.product-demo .demo-completed-cta{background:#f8f5ff;border:1px solid #e2d4ff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:18px;font-size:14px;line-height:1.8;display:flex}.product-demo .demo-completed-cta[hidden]{display:none}@media (width<=1100px){.product-demo .demo-guide{flex-direction:column;align-items:flex-start;gap:12px}.product-demo .demo-guide p{max-width:none}.product-demo .demo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.product-demo .demo-two-columns,.product-demo .demo-student-grid{grid-template-columns:1fr}.product-demo .demo-student-card{grid-template-columns:38px 1fr;gap:4px 14px;display:grid}.product-demo .demo-student-card .demo-avatar{grid-row:span 4}.product-demo .demo-student-card .demo-student-link{margin:4px 0 0}}@media (width<=767px){.product-demo .demo-shell{grid-template-columns:1fr;min-height:0}.product-demo .demo-sidebar{border-bottom:1px solid #e4e4e7;border-right:0;padding:12px;display:block}.product-demo .demo-brand,.product-demo .demo-profile{display:none}.product-demo .demo-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;display:grid}.product-demo .demo-nav button{flex-direction:column;justify-content:center;gap:4px;padding:8px 4px;font-size:10px}.product-demo .demo-main{padding:20px 16px}.product-demo .demo-page-header{flex-direction:column;align-items:flex-start}.product-demo h3{font-size:24px}.product-demo .demo-guide{padding:16px}.product-demo .demo-steps{grid-template-columns:1fr;width:100%;display:grid}.product-demo .demo-steps button{min-height:42px}.product-demo .demo-student-profile{flex-direction:column;padding:18px}.product-demo .demo-student-profile>.demo-actions{max-width:none}.product-demo .demo-calendar{grid-template-columns:1fr}.product-demo .demo-day{border-bottom:1px solid #e4e4e7;border-right:0;min-height:0;padding:12px}.product-demo .demo-day-heading{flex-direction:row;justify-content:flex-start;margin-bottom:10px}.product-demo .demo-day .demo-lesson-row{flex-direction:row;align-items:center;gap:8px;padding:12px}.product-demo .demo-day .demo-row-body strong{font-size:12px}.product-demo .demo-day .demo-row-body>span{font-size:10px}.product-demo .demo-balance-row{flex-wrap:wrap}.product-demo .demo-balance-row>strong{min-width:100px}}@media (width<=399px){.product-demo .demo-list{padding:0 12px}.product-demo .demo-lesson-row{flex-wrap:wrap;gap:8px}.product-demo .demo-time{width:35px}.product-demo .demo-status{padding:3px 5px;font-size:9px}.product-demo .demo-stat{padding:12px}.product-demo .demo-stat strong{font-size:18px}.product-demo .demo-form-grid{grid-template-columns:1fr;gap:0}.product-demo .demo-dialog{padding:20px}.product-demo .demo-lesson-money{grid-template-columns:1fr}}