.navbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1rem clamp(1rem,2vw,2rem);background:linear-gradient(135deg,#032539f2,#02405bf2);color:#f8fafc;box-shadow:0 18px 45px #0000001f}.navbar-brand{margin:0;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.navbar-list{display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none}.navbar-item{margin:0}.navbar-link{color:#e2e8f0;transition:color .25s ease,transform .25s ease}.navbar-link:hover{color:#f8fafc;transform:translateY(-1px)}.experience-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.12);box-shadow:0 20px 45px #0f172a0f}.experience-card__details{display:grid;gap:.5rem}.experience-card__details h3{margin:0;color:#0f172a}.experience-card__tag{display:inline-flex;padding:.35rem .75rem;border-radius:999px;background:#6366f11f;color:#334155;font-size:.95rem;font-weight:600}.experience-card__actions{display:flex;flex-wrap:wrap;gap:.75rem}.experience-card__actions .button{min-width:88px}.student-card{display:flex;flex-direction:column;gap:1rem;background:#fff;border-radius:20px;padding:1.35rem;border:1px solid rgba(15,23,42,.1);box-shadow:0 20px 40px #0f172a0f}.student-card__content h3{margin:0 0 .5rem;color:#0f172a}.student-card__meta{margin:0;color:#475569}.student-card__actions{display:flex;flex-wrap:wrap;gap:.85rem}.student-card__actions .button{min-width:88px}.project-page{padding-top:0}.project-page .form-grid{align-items:flex-end}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.65}button,input,select,textarea{font:inherit}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer}:root{--primary: #6366f1;--secondary: #22c55e;--danger: #ef4444;--bg: #eef2ff;--surface: #ffffff;--text: #0f172a;--text-secondary: #475569;--nav: #1d2a46;--border: rgba(15, 23, 42, .12);--shadow: 0 18px 45px rgba(15, 23, 42, .08)}#root{min-height:100vh}.container{width:min(1100px,92%);margin:0 auto;padding:1.75rem 0 2rem}.page-wrapper{background:#fffc;border-radius:24px;padding:2rem;box-shadow:var(--shadow);margin-top:1rem}.page-heading{font-size:clamp(2rem,3vw,3rem);margin-bottom:.85rem;color:var(--nav)}.section-text{color:var(--text-secondary);margin-bottom:1.25rem;max-width:72ch}ul{list-style:disc inside;margin:1rem 0 1.25rem;color:var(--text-secondary)}ul li{margin-bottom:.5rem}.form-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,280px) auto;gap:1rem;align-items:flex-end;margin-bottom:1.5rem}.input-field,.select-field{width:100%;padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}.input-field:focus,.select-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6366f126}.form-actions{display:flex;flex-wrap:wrap;gap:.85rem}.button{padding:1rem 1.3rem;border:none;border-radius:14px;background:var(--primary);color:#fff;font-weight:600;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 15px 30px #6366f12e}.button:hover{transform:translateY(-2px);background:#4f46e5}.button.secondary{background:var(--secondary);box-shadow:0 15px 30px #22c55e2e}.button.secondary:hover{background:#16a34a}.button.danger{background:var(--danger);box-shadow:0 15px 30px #ef44442e}.button.danger:hover{background:#dc2626}.section-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.section-title{margin:0;font-size:1.1rem;color:var(--nav)}.card-list{display:grid;gap:1rem}.empty-state{color:var(--text-secondary);padding:1.5rem;border-radius:18px;background:#6366f10f;border:1px solid rgba(99,102,241,.16)}.note{color:var(--danger);font-weight:600;margin-top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:820px){.form-grid{grid-template-columns:1fr}.page-wrapper{padding:1.5rem}}