@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--font-heading:"Outfit", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--bg-base-1:#f8fafc;--bg-base-2:#f1f5f9;--surface-glass:#fff;--surface-glass-hover:#f8fafc;--surface-card:#fff;--surface-inner:#f1f5f9;--primary:#4f46e5;--primary-hover:#4338ca;--primary-glow:#4f46e514;--secondary:#2563eb;--secondary-hover:#1d4ed8;--secondary-glow:#2563eb14;--accent-purple:#4f46e5;--text-main:#0f172a;--text-muted:#475569;--text-muted-darker:#64748b;--border-glass:#0f172a14;--border-glass-hover:#0f172a29;--success:#10b981;--success-bg:#10b98114;--danger:#ef4444;--danger-bg:#ef444414;--warning:#f59e0b;--warning-bg:#f59e0b14;--shadow-sm:0 1px 3px #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a0d, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a14;--shadow-glow:0 0 20px #4f46e526;--backdrop-blur:16px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-base-1);font-size:16px}body{font-family:var(--font-body);background:radial-gradient(circle at 50% 0%, var(--bg-base-1), var(--bg-base-2));color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none;transition:color .2s}code{background:#0f172a0a;border:1px solid #0f172a14;border-radius:4px;padding:2px 5px;font-family:Consolas,Monaco,Courier New,monospace}.app-container{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{flex-direction:column;flex-grow:1;gap:2.5rem;width:100%;max-width:1000px;margin:0 auto;padding:2.5rem 1rem;display:flex}.bg-mesh{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.mesh-blob{filter:blur(140px);opacity:.15;border-radius:50%;animation:20s cubic-bezier(.4,0,.2,1) infinite alternate float;position:absolute}.mesh-blob-1{background:var(--primary);width:500px;height:500px;top:-10%;left:10%}.mesh-blob-2{background:var(--secondary);width:400px;height:400px;animation-delay:-5s;bottom:10%;right:15%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.1)}to{transform:translate(-10px,10px)scale(.95)}}.glass-panel{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:border-color .25s,box-shadow .25s,transform .25s}.glass-panel:hover{border-color:var(--border-glass-hover);box-shadow:var(--shadow-lg), var(--primary-glow);transform:translateY(-1px)}.glass-navbar{z-index:50;-webkit-backdrop-filter:blur(var(--backdrop-blur));border-bottom:1px solid var(--border-glass);box-shadow:var(--shadow-sm);background:#ffffffd9;padding:.85rem 1.5rem;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;display:flex}.brand{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.logo-title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-main);font-size:1.25rem;font-weight:800;transition:opacity .2s}.brand:hover .logo-title{opacity:.85}.nav-links{align-items:center;gap:.65rem;display:flex}.nav-tab-group{border:1px solid var(--border-glass);background:#0f172a0d;border-radius:10px;align-items:center;gap:3px;padding:3px;display:inline-flex}.nav-tab-btn{color:var(--text-muted);font-family:var(--font-heading);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:.45rem;padding:.42rem .85rem;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.nav-tab-btn:hover{color:var(--text-main)}.nav-tab-btn.active{color:var(--primary);background:#fff;font-weight:700;box-shadow:0 1px 4px #0f172a14}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem 1rem 1rem;display:flex}.hero-title{letter-spacing:-.03em;color:var(--text-main);font-size:clamp(2rem,5vw,2.75rem);font-weight:800}.hero-subtitle{color:var(--text-muted);max-width:520px;font-size:clamp(.92rem,1.8vw,1.05rem);font-weight:400}.search-container{border-radius:var(--radius-md);width:100%;max-width:580px;box-shadow:var(--shadow-md);background:var(--surface-glass);align-items:center;gap:.5rem;margin-top:1rem;padding:.4rem;display:flex;position:relative}.search-container:focus-within{border-color:var(--primary);box-shadow:var(--shadow-lg), var(--shadow-glow)}.search-icon{color:var(--text-muted-darker);align-items:center;padding-left:.75rem;display:flex}.glass-input{color:var(--text-main);background:0 0;border:none;outline:none;flex-grow:1;width:100%;padding:.6rem .4rem;font-size:1rem;font-weight:500}.glass-input::placeholder{color:var(--text-muted-darker)}.glass-button{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;outline:none;align-items:center;gap:.4rem;padding:.65rem 1.4rem;font-size:.92rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #4f46e533}.glass-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 14px #4f46e54d}.glass-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.search-meta{width:100%;max-width:580px;color:var(--text-muted);justify-content:center;align-items:center;margin-top:.5rem;padding:0 .5rem;font-size:.85rem;display:flex}.force-fetch-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.force-fetch-checkbox{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.toggle-switch{border:1px solid var(--border-glass);background-color:#0f172a14;border-radius:50px;width:34px;height:18px;transition:background-color .25s;position:relative}.toggle-switch:after{content:"";background-color:var(--text-muted-darker);border-radius:50%;width:12px;height:12px;transition:left .25s,background-color .25s;position:absolute;top:2px;left:2px}.force-fetch-checkbox:checked~.toggle-switch{border-color:var(--primary);background-color:#4f46e533}.force-fetch-checkbox:checked~.toggle-switch:after{background-color:var(--primary);left:18px}.loading-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;width:100%;max-width:450px;margin:1.5rem auto;padding:2.5rem;display:flex}.spinner{border:3px solid #4f46e51a;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-steps{flex-direction:column;gap:.4rem;width:100%;max-width:240px;margin-top:.5rem;font-size:.82rem;display:flex}.lstep{color:var(--text-muted-darker);align-items:center;gap:.5rem;transition:color .3s;display:flex}.lstep.active{color:var(--primary)}.lstep.done{color:var(--success)}.result-layout{flex-direction:column;gap:2rem;margin-top:.5rem;display:flex}.summary-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;display:grid}.summary-card{text-align:center;border-radius:var(--radius-md);background:var(--surface-glass);border:1px solid var(--border-glass);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.summary-card:before{content:"";background:0 0;width:100%;height:3px;position:absolute;top:0;left:0}.summary-card.primary-accent:before{background:var(--primary)}.summary-card.secondary-accent:before{background:var(--secondary)}.summary-card.warning-accent:before{background:var(--warning)}.card-icon{margin-bottom:.1rem;font-size:1.8rem}.card-val{font-family:var(--font-heading);color:var(--text-main);font-size:2rem;font-weight:800}.card-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.cgpa-ring-wrap{justify-content:center;align-items:center;width:84px;height:84px;display:flex;position:relative}.cgpa-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#0f172a08;stroke-width:6px}.ring-fill{fill:none;stroke:url(#cgpaGrad);stroke-width:7px;stroke-linecap:round;stroke-dasharray:251.3;stroke-dashoffset:251.3px;filter:drop-shadow(0 2px 6px #4f46e526);transition:stroke-dashoffset 1.5s cubic-bezier(.16,1,.3,1)}.cgpa-num{font-family:var(--font-heading);color:var(--text-main);font-size:1.4rem;font-weight:800;position:absolute}.student-strip{border-left:4px solid var(--primary);background:var(--surface-glass);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 1.5rem;display:flex}.student-info-left{align-items:center;gap:1rem;display:flex}.student-avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:44px;height:44px;font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 3px 8px #4f46e526}.student-details{flex-direction:column;display:flex}.student-name{font-family:var(--font-heading);color:var(--text-main);font-size:1.15rem;font-weight:800}.student-meta{gap:.5rem;margin-top:.1rem;display:flex}.student-meta-tag{color:var(--text-muted);background:#0f172a08;border:1px solid #0f172a0f;border-radius:4px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.source-pill{border:1px solid var(--border-glass);color:var(--text-muted);background:#0f172a08;border-radius:50px;padding:.3rem .75rem;font-size:.78rem;font-weight:600}.source-pill.local{background:var(--warning-bg);color:var(--warning);border-color:#f59e0b26}.semester-switcher-container{flex-direction:column;gap:.5rem;display:flex}.sem-switcher-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding-left:.25rem;font-size:.8rem;font-weight:700}.semester-tabs{border:1px solid var(--border-glass);border-radius:var(--radius-md);scrollbar-width:none;background:#0f172a08;gap:.35rem;padding:.3rem;display:flex;overflow-x:auto}.semester-tabs::-webkit-scrollbar{display:none}.semester-tab{text-align:center;min-width:88px;font-family:var(--font-heading);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;padding:.65rem .85rem;font-size:.85rem;font-weight:600;transition:all .2s}.semester-tab:hover:not(:disabled){color:var(--text-main);background:#0f172a08}.semester-tab.active{background:linear-gradient(135deg, var(--primary), var(--secondary));box-shadow:0 4px 12px #4f46e533;color:#fff!important}.semester-tab:disabled{opacity:.3;cursor:not-allowed}.grades-container{padding:1.5rem}.grades-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.2rem;display:flex}.grades-header-title{font-size:1.15rem;font-weight:700}.grades-header-meta{align-items:center;gap:1rem;display:flex}.grades-count{color:var(--text-muted);border:1px solid var(--border-glass);background:#0f172a08;border-radius:4px;padding:.2rem .55rem;font-size:.8rem;font-weight:600}.table-scroll{border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:#fff;width:100%;overflow-x:auto}.grades-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.grades-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-glass);background:#f8fafc;padding:.9rem 1.1rem;font-size:.8rem;font-weight:600}.grades-table td{border-bottom:1px solid var(--border-glass);color:var(--text-main);padding:.95rem 1.1rem}.grades-table tbody tr{transition:background-color .2s}.grades-table tbody tr:hover{background-color:#f8fafc}.grades-table tbody tr:last-child td{border-bottom:none}.grade-pill{width:30px;height:30px;font-family:var(--font-heading);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:.88rem;font-weight:750;display:inline-flex}.grade-pill.gO{color:var(--primary);background:#4f46e514;border-color:#4f46e533}.grade-pill.gS{color:var(--primary);background:#4f46e50d;border-color:#4f46e526}.grade-pill.gA{color:var(--secondary);background:#2563eb14;border-color:#2563eb33}.grade-pill.gB{color:#059669;background:#10b98114;border-color:#10b98133}.grade-pill.gC{color:#d97706;background:#f59e0b14;border-color:#f59e0b33}.grade-pill.gD{color:#475569;background:#64748b14;border-color:#64748b33}.grade-pill.gF{color:#dc2626;background:#ef444414;border-color:#ef444433}.grade-pill.gX{border-color:var(--border-glass);color:var(--text-muted);background:#0f172a08}.status-pill{border-radius:4px;align-items:center;gap:.2rem;padding:.18rem .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-pill.pass{background:var(--success-bg);color:var(--success);border:1px solid #10b98133}.status-pill.fail{background:var(--danger-bg);color:var(--danger);border:1px solid #ef444433}.actions-row{flex-wrap:wrap;justify-content:flex-start;gap:.85rem;margin-top:.5rem;display:flex}.btn-secondary-glass{border:1px solid var(--border-glass);color:var(--text-main);background:#0f172a05}.btn-secondary-glass:hover{border-color:var(--border-glass-hover);background:#0f172a0d;transform:translateY(-1px)}.btn-outline-glass{border:1px solid var(--border-glass);color:var(--text-muted);background:0 0}.btn-outline-glass:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.error-card{text-align:center;width:100%;max-width:460px;box-shadow:var(--shadow-lg);border-color:#ef444440;flex-direction:column;align-items:center;gap:.85rem;margin:2rem auto;padding:2rem;display:flex}.error-icon-wrap{background:var(--danger-bg);width:48px;height:48px;color:var(--danger);border:1px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.1rem;font-size:1.3rem;display:flex}.error-title{color:var(--text-main);font-size:1.25rem}.error-msg{color:var(--text-muted);font-size:.9rem}.error-suggestion{color:var(--text-muted-darker);font-size:.82rem;font-style:italic}.toast-container{z-index:100;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-main);box-shadow:var(--shadow-lg);border-left:3px solid var(--primary);background:#fffffff2;align-items:center;gap:.45rem;padding:.75rem 1.25rem;font-size:.88rem;font-weight:500;display:flex}.site-footer{border-top:1px solid var(--border-glass);text-align:center;color:var(--text-muted);background:#ffffff80;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin-top:auto;padding:2.5rem 1.5rem;font-size:.88rem;display:flex}.site-footer blockquote{color:var(--text-muted);align-items:center;gap:.4rem;max-width:500px;margin:0 auto;font-style:normal;line-height:1.5;display:flex}.site-footer blockquote a{color:var(--primary);align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.site-footer blockquote a:hover{color:var(--primary-hover);text-decoration:underline}.dev-team-section{justify-content:center;padding:2rem 0;display:flex}.portfolio-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:2.5rem 2rem;display:flex}.avatar-wrapper{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:50%;width:140px;height:140px;margin-bottom:1.5rem;padding:4px;position:relative;box-shadow:0 10px 25px -5px #4f46e533}.profile-img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:100%;height:100%}.profile-name{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.75rem;font-weight:800}.profile-role{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;font-size:.95rem;font-weight:600}.profile-socials{justify-content:center;gap:.85rem;width:100%;display:flex}.social-btn{font-family:var(--font-heading);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;width:100%;max-width:130px;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.social-btn.github{color:#fff;background:#0f172a;border:none;box-shadow:0 4px 12px #0f172a26}.social-btn.github:hover{background:#1e293b;transform:translateY(-1.5px)}.social-btn.linkedin{color:#fff;background:#0077b5;border:none;box-shadow:0 4px 12px #0077b526}.social-btn.linkedin:hover{background:#008cc9;transform:translateY(-1.5px)}@media (width<=768px){.nav-container{flex-direction:column;gap:.75rem}.search-container{flex-direction:column;gap:.5rem;padding:.5rem}.glass-input{text-align:center;padding:.35rem}.glass-button{justify-content:center;width:100%}.student-strip{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.source-pill{align-self:flex-start}.actions-row{flex-direction:column;width:100%}.actions-row .glass-button,.actions-row .btn-secondary-glass,.actions-row .btn-outline-glass{text-align:center;justify-content:center;width:100%}}@media (width<=480px){.semester-tab{min-width:80px;padding:.55rem .7rem;font-size:.8rem}.portfolio-card{padding:2rem 1rem}}.entry-mode-switcher{border:1px solid var(--border-glass);background:#0f172a0d;border-radius:9999px;gap:4px;margin-bottom:1.5rem;padding:4px;display:inline-flex}.mode-switch-btn{font-family:var(--font-heading);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.mode-switch-btn:hover{color:var(--text-main)}.mode-switch-btn.active{color:var(--primary);box-shadow:var(--shadow-md);background:#fff}.student-login-card{text-align:left;width:100%;max-width:460px;margin:0 auto;padding:2rem;position:relative;overflow:hidden}.login-header{text-align:center;margin-bottom:1.5rem}.login-badge{background:var(--primary-glow);color:var(--primary);text-transform:uppercase;letter-spacing:.04em;border:1px solid #4f46e533;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.login-title{color:var(--text-main);font-size:1.4rem;font-weight:700}.login-subtitle{color:var(--text-muted);margin-top:.35rem;font-size:.875rem}.login-form{flex-direction:column;gap:1.1rem;display:flex}.login-field{flex-direction:column;gap:.4rem;display:flex}.login-field-label{color:var(--text-main);justify-content:space-between;font-size:.825rem;font-weight:600;display:flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon-left{color:var(--text-muted);pointer-events:none;position:absolute;left:.9rem}.input-with-icon input{width:100%;font-size:.95rem;font-family:var(--font-body);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-main);background:#ffffffe6;padding:.75rem .9rem .75rem 2.6rem;transition:all .2s}.input-with-icon input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e526}.input-btn-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:.75rem}.login-security-notice{border-radius:var(--radius-sm);color:#065f46;background:#10b9810f;border:1px solid #10b98126;align-items:center;gap:.5rem;padding:.65rem .85rem;font-size:.775rem;line-height:1.4;display:flex}.section-nav-container{justify-content:center;margin:1.25rem 0 1.5rem;display:flex}.section-nav-bar{background:var(--surface-glass);-webkit-backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--border-glass);box-shadow:var(--shadow-md);border-radius:9999px;gap:6px;max-width:100%;padding:5px;display:inline-flex;overflow-x:auto}.section-tab-btn{color:var(--text-muted);font-family:var(--font-heading);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;align-items:center;gap:.6rem;padding:.65rem 1.4rem;font-size:.925rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.section-tab-btn:hover{color:var(--text-main);background:#0f172a08}.section-tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #4f46e559}.section-tab-badge{color:inherit;background:#ffffff40;border-radius:9999px;align-items:center;padding:.15rem .45rem;font-size:.725rem;font-weight:700;display:inline-flex}.section-tab-btn:not(.active) .section-tab-badge{color:var(--text-muted-darker);background:#0f172a14}.attendance-layout{flex-direction:column;gap:1.5rem;display:flex}.attendance-summary-grid{grid-template-columns:1fr 1.5fr;gap:1.25rem;display:grid}.attendance-gauge-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1.75rem;display:flex}.gauge-svg-wrap{justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.gauge-svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge-track{fill:none;stroke:#0f172a0f;stroke-width:8px}.gauge-fill{fill:none;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.gauge-fill.safe{stroke:var(--success)}.gauge-fill.warning{stroke:var(--warning)}.gauge-fill.critical{stroke:var(--danger)}.gauge-center-val{flex-direction:column;align-items:center;display:flex;position:absolute}.gauge-pct{font-family:var(--font-heading);color:var(--text-main);font-size:1.85rem;font-weight:800;line-height:1}.gauge-lbl{color:var(--text-muted);margin-top:.2rem;font-size:.75rem;font-weight:500}.att-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.att-metric-card{flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex}.att-metric-header{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;display:flex}.att-metric-num{font-family:var(--font-heading);color:var(--text-main);margin:.35rem 0;font-size:1.6rem;font-weight:800}.att-metric-footer{color:var(--text-muted);font-size:.775rem}.status-tag{border-radius:9999px;align-items:center;gap:.35rem;margin-top:.75rem;padding:.3rem .75rem;font-size:.775rem;font-weight:700;display:inline-flex}.status-tag.safe{color:#065f46;background:#10b9811f}.status-tag.warning{color:#92400e;background:#f59e0b1f}.status-tag.critical{color:#991b1b;background:#ef44441f}.att-progress-cell{min-width:140px}.att-progress-track{background:#0f172a14;border-radius:9999px;width:100%;height:7px;margin-bottom:.25rem;overflow:hidden}.att-progress-bar{border-radius:9999px;height:100%;transition:width .6s}.att-progress-bar.safe{background:var(--success)}.att-progress-bar.warning{background:var(--warning)}.att-progress-bar.critical{background:var(--danger)}.att-unlock-card{text-align:center;flex-direction:column;align-items:center;max-width:520px;margin:1.5rem auto;padding:2.5rem 1.5rem;display:flex}.att-unlock-icon{background:var(--primary-glow);width:56px;height:56px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.att-unlock-title{color:var(--text-main);font-size:1.25rem;font-weight:700}.att-unlock-desc{color:var(--text-muted);max-width:400px;margin-top:.35rem;font-size:.875rem}.sessional-layout{flex-direction:column;gap:1.25rem;display:flex}.sessional-tab-bar{border-radius:var(--radius-md);background:#0f172a0a;gap:4px;margin-bottom:.5rem;padding:4px;display:inline-flex}.sessional-tab{font-family:var(--font-heading);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:.55rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.sessional-tab:hover{color:var(--text-main)}.sessional-tab.active{color:var(--primary);box-shadow:var(--shadow-sm);background:#fff}.sessional-info-banner{border-radius:var(--radius-md);color:var(--secondary);background:#2563eb0f;border:1px solid #2563eb26;align-items:center;gap:.75rem;padding:.85rem 1.25rem;font-size:.85rem;font-weight:500;display:flex}.score-pill{font-family:var(--font-heading);border-radius:var(--radius-sm);color:var(--primary);background:#4f46e514;padding:.25rem .65rem;font-size:.9rem;font-weight:700;display:inline-block}@media (width<=768px){.attendance-summary-grid{grid-template-columns:1fr}.section-tab-btn{padding:.5rem .9rem;font-size:.825rem}}.qa-login-wrapper{width:100%;max-width:520px;margin:1.5rem auto 3rem}.qa-card{background:#0f1118;border:1px solid #1c202e;border-radius:16px;padding:2.25rem 2rem;box-shadow:0 16px 36px -10px #0009}.qa-title-row{justify-content:space-between;align-items:center;display:flex}.clean-login-wrapper{width:100%;max-width:440px;margin:2.5rem auto 3.5rem}.clean-login-card{background:#fff;border:1px solid #0f172a17;border-radius:16px;padding:2.25rem 2rem;box-shadow:0 12px 30px -8px #0f172a12}.clean-login-header{text-align:center;margin-bottom:1.75rem}.clean-login-title{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.01em;font-size:1.45rem;font-weight:800}.clean-login-subtitle{color:var(--text-muted);margin-top:.35rem;font-size:.88rem;line-height:1.45}.clean-input-group{margin-bottom:1.25rem}.clean-input-label{font-family:var(--font-heading);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.45rem;font-size:.82rem;font-weight:700;display:block}.clean-input-wrapper{align-items:center;display:flex;position:relative}.clean-input{width:100%;color:var(--text-main);font-family:var(--font-body);background:#f8fafc;border:1px solid #0f172a1f;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.clean-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #4f46e51a}.clean-input::placeholder{color:#94a3b8;font-size:.88rem}.clean-eye-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clean-eye-btn:hover{color:var(--text-main)}.clean-login-btn{background:var(--primary);color:#fff;width:100%;font-family:var(--font-heading);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:1.5rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #4f46e540}.clean-login-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 6px 16px #4f46e559}.clean-login-btn:disabled{opacity:.55;cursor:not-allowed}.login-form-error{background:var(--danger-bg);color:var(--danger);font-family:var(--font-heading);letter-spacing:.01em;border:1px solid #ef444440;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:.85rem;margin-bottom:.15rem;padding:.65rem 1rem;font-size:.88rem;font-weight:700;animation:.3s ease-in-out login-error-shake;display:flex}@keyframes login-error-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.dash-top-nav{border-bottom:1px solid var(--border-glass);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;padding:.85rem 0 1.25rem;display:flex}.dash-top-left{align-items:center;gap:.85rem;min-width:0;display:flex}.dash-exit-btn{background:var(--surface-glass);border:1px solid var(--border-glass);color:var(--text-muted);font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:6px;padding:.42rem .85rem;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.dash-exit-btn:hover{color:var(--danger);background:var(--danger-bg);border-color:#ef44444d;transform:translate(-1px)}.dash-student-badge{flex-direction:column;min-width:0;display:flex}.dash-student-name{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:1rem;font-weight:800;overflow:hidden}.dash-student-roll{color:var(--primary);letter-spacing:.04em;font-family:Consolas,Monaco,monospace;font-size:.76rem;font-weight:700}.dash-top-right{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.dash-top-tabs{border:1px solid var(--border-glass);background:#0f172a0d;border-radius:10px;align-items:center;gap:3px;padding:3px;display:inline-flex}.dash-top-tab{font-family:var(--font-heading);letter-spacing:.02em;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:.42rem 1.1rem;font-size:.86rem;font-weight:700;transition:all .2s}.dash-top-tab:hover{color:var(--text-main)}.dash-top-tab.active{color:var(--primary);background:#fff;font-weight:800;box-shadow:0 1px 4px #0f172a14}.dash-refresh-btn{border:1px solid var(--border-glass);color:var(--text-main);font-family:var(--font-heading);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:.42rem .85rem;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.dash-refresh-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.dash-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.dash-sub-pill-container{justify-content:flex-end;margin-bottom:2rem;display:flex}.dash-sub-pill-container.centered{justify-content:center}.dash-sub-pill-bar{border:1px solid var(--border-glass);background:#0f172a0d;border-radius:10px;gap:4px;padding:4px;display:inline-flex}.dash-sub-pill-btn{color:var(--text-muted);font-family:var(--font-heading);letter-spacing:.02em;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:.45rem 1.25rem;font-size:.82rem;font-weight:700;transition:all .2s}.dash-sub-pill-btn:hover{color:var(--text-main)}.dash-sub-pill-btn.active{color:var(--primary);background:#fff;box-shadow:0 1px 4px #0f172a14}.img2-attendance-grid{grid-template-columns:1.05fr 1.35fr;align-items:start;gap:3.5rem;display:grid}@media (width<=900px){.img2-attendance-grid{grid-template-columns:1fr;gap:2.5rem}}.att-hero-col{flex-direction:column;display:flex}.att-hero-label{font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted-darker);margin-bottom:.65rem;font-size:.82rem;font-weight:800}.att-hero-big-num{font-family:var(--font-heading);letter-spacing:-.04em;color:var(--text-main);align-items:baseline;gap:2px;font-size:5.5rem;font-weight:900;line-height:1;display:flex}.att-hero-pct{color:var(--text-muted-darker);font-size:3.2rem;font-weight:800}.att-hero-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-top:1rem;margin-bottom:2rem;font-family:Consolas,Monaco,monospace;font-size:.85rem;font-weight:700}.target-calc-box{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #0f172a14;border-radius:14px;padding:1.75rem}.target-calc-heading{font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted-darker);margin-bottom:1.35rem;font-size:.88rem;font-weight:800}.target-calc-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.target-calc-label{font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.82rem;font-weight:800}.target-stepper-control{background:#f1f5f9;border:1px solid #0f172a14;border-radius:8px;align-items:center;display:flex;overflow:hidden}.target-stepper-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:32px;font-size:1.1rem;font-weight:700;transition:all .15s;display:flex}.target-stepper-btn:hover{color:var(--text-main);background:#e2e8f0}.target-stepper-display{text-align:center;min-width:48px;font-family:var(--font-heading);color:var(--text-main);font-size:.95rem;font-weight:800}.target-slider-panel{border-top:1px solid #0f172a14;margin-top:1.25rem;padding-top:1.1rem}.target-slider-item{margin-bottom:1.1rem}.target-slider-item-header{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted-darker);font-size:.76rem;font-weight:800;font-family:var(--font-heading);justify-content:space-between;align-items:center;margin-bottom:.45rem;display:flex}.target-slider-val{color:var(--primary);font-size:.82rem;font-weight:800}.target-range{appearance:none;cursor:pointer;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px}.target-range::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;box-shadow:0 0 6px #4f46e566}.target-range::-webkit-slider-thumb:hover{transform:scale(1.18)}.target-range::-moz-range-thumb{background:var(--primary);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 6px #4f46e566}.target-reset-btn{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;margin-left:8px;padding:0;font-size:.72rem;font-weight:700}.target-reset-btn:hover{text-decoration:underline}.target-calc-result-banner{margin-top:1.15rem;font-size:.95rem;font-weight:700;line-height:1.45}.target-calc-result-banner.safe{color:var(--success)}.target-calc-result-banner.deficit{color:var(--danger)}.subject-list-container{flex-direction:column;display:flex}.subject-item-row{border-bottom:1px solid #0f172a0f;justify-content:space-between;align-items:center;padding:1.15rem .5rem;transition:background .15s;display:flex}.subject-item-row:last-child{border-bottom:none}.subject-item-info{flex-direction:column;gap:4px;display:flex}.subject-item-name{font-family:var(--font-heading);color:var(--text-main);letter-spacing:.01em;font-size:1.15rem;font-weight:800}.subject-item-ratio{color:var(--text-muted);font-family:Consolas,monospace;font-size:.88rem;font-weight:600}.subject-ring-badge{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.subject-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.subject-ring-track{fill:none;stroke:#e2e8f0;stroke-width:3.5px}.subject-ring-fill{fill:none;stroke-width:3.5px;stroke-linecap:round;transition:stroke-dashoffset .8s}.subject-ring-number{font-family:var(--font-heading);color:var(--text-main);font-size:.92rem;font-weight:800;position:absolute}@keyframes heartbeat-pulse{0%{opacity:.85;transform:scale(1)translateY(0)}14%{opacity:1;filter:drop-shadow(0 0 6px #ffffffe6);transform:scale(1.22)translateY(-4px)}28%{opacity:.85;transform:scale(1)translateY(0)}42%{opacity:1;filter:drop-shadow(0 0 8px #fff);transform:scale(1.3)translateY(-5px)}58%{opacity:.9;transform:scale(.96)translateY(2px)}72%{opacity:.85;transform:scale(1)translateY(0)}to{opacity:.85;transform:scale(1)translateY(0)}}.heartbeat-signal{vertical-align:middle;animation:1.15s cubic-bezier(.215,.61,.355,1) infinite heartbeat-pulse;display:inline-block}.clean-login-btn-group{gap:.85rem;width:100%;margin-top:1.5rem;display:flex}.clean-login-btn-group .clean-login-btn{flex:1;margin-top:0;padding:.85rem 1rem}.clean-login-btn.btn-save-login{background:linear-gradient(135deg, var(--primary), var(--secondary));box-shadow:0 4px 14px #4f46e54d}.clean-login-btn.btn-save-login:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-hover), var(--secondary-hover));transform:translateY(-1px);box-shadow:0 6px 18px #4f46e56b}.clean-login-btn.btn-login-clean{background:var(--surface-inner);color:var(--text-main);border:1px solid var(--border-glass);box-shadow:var(--shadow-sm)}.clean-login-btn.btn-login-clean:hover:not(:disabled){background:var(--surface-glass-hover);border-color:var(--border-glass-hover);color:var(--primary);transform:translateY(-1px)}@media (width<=480px){.clean-login-btn-group{flex-direction:column}}.saved-accounts-wrapper{width:100%;max-width:440px;margin:1.5rem auto 0}.saved-accounts-card{background:var(--surface-card);border:1px solid var(--border-glass);box-shadow:var(--shadow-md);border-radius:14px;padding:1.25rem 1.4rem;transition:all .2s}.saved-accounts-card:hover{border-color:var(--border-glass-hover);box-shadow:var(--shadow-lg)}.saved-accounts-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;margin-bottom:.95rem;padding-bottom:.65rem;display:flex}.saved-accounts-title-wrap{align-items:center;gap:.5rem;display:flex}.saved-accounts-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.88rem;font-weight:700}.saved-accounts-badge{color:var(--primary);background:#4f46e51a;border:1px solid #4f46e533;border-radius:50px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.saved-accounts-list{flex-direction:column;gap:.6rem;display:flex}.saved-account-item{background:var(--surface-inner);border:1px solid var(--border-glass);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:.65rem .85rem;transition:all .2s;display:flex}.saved-account-item:hover{border-color:var(--primary);background:#4f46e50a;transform:translate(2px)}.saved-account-left{align-items:center;gap:.75rem;min-width:0;display:flex}.saved-account-avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:34px;height:34px;font-family:var(--font-heading);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;display:flex;box-shadow:0 2px 6px #4f46e540}.saved-account-info{flex-direction:column;min-width:0;display:flex}.saved-account-roll{font-family:var(--font-heading);color:var(--text-main);letter-spacing:.02em;font-size:.95rem;font-weight:800}.saved-account-meta{color:var(--text-muted);font-size:.75rem}.saved-account-actions{align-items:center;gap:.45rem;display:flex}.saved-account-load-btn{border:1px solid var(--border-glass);color:var(--text-muted);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:6px;padding:.35rem .65rem;font-size:.76rem;font-weight:700;transition:all .2s}.saved-account-load-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.saved-account-star-btn{color:var(--text-muted-darker);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex}.saved-account-star-btn:hover{color:#f59e0b;background:#f59e0b26}.saved-account-star-btn.starred{color:#f59e0b}.saved-account-delete-btn{color:var(--text-muted-darker);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex}.saved-account-delete-btn:hover{color:var(--danger);background:var(--danger-bg)}.semester-sgpa-badge{color:var(--primary);font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;background:#4f46e51a;border:1px solid #4f46e54d;border-radius:8px;align-items:center;gap:6px;padding:.32rem .85rem;font-size:.92rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #4f46e51f}.semester-sgpa-badge:hover{background:#4f46e529;border-color:#4f46e573;box-shadow:0 4px 12px #4f46e533}@media (width<=768px){.glass-navbar{padding:.65rem 1rem}.nav-container{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.nav-links{gap:.45rem}.nav-tab-btn{gap:.3rem;padding:.35rem .6rem;font-size:.82rem}.logo-title{font-size:1.15rem}.main-content{gap:1.5rem;padding:1.25rem .85rem}.att-hero-big-num{font-size:3.6rem!important}.att-hero-pct{font-size:2.2rem!important}.dash-top-nav{flex-direction:column;align-items:stretch;gap:.85rem;padding-bottom:.85rem}.dash-top-left,.dash-top-right{justify-content:space-between;width:100%}.dash-top-tabs{flex:1;justify-content:center}.dash-top-tab{text-align:center;flex:1}.summary-row{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.summary-card{padding:1rem .65rem!important}.summary-card .card-val{font-size:1.35rem!important}.summary-card .card-lbl{font-size:.68rem!important}.cgpa-ring-wrap{width:66px!important;height:66px!important}.cgpa-num{font-size:1.15rem!important}}@media (width<=480px){.clean-login-wrapper{margin:1rem auto 2rem;padding:0 .25rem}.clean-login-card{border-radius:12px;padding:1.5rem 1.15rem}.clean-login-title{font-size:1.3rem}.clean-input{padding:.7rem .85rem;font-size:16px}.saved-accounts-wrapper{margin:1.25rem auto 0}.saved-accounts-card{padding:1rem .85rem}.saved-account-item{padding:.55rem .65rem}.saved-account-roll{font-size:.88rem}.saved-account-meta{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.7rem;overflow:hidden}.saved-account-actions{gap:.25rem}.saved-account-load-btn{padding:.3rem .5rem;font-size:.72rem}.grades-header-row{flex-direction:column;align-items:flex-start;gap:.5rem}.grades-header-meta{justify-content:space-between;width:100%}.grades-container{padding:1rem .75rem}.grades-table th,.grades-table td{padding:.65rem .5rem;font-size:.78rem}.table-scroll,.semester-tabs{-webkit-overflow-scrolling:touch}}