:root{--bg:#fff8f3;--paper:#fff;--paper-soft:#fff1ea;--ink:#273238;--muted:#6b7280;--line:#eadbd2;--teal:#0f766e;--teal-dark:#115e59;--coral:#e96b5c;--coral-soft:#ffe2dc;--gold:#d59a2b;--mint:#e2f3ee;--shadow:0 20px 60px #2732381f}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 0 0,#e96b5c29,#0000 30rem),linear-gradient(#fff8f3 0%,#f7fbf8 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-shell{min-height:100vh}.topbar{justify-content:space-between;align-items:center;gap:1rem;width:min(1120px,100% - 2rem);margin:0 auto;padding:1.25rem 0;display:flex}.brand{letter-spacing:0;align-items:center;gap:.7rem;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:var(--teal);border-radius:.7rem;place-items:center;width:2.4rem;height:2.4rem;display:grid;box-shadow:0 10px 24px #0f766e47}.nav-actions{align-items:center;gap:.75rem;display:flex}.button{color:#fff;background:var(--teal);cursor:pointer;border:0;border-radius:.65rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:.7rem 1rem;font-weight:760;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:0 12px 26px #0f766e2e}.button:hover{background:var(--teal-dark);transform:translateY(-1px)}.button.secondary{color:var(--teal-dark);border:1px solid var(--line);box-shadow:none;background:#fff}.button.coral{background:var(--coral);box-shadow:0 12px 26px #e96b5c33}.button.ghost{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:0 0}.home-grid{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:2.5rem;width:min(1120px,100% - 2rem);margin:2.5rem auto 0;padding-bottom:4rem;display:grid}.hero-copy{max-width:34rem}.eyebrow{color:var(--teal-dark);align-items:center;gap:.45rem;margin:0 0 1rem;font-size:.85rem;font-weight:800;display:inline-flex}.hero-copy h1{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(2.6rem,6vw,5.1rem);line-height:.98}.hero-copy p{color:#556168;margin:1.25rem 0 0;font-size:1.1rem;line-height:1.7}.hero-stats{grid-template-columns:repeat(3,1fr);gap:.85rem;margin-top:2rem;display:grid}.stat-chip{border:1px solid var(--line);background:#ffffffb8;border-radius:.8rem;min-height:6rem;padding:1rem}.stat-chip strong{color:var(--ink);margin-bottom:.25rem;font-size:1.35rem;display:block}.stat-chip span{color:var(--muted);font-size:.85rem}.upload-panel,.login-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe0;border-radius:1rem}.upload-panel{overflow:hidden}.panel-header{background:linear-gradient(135deg, var(--teal), #23968d);color:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.25rem;display:flex}.panel-header h2{margin:0;font-size:1.15rem}.panel-header span{color:#ffffffc7;margin-top:.2rem;font-size:.85rem;display:block}.upload-form{gap:1rem;padding:1.25rem;display:grid}.form-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.field{gap:.45rem;display:grid}.field.full{grid-column:1/-1}.field label,.checkbox-label{color:#374151;font-size:.9rem;font-weight:760}.field input,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffdfb;border-radius:.65rem;outline:none;padding:.8rem .9rem;transition:border .16s,box-shadow .16s}.field textarea{resize:vertical;min-height:6rem}.field input:focus,.field textarea:focus{border-color:#0f766e99;box-shadow:0 0 0 4px #0f766e1f}.file-drop{min-height:8rem;color:var(--teal-dark);background:var(--mint);text-align:center;cursor:pointer;border:1px dashed #0f766e8c;border-radius:.9rem;place-items:center;padding:1rem;display:grid}.file-drop input{width:min(100%,24rem);margin-top:.85rem}.checkbox-row{color:var(--muted);align-items:flex-start;gap:.7rem;font-size:.9rem;display:flex}.form-message{border-radius:.65rem;padding:.85rem 1rem;font-weight:700}.form-message.success{color:#0f5132;background:#dff4e8}.form-message.error{color:#842029;background:#f8d7da}.success-overlay{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#27323857;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.success-dialog{text-align:center;background:#fff;border:1px solid #0f766e2e;border-radius:1rem;width:min(100%,30rem);padding:1.5rem;box-shadow:0 28px 70px #2732383d}.success-icon{width:4rem;height:4rem;color:var(--teal);background:var(--mint);border-radius:999px;place-items:center;display:inline-grid}.success-dialog h2{margin:1rem 0 .65rem;font-size:1.55rem}.success-dialog p{color:#556168;margin:0;line-height:1.65}.success-dialog .success-note{color:var(--teal-dark);margin:.85rem 0 1.25rem;font-weight:760}.compact-dialog{padding:1.35rem}.compact-dialog .button{margin-top:1.1rem}.dashboard-shell{background:#fffaf6;grid-template-columns:17rem minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;height:100vh;padding:1.25rem;position:sticky;top:0}.sidebar .brand{margin-bottom:2rem}.sidebar-nav{gap:.55rem;display:grid}.sidebar-nav button,.filter-button{color:#526067;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:.7rem;align-items:center;gap:.65rem;min-height:2.65rem;padding:.65rem .8rem;font-weight:760;display:inline-flex}.sidebar-nav button.active,.filter-button.active{color:var(--teal-dark);background:var(--mint)}.dashboard-main{padding:1.5rem}.detail-main{padding:.85rem 1rem}.dashboard-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.detail-main .dashboard-top{margin-bottom:.75rem}.detail-main .dashboard-top h1{font-size:1.55rem}.dashboard-top h1{margin:0;font-size:2rem}.dashboard-top p{color:var(--muted);margin:.35rem 0 0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:.9rem;min-height:8rem;padding:1rem}.metric-card .icon-box{width:2.4rem;height:2.4rem;color:var(--teal);background:var(--mint);border-radius:.7rem;place-items:center;display:inline-grid}.metric-card strong{margin-top:1rem;font-size:1.8rem;display:block}.metric-card span{color:var(--muted);font-size:.9rem}.dashboard-board{border:1px solid var(--line);background:#fff;border-radius:1rem;overflow:hidden}.board-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.search-box{border:1px solid var(--line);width:min(100%,22rem);color:var(--muted);background:#fffdfb;border-radius:.7rem;align-items:center;gap:.6rem;padding:.7rem .85rem;display:flex}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.submission-list{display:grid}.submission-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(14rem,1.2fr) 8.5rem 8rem minmax(15rem,1fr);align-items:center;gap:1rem;padding:1rem;display:grid}.submission-row:last-child{border-bottom:0}.student-name{margin:0;font-weight:850;display:inline-flex}.detail-link{color:var(--ink)}.detail-link:hover{color:var(--teal-dark);text-underline-offset:.2rem;text-decoration:underline}.student-meta{color:var(--muted);margin:.2rem 0 0;font-size:.88rem}.status-pill{width:fit-content;min-height:2rem;color:var(--teal-dark);background:var(--mint);text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:850;display:inline-flex}.status-pill.overdue{color:#9a3412;background:#ffedd5}.status-pill.completed{color:#166534;background:#dcfce7}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.mini-button{border:1px solid var(--line);min-height:2.2rem;color:var(--ink);cursor:pointer;background:#fff;border-radius:.6rem;align-items:center;gap:.35rem;padding:.45rem .65rem;font-size:.84rem;font-weight:800;display:inline-flex}.mini-button.primary{color:#fff;border-color:var(--teal);background:var(--teal)}.mini-button:disabled{cursor:not-allowed;opacity:.5}.empty-state{color:var(--muted);text-align:center;padding:3rem 1rem}.login-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-panel{width:min(100%,28rem);padding:1.5rem}.login-panel h1{margin:1rem 0 .5rem}.login-panel p{color:var(--muted);margin:0 0 1.5rem}.login-panel form{gap:1rem;display:grid}.detail-grid{grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);align-items:start;gap:.75rem;margin-bottom:.75rem;display:grid}.detail-panel{border:1px solid var(--line);background:#fff;border-radius:1rem;overflow:hidden}.detail-panel-header{border-bottom:1px solid var(--line);background:#fffdfb;padding:.7rem .85rem}.detail-panel-header h2{margin:0;font-size:1.05rem}.detail-panel-header span{color:var(--muted);margin-top:.12rem;font-size:.86rem;display:block}.detail-form{gap:.65rem;padding:.75rem .85rem;display:grid}.detail-form .field{gap:.32rem}.detail-form .field input,.detail-form .field textarea,.reviewed-upload-form .field input{padding:.62rem .75rem}.detail-form .field textarea{min-height:4.2rem}.detail-form .button,.reviewed-upload-form .button{min-height:2.55rem;padding:.58rem .85rem}.reviewed-upload-form{border-top:1px solid var(--line);gap:.6rem;margin:0 .85rem .85rem;padding-top:.75rem;display:grid}.reviewed-file-card{width:fit-content;max-width:100%;color:var(--teal-dark);background:var(--mint);border:1px solid #0f766e2e;border-radius:.7rem;align-items:center;gap:.55rem;padding:.55rem .72rem;font-weight:800;display:inline-flex}.reviewed-file-card span{overflow-wrap:anywhere}.detail-list{gap:0;margin:0;display:grid}.detail-list div{border-bottom:1px solid var(--line);grid-template-columns:8rem minmax(0,1fr);gap:.75rem;padding:.66rem .85rem;display:grid}.detail-list div:last-child{border-bottom:0}.detail-list dt{color:var(--muted);font-size:.85rem;font-weight:760}.detail-list dd{color:var(--ink);overflow-wrap:anywhere;margin:0;font-weight:760}.detail-copy{color:#556168;margin:0;padding:.75rem .85rem;line-height:1.7}.timeline-list{gap:.62rem;padding:.75rem .85rem;display:grid}.timeline-item{align-items:center;gap:.8rem;display:flex}.timeline-item strong,.timeline-item span{display:block}.timeline-item span{color:var(--muted);margin-top:.15rem;font-size:.88rem}.detail-actions{flex-wrap:wrap;gap:.55rem;padding:0 .85rem .85rem;display:flex}@media (max-width:960px){.home-grid,.dashboard-shell,.detail-grid{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:relative}.sidebar-nav{grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:auto}.metric-grid{grid-template-columns:repeat(2,1fr)}.submission-row{grid-template-columns:1fr}.row-actions{justify-content:flex-start}}@media (max-width:640px){.topbar,.dashboard-top,.board-toolbar{flex-direction:column;align-items:flex-start}.form-grid,.hero-stats,.metric-grid{grid-template-columns:1fr}.hero-copy h1{font-size:2.7rem}.sidebar-nav{grid-template-columns:1fr 1fr}}