:root{--ui-ink: var(--te-ink, #0f172a);--ui-accent: var(--te-accent, #facc15);--ui-page: var(--te-surface, #f7f8fa);--ui-panel: #ffffff;--ui-soft: #f1f5f9;--ui-text: #0f172a;--ui-muted: #526173;--ui-border: #dce2e9;--ui-radius: 12px;--ui-control-radius: 8px;--ui-shadow: 0 2px 8px rgb(15 23 42 / 5%)}body{font-family:Figtree,ui-sans-serif,system-ui,sans-serif}.oc-admin-frame,.student-shell,.ui-auth-shell{background:var(--ui-page);color:var(--ui-text)}.oc-admin-shell{color:var(--ui-text)}.oc-card,.oc-chart-card,.student-panel,.student-lesson-card{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow)}.oc-card-header,.oc-form-actions,.student-panel-soft{background:var(--ui-soft);border-color:var(--ui-border)}.oc-page-title,.oc-page-header h1,.oc-admin-shell .oc-label,.oc-admin-shell form label{color:var(--ui-text)}.oc-help-text{color:var(--ui-muted)}.oc-table-wrap,.oc-select-panel{background:var(--ui-panel);border-color:var(--ui-border)}.oc-table td,.oc-select-option{color:var(--ui-text)}.oc-table tbody tr:hover,.oc-select-option:hover{background:var(--ui-soft)}.oc-btn,.student-btn,.te-button{border-radius:var(--ui-control-radius);font-weight:700;box-shadow:none}.oc-btn:hover,.student-btn:hover,.te-button:hover{transform:none;box-shadow:none}.oc-btn-primary,.oc-btn-info,.oc-btn-success,.student-btn-primary,.te-button-dark,.oc-admin-shell .btn-success{background:var(--ui-ink);border-color:var(--ui-ink);color:#fff}.oc-btn-primary:hover,.oc-btn-info:hover,.oc-btn-success:hover,.student-btn-primary:hover,.te-button-dark:hover,.oc-admin-shell .btn-success:hover{background:#334155;color:#fff}.oc-btn-secondary,.oc-btn-muted,.oc-btn-ghost,.student-btn-muted,.oc-admin-shell .btn-secondary{background:var(--ui-panel);border:1px solid var(--ui-border);color:var(--ui-text)}.oc-btn-secondary:hover,.oc-btn-muted:hover,.oc-btn-ghost:hover,.student-btn-muted:hover,.oc-admin-shell .btn-secondary:hover{background:var(--ui-soft);color:var(--ui-text);border-color:#94a3b8}.student-btn-accent,.te-button-accent{background:var(--ui-accent);color:#0f172a}.student-btn-accent:hover,.te-button-accent:hover{background:#eab308;color:#0f172a}.oc-field,.student-field,.oc-select-trigger,.oc-admin-shell .oc-field,.oc-admin-shell form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.oc-admin-shell form select,.oc-admin-shell form textarea{border-color:var(--ui-border);border-radius:var(--ui-control-radius);background:var(--ui-panel);color:var(--ui-text);box-shadow:none}.oc-field:focus,.student-field:focus,.oc-admin-shell .oc-field:focus{border-color:#a16207;box-shadow:0 0 0 3px #facc1540}.oc-select-trigger:focus-visible,.oc-btn:focus-visible,.student-btn:focus-visible,.te-button:focus-visible{outline:3px solid #a16207;outline-offset:3px}.oc-admin-shell .oc-choice-card:has(input:checked){border-color:#a16207;background:#fffbeb}.oc-table thead,.oc-table thead tr,.oc-admin-shell .oc-stat-table-heading{background:var(--ui-soft);color:var(--ui-text)}.oc-admin-shell .oc-table th,.oc-admin-shell .oc-stat-table-heading th{color:var(--ui-text)}.oc-metric-card{background:var(--ui-panel);color:var(--ui-text);border:1px solid var(--ui-border);border-top:3px solid var(--ui-accent);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow)}.oc-metric-card i{color:var(--ui-ink)}.oc-stat-banner{background:var(--ui-soft);border:1px solid var(--ui-border);border-radius:var(--ui-radius)}.oc-stat-banner h1{color:var(--ui-text)}.oc-stat-banner p{color:var(--ui-muted)}.student-hero{background:var(--ui-ink);border-color:var(--ui-ink);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow)}.student-progress-bar{background:var(--ui-accent)}.student-course-description,.student-hero p.student-course-description{display:block;overflow:visible;-webkit-line-clamp:unset;max-height:none;white-space:pre-line;overflow-wrap:anywhere}.ui-auth-shell .ui-auth-heading{background:var(--ui-ink);color:#fff}.oc-table-wrap{border:1px solid var(--ui-border);border-radius:var(--ui-radius);overflow-x:auto;background:var(--ui-panel)}.oc-admin-shell .oc-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--ui-panel)}.oc-admin-shell .oc-table thead th{padding:.85rem .9rem;background:var(--ui-soft);color:var(--ui-text);border:0;border-bottom:1px solid var(--ui-border);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.035em;line-height:1.45;vertical-align:middle}.oc-admin-shell .oc-table tbody td{padding:.85rem .9rem;border:0;border-bottom:1px solid var(--ui-border);color:var(--ui-text);font-size:.88rem;line-height:1.5;vertical-align:middle}.oc-admin-shell .oc-table tbody tr{background:var(--ui-panel)}.oc-admin-shell .oc-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--ui-soft) 30%,var(--ui-panel))}.oc-admin-shell .oc-table tbody tr:hover{background:var(--ui-soft)}.oc-admin-shell .oc-table tbody tr:last-child td{border-bottom:0}.oc-admin-shell .oc-table th.text-center,.oc-admin-shell .oc-table td.text-center{text-align:center}.oc-admin-shell .oc-table th.text-right,.oc-admin-shell .oc-table td.text-right{text-align:right}.oc-admin-shell .oc-table .oc-table-actions{justify-content:flex-start;align-items:center;gap:.5rem}.oc-admin-shell .oc-table .oc-table-actions form{margin:0}.oc-admin-shell .oc-table .oc-btn{min-height:2.1rem;border-radius:var(--ui-control-radius);font-size:.82rem;padding:.5rem .75rem;white-space:nowrap}.oc-admin-shell .oc-table .oc-btn-danger{background:#ef4444;color:#fff}.oc-admin-shell .oc-table .oc-btn-danger:hover{background:#dc2626}.oc-admin-shell .oc-table .oc-badge{border-radius:999px;padding:.4rem .7rem}.dark{--ui-page:#0f172a;--ui-panel:#1e293b;--ui-soft:#263449;--ui-text:#f1f5f9;--ui-muted:#cbd5e1;--ui-border:#475569}.dark .oc-admin-shell .oc-choice-card:has(input:checked){background:#422f0c;color:#fef3c7}