:root{--tech-blue:#2563EB;--bg:#f7fbff;--card:#ffffff;--muted:#6b7280;}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial; background:var(--bg); margin:0; color:#111827;}
.header{background:linear-gradient(90deg,var(--tech-blue),#1e40af); color:white; padding:14px 18px; display:flex; align-items:center; gap:12px;}
.container{max-width:1100px; margin:24px auto; padding:16px;}
.card{background:var(--card); border-radius:10px; padding:18px; box-shadow:0 8px 30px rgba(2,6,23,0.06);}
h1,h2,h3{margin:0 0 8px 0;}
label{display:block; font-size:13px; color:var(--muted); margin-top:10px;}
input[type="text"], input[type="password"], select, input[type="file"]{width:100%; padding:10px; margin-top:6px; border:1px solid #e6eef9; border-radius:8px;}
.btn{background:var(--tech-blue); color:white; padding:10px 14px; border:none; border-radius:8px; cursor:pointer; font-weight:600;}
.small{color:var(--muted); font-size:13px;}
.footer{text-align:center; color:#9ca3af; padding:18px 0; font-size:13px;}
.result-row{display:flex; justify-content:space-between; padding:10px 12px; border-radius:8px; background:#fbfdff; margin-bottom:8px;}
.result-label{color:var(--muted); font-weight:600;}
.result-value{font-weight:700;}
.tabs{display:flex; gap:8px; margin-top:12px;}
.tab{padding:8px 12px; border-radius:8px; cursor:pointer; background:#f8fbff; border:1px solid #eef6ff;}
.tab.active{background:var(--tech-blue); color:white; border-color:var(--tech-blue);}
.patch-select, .college-select { display:flex; gap:8px; align-items:center; margin-top:8px; }
.pill { background:#f3f7ff; padding:6px 10px; border-radius:999px; border:1px solid #e6f0ff; font-weight:600; }
@media (max-width:760px){ .result-row{flex-direction:column; align-items:flex-start;} .header{flex-direction:column; align-items:flex-start;} }