.demo-root{min-height:100vh;color:var(--text);background:var(--bg)}.demo-root .demo-notice{color:#ffdda8;background:#382112;border-bottom:1px solid #a45b2b;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 15px;padding:12px 5%;font-size:12px;display:flex}.demo-root .demo-notice strong{letter-spacing:1px}.demo-root .demo-notice span{color:#ffdfbd}.demo-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:19px 5.5%;display:flex}.demo-logo{letter-spacing:2px;font:800 26px Barlow Condensed,Impact,sans-serif}.demo-logo span{color:var(--action)}.demo-header-links{align-items:center;gap:20px;font-size:13px;display:flex}.demo-root button,.demo-root select,.demo-root textarea,.demo-root input{font:inherit}.demo-root button{cursor:pointer}.demo-root button:disabled{opacity:.5;cursor:not-allowed}.demo-root .demo-action,.demo-root .demo-secondary,.demo-root .demo-outline{border:1px solid var(--action);border-radius:3px;padding:10px 15px;font-size:13px;font-weight:600}.demo-root .demo-action{background:var(--action);color:#190d06}.demo-root .demo-secondary,.demo-root .demo-outline{color:var(--action);background:0 0}.demo-root .demo-action.selected{color:#d5ffdd;background:#384f31;border-color:#7aba7f}.demo-root .demo-outline.selected{background:#492b22;border-color:#b07a5f}.demo-intro{max-width:1450px;margin:auto;padding:58px 6% 40px}.demo-kicker{color:var(--action);letter-spacing:2px;font-size:10px;font-weight:700;line-height:1.6;display:block}.demo-intro h1{margin:12px 0 14px;font-size:clamp(50px,6vw,86px);line-height:.95}.demo-intro em{color:var(--action)}.demo-intro p{max-width:720px;margin:0 0 28px}.demo-role-switch{flex-wrap:wrap;gap:10px;display:flex}.demo-role-switch button{color:#eee;background:#1a1c1d;border:1px solid #604630;border-radius:3px;padding:13px 20px;font-size:14px}.demo-role-switch button.selected{background:var(--action);border-color:var(--action);color:#180c05;font-weight:700}.demo-flash{color:#dff7e3;background:#1b3024;border:1px solid #46704f;max-width:1280px;margin:0 auto 18px;padding:15px 20px;font-size:13px}.demo-layout{grid-template-columns:235px minmax(0,1fr);gap:25px;max-width:1450px;margin:auto;padding:0 6% 85px;display:grid}.demo-sidebar{border:1px solid var(--line);background:#13191b;flex-direction:column;align-self:start;gap:7px;padding:18px;display:flex;position:sticky;top:20px}.demo-side-title{color:#9eaab0;letter-spacing:2px;margin:9px 8px 13px;font-size:10px;font-weight:700}.demo-sidebar>button{text-align:left;color:#c7d1d4;background:0 0;border:1px solid #0000;justify-content:space-between;gap:10px;width:100%;padding:13px 12px;font-size:13px;display:flex}.demo-sidebar>button.active{color:#ffb880;background:#281e18;border-color:#6d452a}.demo-sidebar>button span{color:var(--action)}.demo-sidebar label,.demo-inline-label{color:#c7cdd0;font-size:12px}.demo-sidebar select{width:100%;font-size:12px}.demo-side-tip{color:#9ca6a9;border:1px solid var(--line);margin-top:20px;padding:14px;font-size:11px;line-height:1.6}.demo-main{min-width:0}.demo-section-header{justify-content:space-between;align-items:center;gap:20px;margin:0 0 25px;display:flex}.demo-section-header h2{margin:8px 0 0;font-size:clamp(35px,4vw,54px)}.demo-pill{color:#f4ac74;letter-spacing:1px;white-space:nowrap;border:1px solid #654329;padding:8px 12px;font-size:10px}.demo-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:18px 0;display:grid}.demo-metrics>div{border:1px solid var(--line);background:#151b1d;flex-direction:column;gap:6px;padding:19px;display:flex}.demo-metrics strong{color:#fff;font:700 42px Barlow Condensed,Impact,sans-serif}.demo-metrics small{color:#abb7bd;font-size:12px}.demo-panel{background:#131719;border:1px solid #374044;min-width:0;margin-bottom:18px;padding:27px}.demo-panel h3{margin-bottom:15px;font-size:29px}.demo-panel p{font-size:13px;line-height:1.8}.demo-person-row{color:#fff;text-align:left;background:0 0;border:0;border-top:1px solid #343c3f;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:18px 3px;display:flex}.demo-person-row:hover{background:#1e272a}.demo-person-row>span:first-child,.demo-task-row>span:first-child{flex-direction:column;flex:1;gap:8px;display:flex}.demo-person-row small,.demo-task-row small{color:#9fadb1;font-size:11px}.demo-row-progress{text-align:right;flex-direction:column;gap:8px;width:125px;display:flex}.demo-arrow{color:var(--action)}.demo-progress{background:#2e3435;border-radius:20px;height:8px;margin:9px 0 4px;display:block;overflow:hidden}.demo-progress i{background:var(--action);border-radius:20px;height:100%;display:block}.demo-task-row{border-top:1px solid #343c3f;justify-content:space-between;align-items:center;gap:14px;padding:17px 0;display:flex}.demo-tag{letter-spacing:.5px;color:#c6cfcb;white-space:nowrap;background:#333432;padding:8px 10px;font-size:10px}.demo-tag.positive{color:#a6e7b7;background:#213627}.demo-tag.negative{color:#ffd1aa;background:#4a2a1d}.demo-inline-label{max-width:400px;margin:0 0 18px;display:block}.demo-edit-grid{grid-template-columns:minmax(0,1fr) 155px 145px;align-items:end;gap:12px;margin:18px 0;display:grid}.demo-root label{color:#bec9cd;margin:12px 0;font-size:12px;display:block}.demo-root input,.demo-root select,.demo-root textarea{border-color:#526067;margin-top:8px;padding:11px;font-size:13px}.demo-price-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px;display:grid}.demo-plan{background:#19191a;border:1px solid #4b3930;flex-direction:column;gap:10px;padding:22px;display:flex}.demo-plan>span{color:var(--action);letter-spacing:1.3px;font-size:10px}.demo-plan h3{font-size:34px}.demo-plan>strong{color:#fff;font-size:28px}.demo-plan p{margin:0;font-size:13px}.demo-plan small{color:#9fa7ab;font-size:11px}.demo-student-intro{margin-top:-6px}.demo-student-task{border-top:1px solid #3a4448;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.demo-student-task>div:first-child{flex-direction:column;gap:8px;display:flex}.demo-student-task strong{font-size:17px}.demo-student-task small{color:#b3bdc0;font-size:12px}.demo-task-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.demo-task-actions button{white-space:nowrap;padding:9px 10px;font-size:11px}.demo-footnote{color:#98a9af;margin-top:24px;font-size:11px!important}.demo-meals{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.demo-meals>div{border:1px solid var(--line);background:#1b2224;padding:15px}.demo-meals span{color:var(--action);margin-bottom:12px;font-size:10px;display:block}.demo-meals strong{font-size:14px}.demo-meals p{font-size:12px}.demo-photo{background:#1c1a19;border:1px dashed #7d593f;margin:22px 0;padding:17px}.demo-photo strong,.demo-feedback strong{margin-bottom:8px;display:block}.demo-photo small{color:#ffbb83;margin-top:7px;display:block}.demo-feedback{border-left:3px solid var(--action);background:#1b2224;margin-top:20px;padding:12px 16px}.demo-footer{border-top:1px solid var(--line);color:#96a7ad;letter-spacing:1px;justify-content:space-between;gap:20px;padding:26px 6%;font-size:11px;display:flex}@media (max-width:1020px){.demo-layout{grid-template-columns:200px minmax(0,1fr)}.demo-price-grid,.demo-meals{grid-template-columns:1fr}.demo-edit-grid{grid-template-columns:1fr 1fr}}@media (max-width:680px){.demo-header{flex-wrap:wrap}.demo-header-links{flex-wrap:wrap;gap:12px}.demo-intro{padding:37px 6% 25px}.demo-layout{display:block}.demo-sidebar{margin-bottom:22px;position:static}.demo-section-header{flex-direction:column;align-items:flex-start}.demo-panel{padding:17px}.demo-metrics{gap:7px}.demo-metrics>div{padding:12px}.demo-metrics strong{font-size:30px}.demo-metrics small{font-size:10px}.demo-student-task,.demo-person-row{flex-direction:column;align-items:flex-start}.demo-task-actions{justify-content:flex-start}.demo-edit-grid{grid-template-columns:1fr}.demo-row-progress{text-align:left;width:100%}.demo-task-row{flex-direction:column;align-items:flex-start}.demo-footer{flex-wrap:wrap}}.demo-new-editor{background:#211c1a;border:1px solid #69452b;margin:20px 0 0;padding:18px}.demo-new-editor>label{margin:0 0 16px}.demo-new-editor .demo-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-new-editor textarea{width:100%}.demo-media-preview{max-width:360px;margin-top:15px}.demo-media-preview img,.demo-media-preview video{object-fit:contain;background:#000;border:1px solid #605147;width:100%;max-height:250px}.demo-upload{border:1px dashed #7d593f;margin:15px 0;padding:12px}.demo-upload p{color:#fcb988;font-size:12px}.demo-new-editor .demo-action{margin-top:10px}@media (max-width:690px){.demo-new-editor{padding:13px}.demo-new-editor .demo-edit-grid{grid-template-columns:1fr}}