:root{--coral:#c69749;--ink:#252321;--paper:#f6f4ef}body{background:var(--paper);color:var(--ink)}.app-shell{min-height:100vh;display:flex}.sidebar{width:245px;background:#27231f;color:#eee;padding:20px 12px;position:sticky;top:0;height:100vh}.brand{display:block;color:#fff;text-decoration:none;font-size:1.4rem;font-weight:700;padding:8px 12px;margin-bottom:24px}.nav-label{color:#b7aa98;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;margin:20px 12px 7px}.nav-link{display:block;color:#e7e0d6;text-decoration:none;padding:9px 12px;border-radius:8px;margin:2px 0}.nav-link i{width:24px}.nav-link:hover,.nav-link.active{background:var(--coral);color:#fff}.content{flex:1;max-width:1400px;margin:auto;padding:0 32px 32px}.topbar{display:flex;justify-content:space-between;padding:22px 0;border-bottom:1px solid #ddd;margin-bottom:30px}.panel,.metric{background:#fff;border:1px solid #e8e3da;border-radius:12px;padding:22px;box-shadow:0 2px 10px #3b2a1210}.metric span{display:block;color:#766f65}.metric strong{font-size:2rem}.btn-coral{background:var(--coral);border-color:var(--coral);color:#fff}.btn-coral:hover{background:#a87730;border-color:#a87730;color:#fff}.assignment-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eee}.assignment-row span:not(.badge){display:block;color:#766f65;font-size:.9rem}.login-page{min-height:100vh;display:grid;place-items:center;background:#27231f}.login-card{width:min(390px,calc(100% - 30px));border:0}.table{margin:0}.modal-header{background:var(--coral);color:#fff}.modal-header .btn-close{filter:brightness(0) invert(1)}@media(max-width:768px){.sidebar{width:64px;padding:12px 6px}.brand{font-size:0;padding:12px;text-align:center}.brand i{font-size:1.4rem}.nav-label{display:none}.nav-link{font-size:0;text-align:center}.nav-link i{font-size:1.2rem;width:auto}.content{padding:0 16px 24px}.topbar{font-size:.85rem}.assignment-row{gap:10px}}