*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f6f7fb;color:#1f2937}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.app-header h1{margin:0;font-size:1.125rem}.app-header nav{display:flex;gap:.5rem}.app-header nav a{padding:.35rem .7rem;border-radius:6px;color:#4b5563;font-size:.875rem;font-weight:500}.app-header nav a.active{background:#eef2ff;color:#4338ca}.app-header .user{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#6b7280}.container{max-width:1100px;margin:0 auto;padding:1.5rem;width:100%}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem;margin-bottom:1rem}.card h2{margin-top:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.55rem .5rem;border-bottom:1px solid #f1f3f7;font-size:.9rem}th{font-weight:600;color:#4b5563;background:#fafbff}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-current{background:#ecfdf5;color:#047857}.badge-due_soon{background:#fef3c7;color:#92400e}.badge-overdue{background:#fee2e2;color:#b91c1c}.badge-not_started{background:#e0e7ff;color:#4338ca}.btn{background:#2563eb;color:#fff;border:0;border-radius:6px;padding:.45rem .85rem;font-size:.875rem;font-weight:500}.btn:hover{background:#1d4ed8}.btn-secondary{background:#e5e7eb;color:#1f2937}.btn-secondary:hover{background:#d1d5db}.btn-danger{background:#dc2626}.btn-danger:hover{background:#b91c1c}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.field label{font-size:.8rem;font-weight:600;color:#4b5563}.field input,.field select,.field textarea{padding:.45rem .55rem;border:1px solid #d1d5db;border-radius:6px;background:#fff}.row{display:flex;gap:1rem;flex-wrap:wrap;align-items:end}.row>.field{flex:1;min-width:180px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2ff,#e0f2fe)}.login-card{background:#fff;padding:2rem;border-radius:14px;box-shadow:0 10px 30px #00000014;max-width:380px;width:90%}.login-card h1{margin-top:0;font-size:1.5rem;text-align:center}.login-card p{color:#6b7280;text-align:center}.login-card .err{background:#fee2e2;color:#b91c1c;padding:.65rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem;text-align:center}