:root{--ink:#0f1c18;--moss:#1f4d3a;--leaf:#3d8b6e;--fog:#e8f0ec;--mist:#f4f8f6;--sand:#d4c4a8;--ember:#c45c3a;--muted:#5a6e66;--line:#0f1c181f;--glow:#3d8b6e59;--radius:14px;--font-display:"Instrument Serif", Georgia, serif;--font-body:"Manrope", system-ui, sans-serif;color:var(--ink);background:var(--mist);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(2%,-3%)scale(1.04)}}.page{isolation:isolate;background:radial-gradient(80% 60% at 10% 10%,#3d8b6e38,#0000 55%),radial-gradient(70% 50% at 90% 85%,#d4c4a873,#0000 50%),linear-gradient(160deg,#f7faf8 0%,#e6efe9 45%,#dfeae4 100%);place-items:center;min-height:100vh;padding:2rem 1.25rem;display:grid;position:relative;overflow:hidden}.page:before{content:"";z-index:-1;background:radial-gradient(circle at 70% 20%, var(--glow), transparent 40%), radial-gradient(circle at 20% 80%, #d4c4a859, transparent 45%);pointer-events:none;animation:18s ease-in-out infinite drift;position:absolute;inset:-20%}.shell{width:min(100%,420px);animation:.7s ease-out both rise}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--moss);margin:0 0 .35rem;font-size:clamp(3rem,8vw,3.75rem);font-weight:400;line-height:.95}.headline{font-family:var(--font-display);color:var(--ink);margin:0 0 .5rem;font-size:clamp(1.35rem,3.5vw,1.65rem);font-style:italic;font-weight:400}.lede{color:var(--muted);margin:0 0 1.75rem;font-size:.95rem;line-height:1.55}.panel{border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;gap:1rem;padding:1.5rem;animation:.85s ease-out 80ms both rise;display:grid;box-shadow:0 24px 60px #0f1c1814}.field{gap:.4rem;display:grid}.field label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.78rem;font-weight:600}.field input{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffe6;border-radius:10px;outline:none;padding:.85rem .95rem;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:var(--leaf);box-shadow:0 0 0 3px #3d8b6e2e}.actions{gap:.75rem;margin-top:.25rem;display:grid}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.9rem 1rem;font-weight:600;transition:transform .18s,background .18s,opacity .18s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.65;cursor:not-allowed}.btn-primary{background:var(--moss);color:#f5faf7}.btn-primary:hover:not(:disabled){background:#16382b}.btn-ghost{color:var(--moss);border:1px solid var(--line);background:0 0}.btn-ghost:hover:not(:disabled){background:#1f4d3a0f}.message{border-radius:10px;margin:0;padding:.75rem .9rem;font-size:.9rem;line-height:1.4;animation:.35s ease-out both rise}.message-error{color:#8a331f;background:#c45c3a1f}.message-ok{color:var(--moss);background:#3d8b6e24}.message-warn{color:#5c4d32;background:#d4c4a873}.session{text-align:center;gap:1rem;display:grid}.session p{color:var(--muted);margin:0;line-height:1.5}.session strong{color:var(--ink);word-break:break-all}.switch{text-align:center;color:var(--muted);margin:0;font-size:.9rem}.switch button,.switch a{color:var(--moss);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}@media (width<=480px){.panel{padding:1.25rem}}.app-shell{width:min(1100px,100%);margin:0 auto;padding:1.5rem 1.25rem 3rem;animation:.55s ease-out both rise}.topbar{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.topbar h1{font-family:var(--font-display);margin:.15rem 0;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:400}.brand-sm{font-family:var(--font-display);color:var(--moss);margin:0;font-size:1.35rem}.topbar-actions{gap:.5rem;display:flex}.muted{color:var(--muted);margin:.25rem 0 0}.panel-wide{width:100%;margin-bottom:1rem}.stack{gap:1rem;display:grid}.form-grid{gap:.9rem;margin-top:1rem;display:grid}.form-grid-2{grid-template-columns:1fr auto;align-items:end}.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffe6;border-radius:10px;padding:.85rem .95rem}.btn-inline{width:auto;padding-inline:1.25rem}.row-between{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.chip,.chip-btn{border:1px solid var(--line);text-transform:capitalize;color:var(--ink);background:#ffffffb3;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.chip-muted{color:var(--muted)}.chip-pending{background:#d4c4a859}.chip-in_progress,.chip-active{color:var(--moss);background:#3d8b6e26}.chip-submitted{background:#0f1c1814}.chip-graded{color:var(--moss);background:#1f4d3a2e}.chip-draft{background:#fffc}.chip-btn{cursor:pointer;background:#ffffff8c}.chip-btn.active{background:var(--moss);color:#f5faf7;border-color:#0000}.filter-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.search-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.search-field{flex:280px;max-width:420px}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.project-tile{text-align:left;border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;padding:0;overflow:hidden;box-shadow:0 16px 40px #0f1c180f}.project-tile-main{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:none;padding:1.15rem;display:block}.project-tile-main:hover h3{color:var(--moss)}.project-tile h3{font-family:var(--font-display);margin:.65rem 0 .35rem;font-size:1.35rem;font-weight:400}.tile-actions{border-top:1px solid var(--line);gap:.5rem;padding:.65rem 1.15rem 1rem;display:flex}.danger-text{color:var(--ember)!important}.progress-bar{background:#0f1c1814;border-radius:999px;height:8px;margin:.75rem 0 .4rem;overflow:hidden}.progress-bar>span{background:linear-gradient(90deg, var(--leaf), var(--moss));height:100%;display:block}.progress-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffc7;padding:1.25rem}.progress-card__head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.progress-card__head h2{font-family:var(--font-display);margin:0;font-size:1.5rem;font-weight:400}.progress-card__total{text-align:right}.progress-list{gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.progress-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:.75rem;padding:.55rem 0;display:flex}.progress-list__marks{align-items:center;gap:.35rem;display:flex}.member-list{gap:.45rem;margin:.75rem 0 1rem;padding:0;list-style:none;display:grid}.member-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:.75rem;padding:.45rem 0;display:flex}.linkish{color:var(--moss);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.component-block{border-bottom:1px solid var(--line);gap:.75rem;padding:.85rem 0;display:grid}.grade-grid{gap:.45rem;display:grid}.grade-row{grid-template-columns:1fr 90px auto;align-items:center;gap:.5rem;display:grid}.grade-row input{border:1px solid var(--line);border-radius:8px;padding:.55rem .65rem}body{background:radial-gradient(80% 60% at 10% 10%,#3d8b6e2e,#0000 55%),radial-gradient(70% 50% at 90% 85%,#d4c4a866,#0000 50%),linear-gradient(160deg,#f7faf8 0%,#e6efe9 45%,#dfeae4 100%);min-height:100vh}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.92rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.55rem .4rem}.data-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;font:inherit;background:#ffffffe6;border-radius:10px;padding:.85rem .95rem}.row-actions{gap:.75rem;display:flex}.active-link{font-weight:700}.shell-wide{max-width:820px}.compact-list{gap:.25rem;margin:.35rem 0 0;padding-left:1.15rem;display:grid}.muted.small,.small{font-size:.85rem}.chip-approved{color:var(--moss);background:#3d8b6e26}.chip-rejected{color:var(--ember);background:#b04a3a1f}.chip-pending{color:#8a6a1f;background:#c4953a26}