:root{font-family:Segoe UI,Tahoma,sans-serif;color:#dbe9ef;background:#273944}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#273944}.page{padding:1rem}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.6fr 1fr}.brand-pane{background:linear-gradient(180deg,#3a5962,#304c56);color:#e2ecef;padding:4rem;display:flex;flex-direction:column;justify-content:center}.brand-mark{width:fit-content;border:1px solid #d3b08b;color:#d3b08b;padding:.5rem .8rem;border-radius:8px;margin-bottom:1rem;font-weight:600}.brand-title{font-size:3rem;margin:0;color:#edf2f4}.brand-subtitle{font-size:1.1rem;line-height:1.6;max-width:560px;color:#d3e2e8}.brand-chips{display:flex;gap:.75rem;margin-top:1.2rem}.brand-chips span{border:1px solid rgba(211,176,139,.4);border-radius:10px;padding:.5rem .9rem;background:#ffffff0f}.auth-pane{background:#ebedf0;color:#2a3238;display:flex;flex-direction:column;justify-content:center;padding:3rem}.auth-pane h2{margin-top:0}.login-form{display:grid;gap:.9rem;max-width:360px}.login-form input{border:2px solid #d3b08b;background:#dce3ea;border-radius:8px;padding:.8rem;font-size:.95rem}.login-form button{border:0;border-radius:8px;padding:.8rem;background:#d3b08be6;color:#24343d;font-weight:600;cursor:pointer}.topbar{display:flex;flex-direction:column;gap:0;margin-bottom:1rem;background:#16242ca6;border:1px solid rgba(74,96,112,.45);border-radius:14px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.65rem 1rem;border-bottom:1px solid rgba(182,196,207,.12)}.topbar-title{margin:0;font-size:1.15rem;font-weight:650;letter-spacing:-.02em;color:#f2f5f7}.topbar-meta-right{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;justify-content:flex-end}.pill-compact{padding:.2rem .55rem;font-size:.78rem}.pill-email{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-logout{border:1px solid rgba(211,176,139,.45);background:#ffffff0f;color:#e8d4bc;padding:.28rem .75rem;border-radius:999px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.topbar-logout:hover{background:#d3b08b2e;border-color:#d3b08bb3;color:#fff8f0}.nav-tabs{display:flex;flex-wrap:nowrap;align-items:stretch;gap:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:0 .35rem;scrollbar-width:thin;scrollbar-color:rgba(211,176,139,.35) transparent}.nav-tabs::-webkit-scrollbar{height:5px}.nav-tabs::-webkit-scrollbar-thumb{background:#d3b08b59;border-radius:5px}.nav-tab{flex:0 0 auto;position:relative;border:none;background:transparent;color:#9eb4c2;padding:.65rem .9rem;margin:0;cursor:pointer;font-size:.8rem;font-weight:550;letter-spacing:.01em;white-space:nowrap;transition:color .18s ease,background .18s ease;border-radius:10px 10px 0 0}.nav-tab:hover{color:#dce8ef;background:#ffffff0a}.nav-tab.active-nav{color:#f5ebe0;background:linear-gradient(180deg,#4a8a9038,#d3b08b14)}.nav-tab.active-nav:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#4a8a90,#d3b08b,#7bc4c9);box-shadow:0 -1px 12px #7bc4c959}.nav-btn{border:1px solid rgba(211,176,139,.55);background:linear-gradient(90deg,#4e84898c,#d3b08b59);color:#f2f4f6;padding:.45rem .7rem;border-radius:10px;cursor:pointer;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.nav-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 4px 10px #233a3f4d}.nav-btn.active-nav{background:linear-gradient(90deg,#43777de6,#d3b08bd9);box-shadow:0 0 0 1px #d3b08bd9,0 6px 12px #0c191d59}.next-btn.active-nav{background:#d3b08b47;box-shadow:0 0 0 1px #d3b08ba6}h1{margin:0;color:#f2f5f7;text-shadow:none}.pill{border:1px solid #b8c8d5;border-radius:999px;padding:.25rem .8rem;color:#eaf2f7;background:#ffffff14}.grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:1rem}.panel{border:1px solid #4a6070;border-radius:14px;padding:1rem;background:#223542f2;box-shadow:0 8px 20px #0a141c40}.wide{min-height:520px}.levels,.options{display:grid;gap:.65rem}.persona-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.65rem}.persona-btn{border:1px solid rgba(211,176,139,.85);background:#d3b08b73;color:#f5f1e8;padding:.65rem;border-radius:10px;cursor:pointer}.active-persona{background:#d3b08bd1;color:#21323b;box-shadow:0 0 0 1px #f0dec2e6}.level-btn,.option-btn,.next-btn{border:1px solid #b6c4cf;background:#d1dce51a;color:#e6edf2;padding:.65rem;border-radius:10px;cursor:pointer}.level-btn.active{background:#d3b08b40;box-shadow:0 0 0 1px #d3b08bb3}.disabled-level{opacity:.45;cursor:not-allowed}.level-lock-note{color:#f2cf96;font-size:.9rem}.level-select-wrap{display:flex;flex-direction:column;gap:.35rem;margin:.5rem 0 .75rem}.level-select-label{font-weight:600}.level-select{min-width:min(100%,280px);max-width:100%;padding:.55rem .65rem;cursor:pointer}.option-btn.selected{background:#d3b08b40;box-shadow:0 0 0 1px #d3b08bb3}.topic{color:#c0d0db}.info-box{margin-top:.8rem;border-left:4px solid #d3b08b;padding-left:.75rem;color:#d5e1e8}.story-card{border:1px solid rgba(211,176,139,.5);border-radius:10px;background:linear-gradient(90deg,#487b8140,#d3b08b2b);padding:.7rem .8rem;margin-bottom:.8rem}.feedback{color:#82dda0}.feedback.penalty{color:#ff8f8f}.feedback.success{color:#74ff9d}.clue{color:#f6d092}.error{color:#e36e6e}.option-btn:disabled{opacity:.6;cursor:not-allowed}.leaderboard{padding-left:1rem}.leaderboard li{display:flex;justify-content:space-between;margin:.5rem 0}.improvement{color:#f5d090;margin:.35rem 0}.problem-solving-wrap{display:grid;gap:1rem}.problem-solving-table-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.problem-solving-table-heading h2{margin-top:0}.problem-solving-next-top{flex-shrink:0;align-self:flex-start;white-space:nowrap}.algo-table{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr 1.2fr;gap:.5rem;margin-top:.8rem}.algo-table>div{background:#ffffff0a;border:1px solid rgba(182,196,207,.28);border-radius:8px;padding:.55rem;font-size:.9rem}.algo-head{background:#d3b08b38!important;font-weight:600}.scenario-panel h3{margin-top:0}.drag-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.8rem}.drop-zone{min-height:130px;border:1px dashed #b6c4cf;border-radius:10px;padding:.8rem;background:#ffffff08}.solution-zone{border-color:#d3b08b}.drop-zone h4{margin-top:0}.drag-chip{border:1px solid #b6c4cf;border-radius:8px;padding:.45rem .6rem;margin:.35rem 0;background:#d1dce51a;cursor:grab}.selected-chip{border-color:#d3b08b;background:#d3b08b33}.scenario-actions{display:flex;gap:.65rem;margin-top:.7rem}.coding-wrap,.quiz-wrap{display:grid;gap:1rem}.virtual-panel-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:1rem}.virtual-left{display:grid;gap:.8rem;align-content:start}.camera-box{border:1px solid rgba(182,196,207,.3);border-radius:10px;padding:.7rem;background:#ffffff08}.camera-box h4{margin-top:0}.camera-preview{width:100%;max-height:220px;background:#0f1a22;border-radius:8px;border:1px solid #3b4f5c}.download-btn{text-decoration:none;display:inline-block}.camera-with-agent{position:relative;border-radius:8px;overflow:hidden;border:1px solid #3b4f5c}.camera-with-agent .camera-preview{display:block;border:none;border-radius:0;max-height:260px}.agent-question-strip{position:absolute;left:0;right:0;bottom:0;padding:.5rem .65rem .65rem;background:linear-gradient(180deg,transparent,rgba(10,18,26,.92) 35%)}.agent-question-label{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:#d3b08b;margin-bottom:.2rem}.agent-question-text{margin:0;font-size:.92rem;line-height:1.35;color:#e8f1f6}.a2a-inline{font-size:.85rem;word-break:break-all}.dashboard-recording-cell{display:flex;flex-direction:column;gap:.35rem;min-width:200px}.dashboard-session-video{width:100%;max-width:320px;max-height:180px;border-radius:8px;background:#0f1a22;border:1px solid #3b4f5c}.voice-bot-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#070e158f;display:grid;place-items:center;z-index:40}.voice-bot-card{width:min(620px,92vw);background:#223542fa;border:1px solid #4a6070;border-radius:14px;padding:1rem}.bot-avatar{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,#d3b08b,#4a8a90 65%,#2a3a45);box-shadow:0 0 0 4px #d3b08b33;animation:botPulse 1.8s infinite ease-in-out}@keyframes botPulse{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:.9}}.logical-reasoning-wrap{display:grid;gap:1rem}.logical-reasoning-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}@media (max-width: 960px){.logical-reasoning-grid{grid-template-columns:1fr}}.logical-prompt{line-height:1.45;color:#d4e4eb}.logical-textarea{min-height:200px;font-family:inherit}.logical-code{width:100%;min-height:240px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;background:#0c161ef2;color:#e6edf2;border:1px solid #3b4f5c;border-radius:8px;padding:.65rem;resize:vertical}.logical-details{max-width:420px}.logical-summary{cursor:pointer;color:#d3b08b}.logical-detail-body{margin-top:.5rem;text-align:left}.logical-detail-heading{margin:.5rem 0 .25rem;font-size:.85rem;color:#b6c4cf}.logical-answer-pre{margin:0 0 .75rem;padding:.5rem;background:#0a121ae6;border:1px solid #3b4f5c;border-radius:6px;font-size:.78rem;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto}.logical-dashboard-table td{vertical-align:top}.mindmap-wrap{display:grid;gap:1rem}.mindmap-input{width:100%;min-height:150px;border:1px solid #b6c4cf;border-radius:10px;background:#d1dce51a;color:#e6edf2;padding:.75rem;font-family:inherit}.mindmap-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:.7rem}.mindmap-image-wrap{overflow:auto;border:1px solid rgba(182,196,207,.35);border-radius:10px;background:#fff;padding:.7rem}.mindmap-image{max-width:100%;height:auto;display:block}.mindmap-code{margin-top:.6rem;white-space:pre-wrap;font-family:Courier New,Courier,monospace;color:#d5e1e8}.mindmap-bullets{margin-top:.8rem}.mindmap-bullets h4{margin-bottom:.45rem}.mindmap-bullets ul{margin:0;padding-left:1rem}.mindmap-missing-input{width:100%;border:1px solid #b6c4cf;border-radius:8px;background:#d1dce514;color:#e6edf2;padding:.45rem .55rem}.dashboard-wrap{display:grid;gap:1rem}.dashboard-table-wrap{overflow:auto}.dashboard-table{width:100%;border-collapse:collapse;min-width:980px}.dashboard-table th,.dashboard-table td{border:1px solid rgba(182,196,207,.28);padding:.55rem .6rem;text-align:left;font-size:.9rem}.dashboard-table th{background:#d3b08b33}.dashboard-kpis{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:.8rem;margin:.6rem 0 1rem}.kpi-card{border:1px solid rgba(182,196,207,.3);border-radius:10px;padding:.7rem;background:#ffffff08}.kpi-card p{margin:0;color:#c0d0db}.kpi-card h4{margin:.25rem 0 0;font-size:1.5rem;color:#f3f6f8}.dashboard-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.visual-card{border:1px solid rgba(182,196,207,.3);border-radius:10px;padding:.8rem;background:#ffffff08}.visual-card h4{margin-top:0}.bar-row{display:grid;grid-template-columns:130px 1fr 52px;gap:.5rem;align-items:center;margin:.45rem 0;font-size:.88rem}.bar-track{background:#ffffff14;border-radius:999px;overflow:hidden;height:10px}.bar-fill{height:100%;background:linear-gradient(90deg,#52d7f9,#7deec4)}.bar-fill.alt{background:linear-gradient(90deg,#d3b08b,#f5d090)}.report-select{border:1px solid #b6c4cf;background:#d1dce514;color:#e6edf2;border-radius:8px;padding:.45rem .55rem}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:.8rem;margin-top:.7rem}.report-card{border:1px solid rgba(182,196,207,.28);border-radius:10px;background:#ffffff08;padding:.75rem}.report-card h4{margin-top:0}.report-card ul{margin:0;padding-left:1rem}.coding-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:1rem;align-items:start}.coding-instructions{margin:.4rem 0 0}.coding-left .console-box{margin-top:1rem;border:1px solid rgba(182,196,207,.35);border-radius:8px;background:#0000002e;padding:.75rem}.console-box h4{margin:0 0 .5rem}.console-box pre{margin:0;white-space:pre-wrap;color:#d5e1e8;font-family:Courier New,Courier,monospace}.ide-shell{border:1px solid #4b5e6b;border-radius:10px;overflow:hidden;background:#101821}.ide-titlebar{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border-bottom:1px solid #31414d;background:#1a2630}.dot{width:11px;height:11px;border-radius:50%;display:inline-block}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.file-label{margin-left:.4rem;color:#d9e4ec;font-size:.9rem}.ide-editor{display:grid;grid-template-columns:48px 1fr;min-height:460px}.line-gutter{background:#0d141c;border-right:1px solid #253543;color:#6f8a9d;padding-top:.6rem;text-align:right;font-family:Courier New,Courier,monospace;font-size:.83rem}.line-gutter div{padding:0 .5rem;line-height:1.45rem}.code-textarea{border:0;resize:vertical;width:100%;min-height:460px;padding:.6rem .8rem;background:#111b24;color:#dde8ef;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.45rem}.code-textarea:focus{outline:none}@media (max-width: 960px){.login-shell{grid-template-columns:1fr}.brand-pane,.auth-pane{padding:2rem 1.2rem}.grid,.algo-table,.drag-grid,.coding-grid,.dashboard-kpis,.dashboard-visual-grid,.report-grid,.mindmap-select-grid,.virtual-panel-wrap{grid-template-columns:1fr}}