:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17283a;background:#f4f7fb;line-height:1.5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#0f2f49;color:#fff;padding:24px 18px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brand strong,.brand small{display:block}.brand small{opacity:.68}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#52c3b6;color:#09263c;font-weight:900;font-size:22px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{color:#dce7ef;text-decoration:none;padding:10px 12px;border-radius:10px}.sidebar nav a.active,.sidebar nav a:hover{background:#184668;color:#fff}.sidebar-footer{margin-top:auto;display:grid;gap:10px}.content{min-width:0}.page{padding:34px;max-width:1380px;margin:auto}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:28px}.page h1{font-size:34px;margin:4px 0}.page p{color:#5a6c7b}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:#318b82}.hero-panel{padding:38px;border-radius:24px;background:linear-gradient(130deg,#12395a,#1e5f78);color:#fff;margin-bottom:25px;box-shadow:0 16px 45px #0f2f4929}.hero-panel h2{font-size:30px;max-width:720px;margin:8px 0}.hero-panel p{color:#d9edf2;max-width:800px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card,.empty-state,.auth-card{background:#fff;border:1px solid #e4eaf0;border-radius:18px;box-shadow:0 8px 28px #142c440f}.card{padding:22px}.card h3{margin-top:0}.card span{font-size:12px;color:#318b82;font-weight:700}.status{border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.status.ok{background:#dff7f0;color:#176457}.status.warn{background:#fff0d5;color:#8a5b00}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,#d8f3ef,transparent 35%),#f4f7fb}.auth-card{width:min(440px,100%);padding:32px}.auth-brand{margin-bottom:28px}.auth-card h1{font-size:32px;margin-bottom:4px}.auth-card form{display:grid;gap:18px;margin-top:22px}.auth-card label{display:grid;gap:7px;font-weight:700}.auth-card input{padding:12px 14px;border:1px solid #cdd8e1;border-radius:10px}.button{border:0;border-radius:10px;padding:11px 15px;text-decoration:none;cursor:pointer}.button.primary{background:#176f73;color:#fff;font-weight:800}.button.ghost{background:#ffffff12;color:#fff}.button:disabled{opacity:.6}.alert{padding:11px;border-radius:10px}.alert.error{background:#fee8e8;color:#8a1f1f}.empty-state{padding:34px;text-align:center}.center-screen{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-footer{margin-top:0}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.page{padding:22px 16px}.page-header{display:block}.card-grid{grid-template-columns:1fr}.sidebar nav{grid-template-columns:1fr}.hero-panel{padding:26px}.hero-panel h2{font-size:25px}}.section-title{margin-top:34px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.button.link{display:inline-block;background:#e6f4f2;color:#176457;font-weight:800}.segmented{display:flex;gap:8px;margin:14px 0}.segmented button{border:1px solid #cdd8e1;background:#fff;border-radius:9px;padding:9px;cursor:pointer}.segmented button.active{background:#176f73;color:#fff}.card textarea{width:100%;min-height:130px;margin:14px 0;padding:12px;border:1px solid #cdd8e1;border-radius:10px}.answer-panel{white-space:pre-wrap;background:#f5f8fb;border-radius:12px;padding:18px;min-height:180px}.list-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #edf1f4}.list-row p{margin:4px 0}@media (max-width:760px){.two-column{grid-template-columns:1fr}}.button.secondary{background:#e9f1f6;color:#17445f;font-weight:800}.button.success{background:#237a57;color:#fff;font-weight:800;margin-top:14px}.success-alert{background:#e1f7ec;color:#176143}.success-note{color:#176143;font-weight:700}.live-layout{display:grid;grid-template-columns:320px 1fr;gap:18px}.session-row,.list-button{width:100%;text-align:left;border:1px solid #e3e9ef;background:#fff;border-radius:12px;padding:12px;margin-bottom:9px;display:grid;gap:3px;cursor:pointer}.session-row.active,.session-row:hover,.list-button:hover{border-color:#52a99e;background:#f0faf8}.session-row span,.session-row small,.list-button span{color:#637787}.live-stage{min-height:560px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.video-grid video{width:100%;aspect-ratio:16/9;background:#0c1720;border-radius:14px;object-fit:cover}.video-grid small{display:block;margin-top:5px}.toolbar{display:flex;gap:10px;margin:16px 0}.toolbar.wrap{flex-wrap:wrap}.member-list{display:flex;flex-wrap:wrap;gap:8px}.member-list button{border:1px solid #dce5eb;background:#fff;border-radius:10px;padding:8px 10px;display:grid;text-align:left}.member-list span{font-size:11px;color:#637787}.technical-note{font-size:12px}.one-column{grid-template-columns:1fr}.lab-console pre{background:#132735;color:#d8f4ef;border-radius:12px;padding:14px;overflow:auto}.form-row{display:grid;grid-template-columns:1.3fr .8fr .7fr auto;gap:8px}.form-row input{min-width:0;padding:10px;border:1px solid #cdd8e1;border-radius:9px}.lab-console textarea{width:100%;min-height:120px;padding:12px;border:1px solid #cdd8e1;border-radius:10px;margin-bottom:10px}@media (max-width:960px){.live-layout,.video-grid{grid-template-columns:1fr}}@media (max-width:650px){.form-row{grid-template-columns:1fr 1fr}.video-grid{grid-template-columns:1fr}}.exam-question{display:grid;gap:.65rem;padding:1rem 0;border-bottom:1px solid var(--border,#dfe6ee)}.exam-question small{opacity:.7}.exam-question label{display:block;padding:.25rem 0}.exam-question textarea{min-height:120px;width:100%}.json-block{white-space:pre-wrap;overflow:auto;background:#0b1220;color:#dbeafe;padding:1rem;border-radius:.75rem;font-size:.82rem}.inline-form{display:flex;gap:.5rem;align-items:center}.inline-form input{flex:1}.metric{font-size:1.5rem}.alert.error{padding:.75rem 1rem;border:1px solid #ef4444;border-radius:.6rem;margin:.75rem 0}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:900px){.two-column{grid-template-columns:1fr}}.classroom{border:1px solid rgba(15,60,60,.14);border-radius:14px;padding:18px;margin-bottom:18px;background:linear-gradient(180deg,#f6fbfa,#eef5f4)}.classroom-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.classroom .badge{font-size:.72rem;padding:4px 10px;border-radius:999px;background:#0f5c58;color:#fff;letter-spacing:.04em}.classroom .badge.mode-human{background:#8a4b12}.classroom .badge.mode-hybrid{background:#4b3a8f}.board{min-height:120px;border-radius:10px;background:#12312f;color:#dff3ef;display:flex;align-items:center;justify-content:center;padding:16px;box-shadow:inset 0 0 0 6px #ffffff0f}.board-label{opacity:.55;letter-spacing:.16em;font-size:.8rem}.board-media{text-align:center}.board-media strong{display:block;font-size:1.05rem}.board-media small{opacity:.6;letter-spacing:.1em;font-size:.7rem}.presenter-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;padding-top:14px}.presenter-row.with-desk{border-top:10px solid #b98a55;border-radius:0 0 8px 8px}.presenter{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px;border-radius:12px;border:1px solid rgba(15,60,60,.16);background:#fff;cursor:pointer;min-width:150px}.presenter:hover{border-color:#0f5c58}.presenter.speaking{border-color:#0f5c58;box-shadow:0 0 0 3px #0f5c582e}.presenter-figure{font-size:1.7rem;line-height:1}.presenter strong{font-size:.9rem}.presenter small{font-size:.7rem;opacity:.6}.presenter em{font-size:.7rem;color:#0f5c58;font-style:normal;letter-spacing:.08em}.presenter.seat-desk_left{align-self:flex-start}.presenter.seat-desk_right{align-self:flex-end}.presenter.seat-podium{border-bottom:4px solid #b98a55}.scene-studio .board{min-height:170px}.scene-lecture_hall .board{min-height:150px}.scene-round_table .presenter-row{justify-content:center}.price-table{width:100%;border-collapse:collapse;margin-bottom:18px}.price-table th,.price-table td{text-align:left;padding:6px 8px;border-bottom:1px solid rgba(15,60,60,.1);font-size:.86rem}.price-table th{font-size:.72rem;letter-spacing:.08em;opacity:.6;text-transform:uppercase}.shipping-block{border-left:3px solid #0f5c58;padding-left:12px;margin:14px 0}.shipping-block h4{margin:0 0 4px}.order-row{display:flex;flex-direction:column;padding:8px 0;border-bottom:1px solid rgba(15,60,60,.1)}.order-row strong{font-size:.92rem}.order-row span{font-size:.8rem;opacity:.75}.order-row small{font-size:.72rem;opacity:.55}.audit-list{margin-top:12px;border-top:1px solid rgba(15,60,60,.12);padding-top:10px}.audit-list div{display:flex;flex-direction:column;padding:5px 0}.audit-list strong{font-size:.82rem}.audit-list small{font-size:.7rem;opacity:.55}.audit-list em{font-size:.76rem;font-style:normal;opacity:.75}.hand-queue{margin:14px 0;padding:12px;border-radius:10px;background:#0f5c580f}.hand-queue h4{margin:0 0 8px}.hand-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(15,60,60,.08)}.hand-row strong{display:block;font-size:.86rem}.hand-row small{display:block;font-size:.74rem;opacity:.65}.hand-row.status-speaking{background:#0f5c581a;border-radius:6px;padding:6px 8px}.hand-actions{display:flex;gap:6px}.hand-actions .button{padding:4px 10px;font-size:.76rem}.podium{margin-top:14px;padding:12px 16px;border-radius:10px;border:2px dashed #0f5c58;background:#fff;display:flex;flex-direction:column;align-items:center;gap:2px}.podium strong{font-size:.94rem}.podium small{font-size:.74rem;opacity:.6}.podium em{font-size:.78rem;font-style:normal;opacity:.8;margin-top:4px}.progress-bar{height:8px;border-radius:99px;background:#0f3c3c1f;overflow:hidden;margin:8px 0}.progress-bar span{display:block;height:100%;background:#0f5c58;transition:width .3s}.plan-course{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;border-radius:8px;margin-bottom:6px;border:1px solid rgba(15,60,60,.12)}.plan-course strong{display:block;font-size:.9rem}.plan-course small{display:block;font-size:.74rem;opacity:.6}.plan-course.status-locked{opacity:.55}.plan-course.status-passed{border-color:#0f5c58;background:#0f5c580f}.plan-course .lock,.plan-course .done{font-size:.74rem;opacity:.6;letter-spacing:.06em}.tab-row{display:flex;gap:8px;margin-bottom:16px}.slot-row{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.slot-row select,.slot-row input{margin:0}.checkbox{display:flex;align-items:center;gap:8px;font-size:.86rem}.checkbox input{width:auto;margin:0}.json-block{background:#12312f;color:#dff3ef;padding:12px;border-radius:8px;font-size:.74rem;overflow:auto;max-height:340px;white-space:pre-wrap;word-break:break-word}.member-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.member-list button{display:flex;flex-direction:column;align-items:flex-start;padding:8px 12px;border-radius:8px;border:1px solid rgba(15,60,60,.14);background:#fff;cursor:pointer}.member-list button strong{font-size:.84rem}.member-list button span{font-size:.72rem;opacity:.6}.sidebar{height:100dvh;overflow:hidden;gap:18px;padding:20px 14px}.sidebar nav{display:block;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;margin-right:-4px}.sidebar nav::-webkit-scrollbar{width:8px}.sidebar nav::-webkit-scrollbar-track{background:transparent}.sidebar nav::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:99px}.sidebar nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar nav{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}.sidebar-footer{margin-top:0;flex:0 0 auto;padding-top:14px;border-top:1px solid #ffffff1f}img.brand-mark{background:none;border-radius:0;width:40px;height:40px;object-fit:contain;display:block}.brand{gap:10px}.brand strong{font-size:15px;letter-spacing:.01em}.brand small{font-size:11px;opacity:.62}.nav-group{margin-top:2px}.nav-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;border:0;cursor:pointer;color:#9fb8cc;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;padding:12px 12px 7px;border-radius:9px;text-align:left}.nav-group-toggle:hover{color:#e8f1f7}.nav-group-toggle:focus-visible{outline:2px solid #52c3b6;outline-offset:2px}.nav-chevron{font-size:15px;line-height:1;opacity:.75;font-weight:700}.nav-group-items{display:grid;gap:3px;padding-bottom:4px}.nav-group-items[hidden]{display:none}.sidebar nav a.nav-link{display:block;color:#dce7ef;text-decoration:none;padding:9px 12px;border-radius:9px;font-size:14px;line-height:1.35}.sidebar nav .nav-group-items a.nav-link{padding-left:20px}.sidebar nav a.nav-link:hover{background:#184668;color:#fff}.sidebar nav a.nav-link.active{background:#1d5379;color:#fff;font-weight:700;box-shadow:inset 3px 0 #52c3b6}.sidebar nav a.nav-link:focus-visible{outline:2px solid #52c3b6;outline-offset:-2px}.card p{color:#4a5c6b}@media (max-width: 900px){.sidebar{position:relative;height:auto;overflow:visible}.sidebar nav{overflow-y:visible;max-height:none}.sidebar nav .nav-group-items{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-footer{border-top:0}}@media (max-width: 560px){.sidebar nav .nav-group-items{grid-template-columns:1fr}}.auth-brand{margin-bottom:24px;text-align:center}.auth-logo{width:210px;max-width:100%;height:auto;display:inline-block}.auth-card .button.ghost{background:transparent;color:#176457;font-weight:700;text-decoration:underline}.auth-card .button.ghost:hover{background:#eef6f5}.notice{padding:11px 13px;border-radius:10px;background:#e6f2fb;color:#14486e;font-size:14px}.form-hint{color:#5a6c7b;font-size:13px;line-height:1.4;display:block}.auth-card .button.link{text-align:center}a.card-link{display:block;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s,box-shadow .15s}a.card-link:hover{border-color:#52a99e;transform:translateY(-2px);box-shadow:0 12px 32px #142c441a}a.card-link:focus-visible{outline:2px solid #176f73;outline-offset:2px}a.card-link h3{margin-top:0}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}.filter-search{flex:1 1 280px;min-width:0;padding:11px 14px;border:1px solid #cdd8e1;border-radius:10px}.filter-bar select{padding:11px 12px;border:1px solid #cdd8e1;border-radius:10px;background:#fff;cursor:pointer}.filter-search:focus-visible,.filter-bar select:focus-visible{outline:2px solid #176f73;outline-offset:1px}.filter-reset{color:#176457;background:#eef6f5;font-weight:700}.filter-count{color:#5a6c7b;font-size:14px;margin:0 0 14px}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tag{font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 9px;border-radius:999px;background:#eef2f6;color:#46596b}.tag-domain{background:#e2f3f0;color:#176457}.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin:26px 0 10px}.pager span{color:#5a6c7b;font-size:14px}@media (max-width: 560px){.filter-bar{flex-direction:column;align-items:stretch}.filter-bar select,.filter-search{width:100%}}