:root{--bg: #f5efe7;--paper: rgba(255, 250, 244, .88);--paper-strong: #fffaf5;--ink: #241d18;--muted: #6f6258;--line: rgba(59, 41, 24, .12);--accent: #b44d2d;--accent-soft: #f2d6c8;--green: #1f7a5f;--blue: #2f668c;--gold: #b57e25;--shadow: 0 24px 60px rgba(69, 44, 26, .12)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:Manrope,sans-serif;background:radial-gradient(circle at top left,rgba(180,77,45,.18),transparent 24%),radial-gradient(circle at bottom right,rgba(31,122,95,.16),transparent 28%),linear-gradient(180deg,#fbf6f0 0%,var(--bg) 100%)}button,input,select,textarea{font:inherit}.screen-center{min-height:100vh;display:grid;place-items:center;font-weight:700}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-hero,.auth-panel{padding:48px}.auth-hero{display:flex;flex-direction:column;justify-content:center}.auth-hero h1,.topbar h1,.panel h2,.assessment-card h3{margin:0;font-family:Cormorant Garamond,serif;line-height:.95}.auth-hero h1{font-size:clamp(3rem,6vw,5.5rem);max-width:8.5ch}.hero-body,.subtitle,.body-copy,.muted-line,.card-meta p,.help-box p,.info-block p{color:var(--muted);line-height:1.6}.hero-body{margin:20px 0 0;max-width:54ch}.credential-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.credential-chip{border:1px solid var(--line);background:#fffaf4c7;padding:12px 16px;border-radius:999px;cursor:pointer}.auth-panel{display:grid;place-items:center}.panel,.stat-card,.topbar,.credential-chip{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.panel,.stat-card,.topbar{background:var(--paper);border:1px solid var(--line)}.panel{border-radius:28px;padding:24px}.auth-panel .panel{width:min(100%,460px);padding:32px}.panel h2{font-size:2rem;margin-bottom:12px}.stack-form{display:grid;gap:16px}label span{display:block;margin-bottom:8px;font-size:.92rem;color:var(--muted)}input,select,textarea{width:100%;border-radius:16px;border:1px solid rgba(59,41,24,.14);background:var(--paper-strong);color:var(--ink);padding:12px 14px}textarea{resize:vertical;min-height:120px}input:focus,select:focus,textarea:focus{outline:2px solid rgba(180,77,45,.18);border-color:var(--accent)}.primary-button,.secondary-button{border:0;border-radius:999px;padding:12px 18px;cursor:pointer;font-weight:700;transition:transform .16s ease,opacity .16s ease}.primary-button{background:linear-gradient(135deg,#b44d2d,#7e3118);color:#fff}.secondary-button{background:#241d1814;color:var(--ink)}.primary-button:hover,.secondary-button:hover,.credential-chip:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.7;cursor:wait}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.82rem}.error-text,.success-text{margin:0;padding:12px 14px;border-radius:16px}.error-text{background:#f8dfdd;color:#8f3430}.success-text{background:#dff3e9;color:#206b52}.app-shell{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}.topbar{border-radius:30px;padding:26px 28px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.topbar h1{font-size:clamp(2.6rem,5vw,4rem)}.subtitle{margin:12px 0 0;max-width:54ch}.topbar-actions{display:grid;gap:14px;justify-items:end}.nav-chip-group{display:flex;flex-wrap:wrap;gap:8px}.nav-chip{border-radius:999px;padding:10px 16px;text-decoration:none;color:var(--ink);background:#ffffff70;border:1px solid var(--line)}.nav-chip.active{background:var(--accent-soft)}.user-panel{display:flex;gap:14px;align-items:center}.user-panel span{display:inline-flex;flex-direction:column;align-items:flex-end;font-weight:700}.user-panel small{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.72rem}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:24px 0}.stat-card{border-radius:24px;padding:20px;animation:rise .38s ease both}.stat-card span{display:block;color:var(--muted);margin-bottom:12px}.stat-card strong{font-size:1.9rem}.stat-card-warm{background:#f8e7cee6}.stat-card-cool{background:#dbecf5e6}.stat-card-calm{background:#dbf0e8e6}.stat-card-bold{background:#ecdbd5eb}.dashboard-grid,.workspace-grid{display:grid;gap:18px}.dashboard-grid{grid-template-columns:340px minmax(0,1fr)}.workspace-grid{grid-template-columns:1.1fr .9fr}.stack-area{display:grid;gap:18px}.help-box,.info-block,.card-meta{border-top:1px solid var(--line);padding-top:16px}.help-box strong,.info-block strong,.card-meta strong{display:block;margin-bottom:6px}.assessment-card{animation:rise .42s ease both}.assessment-header{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.assessment-header h3{font-size:2rem}.status-badge{align-self:flex-start;padding:10px 14px;border-radius:999px;font-weight:700;font-size:.88rem}.status-unassigned{background:#e9dfd5;color:#7a5d45}.status-assigned{background:#f4decb;color:#9a542b}.status-in-progress{background:#f7e8bb;color:#8f6416}.status-submitted{background:#d9ebf3;color:var(--blue)}.status-reviewed{background:#d9eee7;color:var(--green)}.grid-two,.grid-four,.score-grid{display:grid;gap:14px}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.score-grid div{border-radius:20px;padding:16px;background:#ffffff94;border:1px solid var(--line)}.score-grid span{display:block;color:var(--muted);margin-bottom:8px}.score-grid strong{font-size:1.5rem}.monitoring-banner,.workspace-actions,.task-switcher,.subsection-block,.task-review-block,.submitted-file-card,.mini-stat,.instruction-box,.preview-panel,.monitor-log-item{border:1px solid var(--line)}.monitoring-banner{margin-bottom:18px;padding:18px 20px;border-radius:24px;background:#fff6edeb}.monitoring-banner p{margin:8px 0 0;color:var(--muted)}.monitor-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.monitor-chip{padding:8px 12px;border-radius:999px;background:#ffffffb8;border:1px solid var(--line);font-size:.84rem}.workspace-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.action-group{display:flex;flex-wrap:wrap;gap:10px}.task-switcher{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;padding:10px;border-radius:22px;background:#fff9f3cc}.task-switcher-button{border:0;border-radius:16px;padding:12px 14px;background:transparent;cursor:pointer;color:var(--ink)}.task-switcher-button.active{background:var(--accent-soft);font-weight:700}.task-panel{display:grid;gap:18px}.task-header,.subsection-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.task-type-pill{padding:8px 12px;border-radius:999px;background:#f4decbe6;text-transform:capitalize;font-size:.84rem}.instruction-box,.subsection-block,.submitted-file-card,.preview-panel,.mini-stat,.monitor-log-item,.task-review-block{border-radius:20px;padding:16px;background:#ffffff94}.task-instruction-list{margin:10px 0 0;padding-left:18px;color:var(--muted);line-height:1.6}.task-instruction-list.compact{margin-bottom:0}.editor-grid{display:grid;gap:16px}.editor-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.code-editor-block span{display:flex;justify-content:space-between;gap:12px;align-items:center}.code-editor-block span small{text-transform:uppercase;letter-spacing:.12em}.code-editor{min-height:320px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92rem;line-height:1.55}.preview-panel{display:grid;gap:14px}.preview-header{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.9rem}.preview-frame{width:100%;min-height:420px;border:1px solid var(--line);border-radius:18px;background:#fff}.preview-empty,.preview-error,.react-preview-shell{min-height:180px;border-radius:18px;background:#fff;border:1px solid var(--line);padding:18px}.preview-empty,.preview-error{display:grid;place-items:center;text-align:center;color:var(--muted)}.preview-error{color:#8f3430;background:#fff5f4}.react-preview-shell{overflow:auto}.assessment-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.mini-stat span{display:block;color:var(--muted);margin-bottom:6px;font-size:.86rem}.mini-stat strong{font-size:1.05rem}.subsection-block{margin-bottom:16px}.subsection-header h4{margin:0;font-size:1.05rem}.task-review-stack,.submitted-files,.monitor-log-list{display:grid;gap:12px}.task-review-block summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;font-weight:700}.task-review-block summary small{text-transform:capitalize;color:var(--muted)}.task-review-block[open] summary{margin-bottom:12px}.code-file-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:10px}.code-file-header span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.code-block{margin:0;padding:16px;border-radius:16px;overflow:auto;background:#1f1a17;color:#fdf4ec;font-size:.84rem;line-height:1.55;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.monitor-log-item{display:grid;gap:4px}.monitor-log-item strong{text-transform:capitalize}.monitor-log-item span,.monitor-log-item time{color:var(--muted)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1160px){.dashboard-grid,.workspace-grid,.editor-grid-two,.assessment-overview-grid{grid-template-columns:1fr}}@media(max-width:840px){.auth-page,.grid-four,.grid-two,.card-meta,.score-grid{grid-template-columns:1fr}.auth-hero,.auth-panel,.app-shell{padding-left:16px;padding-right:16px}.topbar{flex-direction:column}.topbar-actions,.user-panel span{justify-items:start;align-items:flex-start}.user-panel{flex-wrap:wrap}.workspace-actions,.task-header,.subsection-header{flex-direction:column}}