.main-wrap{flex:1;padding:0 1rem 2.5rem;max-width:1100px;margin:0 auto;width:100%}.shell-header{background:linear-gradient(105deg,#0b5ed7,#084298 45%,#052c65);color:#fff;box-shadow:var(--shadow)}.shell-inner{max-width:1100px;margin:0 auto;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.shell-brand{font-weight:700;font-size:1.15rem;margin:0}.shell-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.shell-link{color:#e7f1ff;padding:.35rem .85rem;border-radius:8px;text-decoration:none;border:1px solid rgb(255 255 255 / .25)}.shell-link:hover{background:#ffffff1a}.shell-btn{background:#ffffff26;border:1px solid rgb(255 255 255 / .35);color:#fff;padding:.35rem .85rem;border-radius:8px;font-weight:600}.shell-btn.primary{background:#ffc107;color:#052c65;border-color:#ffc107}.card{background:var(--color-surface);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--color-border)}.grid-cta{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1.5rem}.btn{padding:.65rem 1.35rem;border-radius:10px;border:none;font-weight:600;font-size:1rem}.btn-blue{background:var(--color-primary);color:#fff}.btn-blue:hover{background:var(--color-primary-dark)}.btn-muted{background:#94a3b8;color:#fff}.btn-muted:hover{background:#64748b}.form-stack label{display:block;margin-bottom:.35rem;color:var(--color-muted);font-weight:600}.form-stack input,.form-stack select{width:100%;padding:.6rem .85rem;border-radius:8px;border:1px solid var(--color-border);font-family:inherit}.form-stack .field{margin-bottom:1rem}.error-msg{color:#b02a37;background:#f8d7da;padding:.5rem .85rem;border-radius:8px;margin-top:.5rem}.info-box{background:var(--color-primary-soft);border:1px solid #9ec5fe;border-radius:8px;padding:.75rem 1rem;margin-top:1rem;font-size:.92rem;color:var(--color-muted)}.chat-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.chat-history{min-height:320px;max-height:52vh;overflow-y:auto;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius);background:linear-gradient(to bottom,#fff,#f8fafc);margin-bottom:1rem}.msg{padding:.75rem 1rem;margin-bottom:.65rem;border-radius:12px;font-size:var(--msg-font-size)}.msg.student{background:var(--color-student-msg);margin-right:0;margin-left:15%}.msg.ai{background:var(--color-ai-msg);border:1px solid var(--color-border);margin-right:15%}.msg-meta{font-size:.8rem;color:var(--color-muted);margin-bottom:.35rem}.transcript-extra{margin-top:.85rem;padding-top:.75rem;border-top:1px dashed var(--color-border);font-size:calc(var(--msg-font-size) - .06rem)}.transcript-row label{display:block;font-size:.82rem;color:var(--color-primary-dark);font-weight:700;margin-bottom:.25rem}.transcript-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem}.transcript-actions button{font-size:.82rem;padding:.25rem .65rem;border-radius:6px;border:1px solid var(--color-border);background:#fff}.controls-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.recording-indicator{display:inline-flex;align-items:center;gap:.5rem}.badge{font-size:.75rem;padding:.15rem .55rem;border-radius:999px;font-weight:700}.badge.dialect{background:#fff3cd;color:#856404}.badge.foreign{background:#e2e3e5;color:#383d41}.font-slide{min-width:160px;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.empty-chat{text-align:center;color:var(--color-muted);padding:2rem}.metrics-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem;font-size:.8rem}.metric-pill{background:var(--color-primary-soft);color:var(--color-primary-dark);padding:.35rem .65rem;border-radius:999px;line-height:1.35;border:1px solid rgb(13 110 253 / .12)}.metric-pill-accent{background:#fff3cdd9;border-color:#d6ad6059}.student-feedback-hint{margin-top:.65rem;padding:.5rem .65rem;border-radius:8px;background:#e7f1ff;border:1px solid rgb(13 110 253 / .15);color:var(--color-primary-dark);font-size:.9em}@media (max-width: 720px){.msg.student{margin-left:5%}.msg.ai{margin-right:5%}}.dash-page.dash-page{max-width:100%}.dash-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.dash-section-title{margin:0 0 .85rem;font-size:1.08rem;color:var(--color-primary-dark)}.metric-tiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem}.metric-tile{padding:.95rem;border-radius:var(--radius);border:1px solid var(--color-border);background:linear-gradient(to bottom left,#fff,#f0f7ff);text-align:center}.metric-tile-value{font-weight:800;font-size:1.35rem;color:var(--color-primary-dark)}.metric-tile-label{margin-top:.35rem;font-size:.82rem;color:var(--color-muted);line-height:1.4}.dash-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.dash-table{width:100%;border-collapse:collapse;font-size:.92rem}.dash-table th,.dash-table td{padding:.65rem .85rem;border-bottom:1px solid var(--color-border);text-align:right}.dash-table th{background:#e7f1ff;font-weight:700;color:var(--color-primary-dark)}.dash-table tbody tr:hover{background:#f8fafc}.dash-sub{font-size:.78rem;color:var(--color-muted);margin-top:.2rem}.dash-tabs{display:flex;gap:.35rem;flex-wrap:wrap}.dash-tab{padding:.5rem 1rem;border-radius:10px;border:1px solid var(--color-border);background:#f1f5f9;font-weight:600;cursor:pointer}.dash-tab-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-dash-sm{padding:.35rem .65rem;font-size:.82rem}.dash-turn-list{margin:.75rem 0 0;padding:0 1.25rem 0 0;list-style:disc}.dash-turn-list li{margin-bottom:.65rem;line-height:1.55}.dash-turn-snippet{display:inline;unicode-bidi:plaintext}.dash-doc-list{line-height:1.95}.dash-token-hint{font-size:.9rem!important}*,*:before,*:after{box-sizing:border-box}:root{--color-bg: #f0f6fc;--color-surface: #ffffff;--color-primary: #0b5ed7;--color-primary-dark: #084298;--color-primary-soft: #cfe2ff;--color-text: #0f172a;--color-muted: #475569;--color-border: #cbd5e1;--color-student-msg: #e7f1ff;--color-ai-msg: #f8fafc;--arabic-font: "Noto Naskh Arabic", "Segoe UI", Tahoma, serif;--msg-font-size: 1.05rem;--radius: 12px;--shadow: 0 6px 20px rgb(15 23 42 / .06)}html,body{margin:0;min-height:100%;font-family:var(--arabic-font);background:var(--color-bg);color:var(--color-text);line-height:1.65}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}