body{background-color:#f9fafb;color:#111827;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";margin:0;padding:0;min-height:100vh}h1,h2,h3{font-weight:600}Inputs and buttons styling input,button{border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .75rem;font-size:1rem;outline:none;transition:box-shadow .2s ease}input:focus,button:focus{box-shadow:0 0 0 2px #6366f1}button{background-color:#4f46e5;color:#fff;cursor:pointer;transition:background-color .2s ease}button:hover{background-color:#4338ca}.course-card{background-color:#fff;color:#1f2937;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 2px #0000000d;transition:all .3s ease;transform:scale(1)}.course-card:hover{box-shadow:0 10px 15px #0000001a;border-color:#60a5fa}.course-title{font-size:1.25rem;font-weight:600;text-align:center;transition:color .2s ease}.course-title:hover{color:#2563eb}.course-average{font-size:1.875rem;font-weight:700;color:#2563eb;text-align:center;margin-bottom:.5rem}.course-progress-bar{width:100%;height:.5rem;border-radius:9999px;background-color:#e5e7eb;overflow:hidden;margin-bottom:1rem}.course-progress-fill{height:100%;border-radius:9999px;transition:width .5s ease}.page-container{margin:2rem auto;padding:1.5rem;max-width:1200px;width:100%}.dashboard-container{padding:2rem;max-width:1200px;margin:0 auto}.dashboard-header{font-size:2rem;font-weight:700;margin-bottom:1.5rem}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.course-labels{display:flex;justify-content:space-between;font-size:.875rem;color:#6b7280;margin-bottom:.75rem}.card-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.course-form{display:flex;align-items:center;gap:1rem;margin-top:2rem}.course-form input{width:250px}.btn-logout{margin-top:2rem;background-color:#ef4444;color:#fff;padding:.5rem 1rem;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s ease}.btn-logout:hover{background-color:#dc2626}.card-content{padding:16px}.course-card{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 10px #0000000d;background-color:#fff;transition:transform .2s ease}.course-card:hover{transform:translateY(-4px)}.course-form{display:flex;gap:.75rem;margin-bottom:1.5rem;align-items:center;justify-content:flex-start;padding:1rem;border:1px solid #e5e7eb;border-radius:.75rem;background-color:#fff;box-shadow:0 1px 2px #0000000d}.course-form input{flex:1;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;outline:none;transition:box-shadow .2s ease}.course-form input:focus{box-shadow:0 0 0 2px #6366f1}.course-form button{background-color:#4f46e5;color:#fff;padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:background-color .2s ease}.course-form button:hover{background-color:#4338ca}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#1f2937;color:#fff;box-shadow:0 2px 4px #0000001a}.navbar-brand{font-size:1.4rem;font-weight:700;color:#fff;text-decoration:none}.navbar-links{display:flex;align-items:center;gap:1rem}.navbar-links a{color:#fff;text-decoration:none;font-weight:500;transition:color .2s ease}.navbar-links a:hover{color:#a5b4fc}.navbar-logout-btn{background-color:transparent;border:1px solid white;border-radius:.5rem;padding:.4rem .9rem;color:#fff;cursor:pointer;font-weight:500;transition:background-color .2s ease,color .2s ease}.navbar-logout-btn:hover{background-color:#fff;color:#1f2937}.course-detail-container{max-width:960px;margin:2rem auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014}.course-header{margin-bottom:2rem}.course-header h2{font-size:2rem;margin-bottom:.5rem}.course-header .average{color:#2563eb;font-weight:700}.assignment-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.assignment-form h3{margin-bottom:1rem;font-size:1.2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.form-grid input{padding:.6rem;border:1px solid #ccc;border-radius:6px;font-size:.95rem}.form-grid button{padding:.6rem 1rem;background-color:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background .2s ease}.form-grid button:hover{background-color:#1e40af}.assignment-list h3{font-size:1.2rem;margin-bottom:1rem}.assignment-list table{width:100%;border-collapse:collapse}.assignment-list th,.assignment-list td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb;font-size:.95rem}.assignment-list th{background:#f3f4f6;text-transform:uppercase;font-size:.75rem;color:#6b7280}.assignment-list tr:hover{background-color:#f9fafb}.badge{display:inline-block;padding:.3rem .6rem;border-radius:999px;font-size:.75rem;font-weight:500}.badge.green{background-color:#dcfce7;color:#15803d}.badge.blue{background-color:#dbeafe;color:#1d4ed8}.delete-btn{background-color:transparent;color:#b91c1c;border:1px solid #fca5a5;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s ease}.delete-btn:hover{background-color:#fee2e2}.assignment-list tbody input{width:100%;padding:.3rem .5rem;font-size:.9rem;border:1px solid #ccc;border-radius:4px}.edit-btn,.delete-btn,.save-btn,.cancel-btn{background-color:transparent;border:1px solid #ccc;padding:.3rem .7rem;margin-right:.3rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:background-color .2s ease}.edit-btn:hover{background-color:#e0e7ff;border-color:#6366f1;color:#4f46e5}.save-btn{background-color:#2563eb;color:#fff;border-color:#2563eb}.save-btn:hover{background-color:#1e40af;border-color:#1e40af}.cancel-btn{background-color:#f3f4f6;color:#374151;border-color:#d1d5db}.cancel-btn:hover{background-color:#e5e7eb}.delete-btn{border-color:#f87171;color:#b91c1c}.delete-btn:hover{background-color:#fee2e2;border-color:#f87171}