@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-cyrillic-ext-400-normal-CBMNjBwz.woff2) format("woff2"),url(/assets/eb-garamond-cyrillic-ext-400-normal-DvVFcYIV.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-cyrillic-400-normal-DLFur4M8.woff2) format("woff2"),url(/assets/eb-garamond-cyrillic-400-normal-Cgupd8z3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-greek-ext-400-normal-xgh5yVqR.woff2) format("woff2"),url(/assets/eb-garamond-greek-ext-400-normal-m3zVZPMF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-greek-400-normal-Bd9qxgO7.woff2) format("woff2"),url(/assets/eb-garamond-greek-400-normal-Co9-8-br.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-vietnamese-400-normal-CfDT8MMM.woff2) format("woff2"),url(/assets/eb-garamond-vietnamese-400-normal-yoRrTn3C.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-ext-400-normal-8a_ZZ2Qq.woff2) format("woff2"),url(/assets/eb-garamond-latin-ext-400-normal-Ckqal4CG.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-400-normal-DSJrtJSV.woff2) format("woff2"),url(/assets/eb-garamond-latin-400-normal-zgGxM6DR.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/eb-garamond-cyrillic-ext-700-normal-DyzZdXBX.woff2) format("woff2"),url(/assets/eb-garamond-cyrillic-ext-700-normal-D5VNW9HL.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/eb-garamond-cyrillic-700-normal-BZFt2Joo.woff2) format("woff2"),url(/assets/eb-garamond-cyrillic-700-normal-CWv7Yhsm.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/eb-garamond-greek-ext-700-normal-BIxyKLA1.woff2) format("woff2"),url(/assets/eb-garamond-greek-ext-700-normal-ByUT8LXT.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/eb-garamond-greek-700-normal-ruzFsrp0.woff2) format("woff2"),url(/assets/eb-garamond-greek-700-normal-DE29PU1X.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/eb-garamond-vietnamese-700-normal-BP8XhI7Q.woff2) format("woff2"),url(/assets/eb-garamond-vietnamese-700-normal-QFZuz62c.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/eb-garamond-latin-ext-700-normal-C9dZIH7g.woff2) format("woff2"),url(/assets/eb-garamond-latin-ext-700-normal-DNeH1Vku.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/eb-garamond-latin-700-normal-CVbms4T2.woff2) format("woff2"),url(/assets/eb-garamond-latin-700-normal-iZ6Ol97T.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-nastaliq-urdu-arabic-400-normal-BVDOj1dq.woff2) format("woff2"),url(/assets/noto-nastaliq-urdu-arabic-400-normal-Df9iHKj9.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-nastaliq-urdu-latin-ext-400-normal-ULxojL9g.woff2) format("woff2"),url(/assets/noto-nastaliq-urdu-latin-ext-400-normal-BwovpPbk.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-nastaliq-urdu-latin-400-normal-uocoWRvS.woff2) format("woff2"),url(/assets/noto-nastaliq-urdu-latin-400-normal-BlOzo2Ia.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-nastaliq-urdu-arabic-700-normal-CV4fHIsl.woff2) format("woff2"),url(/assets/noto-nastaliq-urdu-arabic-700-normal-DLTMJhMG.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-nastaliq-urdu-latin-ext-700-normal-C3YvDW3y.woff2) format("woff2"),url(/assets/noto-nastaliq-urdu-latin-ext-700-normal-BBxErJIn.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-nastaliq-urdu-latin-700-normal-rBmT3leA.woff2) format("woff2"),url(/assets/noto-nastaliq-urdu-latin-700-normal-dXX0GMKS.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;padding:0;min-width:320px;min-height:100vh;max-width:100%;overflow-x:hidden}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary: #0f172a;--primary-green: #0d9488;--primary-green-light: #14b8a6;--primary-green-dark: #134e4a;--accent-green: #2dd4bf;--bg-main: #f8fafc;--bg-card: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--border-subtle: rgba(226, 232, 240, .6);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-premium: 0 4px 24px -6px rgba(13, 148, 136, .12), 0 12px 32px 0 rgba(15, 23, 42, .04);--shadow-glow: 0 0 20px rgba(13, 148, 136, .15);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--glass-bg: rgba(255, 255, 255, .85);--glass-blur: blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.app-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-main);background-image:radial-gradient(at 0% 0%,rgba(20,184,166,.05) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(13,148,136,.03) 0,transparent 50%);background-attachment:fixed;overflow-x:hidden;width:100%}.main-header{background-color:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:1000}.header-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:72px}@media (min-width: 768px){.header-container{padding:0 2rem}}.header-logo{display:flex;align-items:center;gap:.75rem}.logo-icon-premium{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));color:#fff;border-radius:12px;margin-right:.1rem;box-shadow:var(--shadow-glow);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.logo-icon-premium:hover{transform:rotate(5deg) scale(1.05)}.logo-icon-premium svg{width:20px;height:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.logo-text{font-size:1.125rem;font-weight:800;color:#0f172a;letter-spacing:-.025em}.main-nav{display:flex;align-items:center;gap:.5rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;color:#6c757d;text-decoration:none;font-size:.9375rem;font-weight:500;border-radius:6px;transition:all .3s ease}.nav-link svg{width:18px;height:18px}.nav-link:hover{color:#06c;background-color:#f1f5f9}.nav-link.active{color:#06c;background-color:#e0f2fe}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#6c757d;cursor:pointer;transition:all .3s ease}.icon-btn:hover{background-color:#f1f5f9;color:#06c}.icon-btn svg{width:20px;height:20px}.btn-logout-text{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#dc3545;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-height:44px}.btn-logout-text:hover{background-color:#c82333}.btn-logout-text svg{width:18px;height:18px}.user-menu{display:flex;align-items:center;gap:.75rem;padding:.375rem .5rem .375rem .75rem;background-color:#f8f9fa;border-radius:8px}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:#06c;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{display:flex;flex-direction:column;gap:.125rem}.user-name{font-size:.875rem;font-weight:600;color:#1a1a2e!important;display:none}@media (min-width: 480px){.user-name{display:block}}.user-role{font-size:.75rem;color:#6c757d!important;text-transform:capitalize;display:none}@media (min-width: 640px){.user-role{display:block}}.logout-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#dc3545;border:none;border-radius:6px;color:#fff!important;cursor:pointer;transition:all .3s ease;flex-shrink:0;padding:0}.logout-btn:hover{background-color:#c82333}.logout-btn svg{width:18px;height:18px;stroke:#fff}.main-content{flex:1;padding:1rem;max-width:1400px;margin:0 auto;width:100%}@media (min-width: 768px){.main-content{padding:2rem}}.toast-container{position:fixed;top:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease;min-width:300px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background-color:#d4edda;border-left:4px solid #28a745;color:#155724}.toast-error{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.toast-warning{background-color:#fff3cd;border-left:4px solid #ffc107;color:#856404}.toast-info{background-color:#d1ecf1;border-left:4px solid #17a2b8;color:#0c5460}.toast-icon{flex-shrink:0}.toast-icon svg{width:20px;height:20px}.toast-message{flex:1;font-size:.9375rem;font-weight:500}.toast-close{background:none;border:none;cursor:pointer;padding:4px;color:inherit;opacity:.6;transition:opacity .2s}.toast-close:hover{opacity:1}.toast-close svg{width:16px;height:16px}.main-footer{background-color:#fff;border-top:1px solid #e9ecef;padding:1.5rem 2rem}.footer-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem}@media (min-width: 768px){.footer-container{flex-direction:row;justify-content:space-between;text-align:left}}.footer-nav{display:flex;gap:1.5rem}.footer-nav a{color:#6c757d;text-decoration:none;font-size:.875rem;transition:color .3s ease}.footer-nav a:hover{color:#06c}.app-header{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%);color:#fff;padding:1rem 2rem;box-shadow:var(--shadow-md)}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo-section h1{font-size:1.75rem;font-weight:700;margin:0}.logo-section .subtitle{font-size:.875rem;opacity:.9}.app-nav{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.nav-item{padding:.5rem 1rem;border-radius:var(--radius-sm);opacity:.7;transition:all .3s ease}.nav-item.active{background-color:#fff3;opacity:1;font-weight:600}.nav-separator{opacity:.5}.app-main{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.app-footer{background-color:var(--primary-green-dark);color:#fff;text-align:center;padding:1rem;font-size:.875rem}.upload-view{max-width:800px;margin:0 auto}.welcome-section{text-align:center;margin-bottom:2rem}.welcome-section h2{font-size:2rem;color:var(--primary-green);margin-bottom:.5rem}.welcome-section p{color:var(--text-medium)}.file-upload-container{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg)}.upload-area{border:3px dashed var(--border-color);border-radius:var(--radius-md);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background-color:var(--bg-light)}.upload-area:hover{border-color:var(--primary-green);background-color:#dcfce7}.upload-area.dragging{border-color:var(--primary-green);background-color:#bbf7d0;transform:scale(1.02)}.upload-icon{color:var(--primary-green);margin-bottom:1rem}.upload-area h3{color:var(--text-dark);margin-bottom:.5rem}.upload-area p{color:var(--text-medium);margin-bottom:.25rem}.upload-area .sub-text{color:var(--text-light);font-size:.875rem}.upload-area .file-types{display:inline-block;margin-top:1rem;padding:.25rem .75rem;background-color:#fff;border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-light)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);color:#dc2626}.template-section{margin-top:1.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid var(--border-color)}.template-section p{color:var(--text-medium);margin-bottom:.75rem}.btn-template{background-color:transparent;color:var(--primary-green);border:2px solid var(--primary-green);padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.btn-template:hover{background-color:var(--primary-green);color:#fff}.student-list-container{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg)}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.list-header h2{color:var(--primary-green)}.header-actions{display:flex;align-items:center;gap:1rem}.student-count{color:var(--text-medium);font-size:.9rem}.btn-clear{background-color:var(--primary-green);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background-color .3s ease}.btn-clear:hover{background-color:var(--primary-green-dark)}.btn-download-all{background-color:var(--accent-green);color:var(--primary-green-dark);border:none;padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.btn-download-all:hover{background-color:#22c55e}.students-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}@media (min-width: 768px){.students-table-wrapper{margin:0;padding:0}}.students-table{width:100%;border-collapse:collapse}.students-table th,.students-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.students-table th{background-color:var(--bg-light);color:var(--primary-green);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.students-table tr:hover{background-color:#f9fafb}.btn-view{background-color:var(--accent-green);color:var(--primary-green-dark);border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease}.btn-view:hover{background-color:var(--primary-green);color:#fff}.empty-state{text-align:center;padding:3rem;color:var(--text-light)}.report-card-wrapper{max-width:1000px;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2rem}@media print{.report-card-wrapper{overflow:visible;padding-bottom:0}}.report-card-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.action-buttons{display:flex;gap:.75rem}.btn-back{background-color:transparent;color:var(--text-medium);border:1px solid var(--border-color);padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back:hover{background-color:#f3f4f6}.btn-print,.btn-download{background-color:var(--primary-green);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background-color .3s ease}.btn-print:hover,.btn-download:hover{background-color:var(--primary-green-dark)}.report-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;font-size:.9rem}.report-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%);color:#fff}.header-center{text-align:center;flex:1}.title-urdu{font-size:1.5rem;margin-bottom:.25rem;font-weight:700}.title-english{font-size:1rem;opacity:.9;font-weight:500}.logo-placeholder{width:60px;height:60px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;text-align:center}.student-info-section,.marks-section,.grade-scale-section,.remarks-section,.signatures-section{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.section-title{color:var(--primary-green);font-size:1.1rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-green)}.info-grid{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;flex-wrap:wrap;gap:2rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-size:.8rem;color:var(--text-light);font-weight:500}.info-item span{font-weight:600;color:var(--text-dark)}.marks-table{width:100%;border-collapse:collapse;font-size:.8rem}.marks-table th,.marks-table td{border:1px solid #d1d5db;padding:.5rem;text-align:center}.marks-table th{background-color:var(--primary-green);color:#fff;font-weight:600}.marks-table .subject-name{text-align:right;font-weight:600}.marks-table .total-row{background-color:var(--bg-light);font-weight:700}.marks-table .total-row td{background-color:#dcfce7}.grade-table{width:100%;max-width:300px;border-collapse:collapse;margin-bottom:1rem}.grade-table td{border:1px solid #d1d5db;padding:.5rem 1rem}.grade-cell{background-color:var(--primary-green);color:#fff;font-weight:700;text-align:center;width:60px}.percentage-cell{text-align:center}.grade-note{font-size:.8rem;color:var(--text-medium);font-style:italic}.remarks-box{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1rem;min-height:80px;background-color:#f9fafb}.signatures-section{display:flex;justify-content:space-between;gap:2rem;border-bottom:none}.signature-box{flex:1;text-align:center}.signature-box label{display:block;font-size:.8rem;color:var(--text-medium);margin-bottom:.5rem}.signature-line{border-bottom:1px solid var(--text-dark);height:40px;margin-top:1rem}.report-footer{background-color:var(--primary-green);color:#fff;text-align:center;padding:1rem;font-size:.8rem}.login-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f8f9fa}.login-header{background-color:#fff;border-bottom:1px solid #e9ecef;padding:1rem 2rem}.login-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.login-logo{font-size:1.25rem;font-weight:700;color:#1a1a2e}.login-nav{display:flex;gap:1.5rem}@media (max-width: 480px){.login-nav{display:none}}.login-nav a{color:#6c757d;text-decoration:none;font-size:.875rem;transition:color .3s ease}.login-nav a:hover{color:#1a1a2e}.login-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem}.login-container{background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;width:100%;max-width:400px;text-align:center}@media (max-width: 480px){.login-container{padding:1.5rem 1rem;border-radius:0;box-shadow:none;background-color:transparent}.login-main{padding:1rem;justify-content:flex-start}.login-title{font-size:1.5rem}}.login-title{font-size:1.75rem;font-weight:700;color:#1a1a2e;margin-bottom:.5rem}.login-subtitle{color:#6c757d;font-size:.875rem;margin-bottom:2rem}.role-tabs{display:flex;background-color:#f1f3f5;border-radius:8px;padding:4px;margin-bottom:1.5rem}.role-tab{flex:1;padding:.625rem 1rem;border:none;background:transparent;color:#6c757d;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .3s ease}.role-tab:hover{color:#1a1a2e}.role-tab.active{background-color:#fff;color:#1a1a2e;box-shadow:0 1px 3px #0000001a}.google-signin-btn-large{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;font-size:.9375rem;font-weight:500;color:#495057;cursor:pointer;transition:all .3s ease}.google-signin-btn-large:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.google-signin-btn-large:disabled{opacity:.6;cursor:not-allowed}.google-signin-btn-large .google-icon{width:20px;height:20px}.loading-text{color:#6c757d}.login-error{margin-top:1rem;padding:.75rem;background-color:#fff5f5;border:1px solid #feb2b2;border-radius:6px;color:#c53030;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.login-help{margin-top:2rem;color:#6c757d;font-size:.875rem}.login-help a{color:#06c;text-decoration:none}.login-help a:hover{text-decoration:underline}.login-footer{background-color:#fff;border-top:1px solid #e9ecef;padding:1.5rem 2rem}.login-footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.copyright{color:#6c757d;font-size:.875rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#6c757d;text-decoration:none;font-size:.875rem;transition:color .3s ease}.footer-links a:hover{color:#1a1a2e}.user-section{display:flex;align-items:center}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;border-radius:50%;border:2px solid white}.user-name{color:#fff;font-weight:500;font-size:.9rem}.btn-logout{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.4rem .8rem;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:all .3s ease}.btn-logout:hover{background-color:#ffffff4d}.mode-toggle{display:flex;background-color:#fff3;border-radius:var(--radius-md);padding:4px;gap:4px}.mode-toggle button{background:transparent;color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:all .3s ease;opacity:.8}.mode-toggle button.active{background-color:#fff;color:var(--primary-green);opacity:1;font-weight:600}.mode-toggle button:hover:not(.active){opacity:1;background-color:#ffffff1a}.student-management{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg)}.management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.management-header h2{color:var(--primary-green)}.btn-view-sheets{background-color:#4285f4;color:#fff;text-decoration:none;padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;transition:background-color .3s ease}.btn-view-sheets:hover{background-color:#3367d6}.btn-add{background-color:var(--primary-green);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background-color .3s ease}.btn-add:hover{background-color:var(--primary-green-dark)}.btn-add-report{background-color:var(--accent-green);color:var(--primary-green-dark);border:none;padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add-report:hover:not(:disabled){background-color:#22c55e}.btn-add-report:disabled{opacity:.5;cursor:not-allowed}.form-container-premium{background:var(--bg-card);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-premium);max-width:1000px;margin:1.5rem auto 5rem;border:1px solid var(--border-subtle);animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.premium-card{background:#fff;border-radius:var(--radius-md);padding:1.5rem;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);margin-bottom:2rem;transition:all .3s ease}.premium-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-green-light)}.profile-summary-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid var(--primary-green);padding:1.5rem;border-radius:var(--radius-md);margin-bottom:2rem;display:flex;align-items:flex-start;gap:1.5rem}.profile-photo-wrapper{flex-shrink:0;width:100px;height:100px;border-radius:16px;overflow:hidden;border:3px solid #ffffff;box-shadow:var(--shadow-md);background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:var(--primary-green)}.profile-photo{width:100%;height:100%;object-fit:cover}.profile-content-main{flex:1;display:flex;flex-direction:column;gap:1rem}.profile-summary-card h3{color:var(--primary-green-dark);font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.75rem;margin:0}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.profile-item{display:flex;flex-direction:column;gap:.25rem}.profile-item label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.profile-item .value{font-size:.95rem;font-weight:600;color:var(--primary)}.section-header-modern{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.section-header-modern h3{font-size:1.1rem;font-weight:700;color:var(--primary);margin:0}.section-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0d94881a;color:var(--primary-green);border-radius:8px}.input-modern{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:.75rem 1rem;font-size:.95rem;transition:all .2s ease;width:100%}.input-modern:focus{border-color:var(--primary-green);box-shadow:0 0 0 4px #0d94881a;outline:none}.table-modern{width:100%;border-collapse:separate;border-spacing:0}.table-modern th{background:#f8fafc;padding:1rem;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--text-muted);border-bottom:2px solid var(--border-subtle)}.table-modern td{padding:1rem;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table-modern tr:last-child td{border-bottom:none}.table-modern tr:hover td{background-color:#f8fafc}.btn-premium-primary{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%);color:#fff;padding:.85rem 2rem;border-radius:var(--radius-md);font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 12px #0d948840;transition:all .3s ease}.btn-premium-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0d948859}.btn-premium-ghost{background:transparent;color:var(--text-muted);padding:.85rem 2rem;border-radius:var(--radius-md);font-weight:600;border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s ease}.btn-premium-ghost:hover{background:#f1f5f9;color:var(--primary);border-color:#cbd5e1}@media (max-width: 640px){.form-container-premium{padding:1.25rem .75rem;margin:1rem auto;border-radius:var(--radius-md)}.premium-card{padding:1rem;margin-bottom:1.25rem}.section-icon{width:28px;height:28px}.profile-summary-card{flex-direction:column;align-items:center;text-align:center;gap:1.25rem;padding:1.25rem}.profile-photo-wrapper{width:80px;height:80px}.profile-summary-card h3{justify-content:center}.table-modern th,.table-modern td{padding:.75rem .5rem;font-size:.8rem}}@media (max-width: 400px){.profile-grid{grid-template-columns:1fr;gap:1rem}.profile-summary-card h3{font-size:1.1rem}.section-header-modern h3{font-size:1rem}.table-modern th,.table-modern td{padding:.65rem .35rem;font-size:.75rem}.table-modern td:first-child{position:sticky;left:0;z-index:10;background:#fff;box-shadow:2px 0 8px -4px #0003;min-width:100px;padding-left:.5rem}.table-modern th:first-child{position:sticky;left:0;z-index:20;background:#f8fafc}}.form-container{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg);max-width:900px;margin:0 auto}@media (max-width: 640px){.form-container{padding:1.25rem 1rem;border-radius:var(--radius-md)}.form-container h2{font-size:1.25rem;margin-bottom:1rem}}@media (max-width: 480px){.form-container{padding:1rem .75rem}.form-container h2{font-size:1.1rem}}.form-container h2{color:var(--primary-green);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-green)}.form-section{margin-bottom:2rem}.form-section h3{color:var(--text-dark);font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}@media (max-width: 640px){.form-section h3{font-size:1rem;margin-bottom:.75rem}.form-section{margin-bottom:1.5rem}}.form-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}@media (max-width: 480px){.form-row{flex-direction:column;gap:.75rem}.form-group{min-width:100%!important}}.form-group{flex:1;min-width:200px}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-medium);font-weight:500;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #1a5f2a1a}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.btn-cancel{background-color:transparent;color:var(--text-medium);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background-color:#f3f4f6}.btn-submit{background-color:var(--primary-green);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background-color .3s ease}.btn-submit:hover:not(:disabled){background-color:var(--primary-green-dark)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.marks-table-container{overflow-x:auto}.marks-input-table{width:100%;border-collapse:collapse;font-size:.9rem}.marks-input-table th,.marks-input-table td{border:1px solid var(--border-color);padding:.75rem;text-align:center}@media (max-width: 768px){.marks-input-table th,.marks-input-table td{padding:.5rem .25rem;font-size:.8rem}.marks-input-table .subject-name{position:sticky;left:0;background:#fff;z-index:10;box-shadow:2px 0 5px -2px #0000001a;min-width:100px}.marks-input-table input{width:45px!important;padding:.35rem .15rem!important;font-size:.8rem}}@media (max-width: 480px){.marks-input-table th,.marks-input-table td{font-size:.75rem}.marks-input-table .subject-urdu{display:none}}.term-select-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:.5rem}@media (max-width: 480px){.term-select-container{grid-template-columns:1fr}}.term-select-card{display:flex;align-items:center;justify-content:flex-start;gap:1rem;cursor:pointer;padding:1rem 1.25rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 4px 6px -1px #0000001a;transition:all .2s;color:#334155;font-size:.95rem;width:100%}.term-select-card input[type=checkbox]{flex-shrink:0!important;width:20px!important;height:20px!important;margin:0 12px 0 0!important;cursor:pointer;accent-color:#059669}.term-select-card span{flex:1;line-height:1.4;pointer-events:none}@media (max-width: 480px){.term-select-card{padding:.85rem 1rem;font-size:.875rem;gap:.75rem}}.term-select-card.selected{border-color:#059669;background:#ecfdf5;color:#065f46;font-weight:600}.marks-input-table th{background-color:var(--bg-light);color:var(--primary-green);font-weight:600}.marks-input-table .subject-name{text-align:left}.marks-input-table .subject-english{display:block;font-weight:600}.marks-input-table .subject-urdu{display:block;font-size:.85rem;color:var(--text-light)}.marks-input-table input{width:70px;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center}.marks-input-table .total-cell{font-weight:700;color:var(--primary-green)}.student-preview{background-color:var(--bg-light);padding:1rem;border-radius:var(--radius-sm);margin-top:.5rem}.student-preview p{margin:.25rem 0;font-size:.9rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:var(--text-dark);margin-bottom:.5rem}.empty-state p{color:var(--text-medium);margin-bottom:1.5rem}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center}.loading-container p{margin-top:1rem;color:var(--text-medium)}.error-actions{display:flex;gap:1rem;margin-top:1rem}.btn-retry{background-color:var(--primary-green);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer}.btn-reset{background-color:#dc3545;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background-color .3s ease}.btn-reset:hover{background-color:#c82333}.btn-open-sheet{display:inline-flex;align-items:center;justify-content:center;background-color:#06c;color:#fff;text-decoration:none;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background-color .3s ease}.btn-open-sheet:hover{background-color:#0052a3}.error-help{margin-top:1rem;color:var(--text-medium);font-size:.875rem}.auth-required{text-align:center;padding:4rem 2rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.auth-required p{font-size:1.1rem;color:var(--text-dark);margin-bottom:.5rem}.auth-required .sub-note{color:var(--text-medium);font-size:.9rem}.action-buttons{display:flex;gap:.5rem}.btn-add-marks{background-color:#3b82f6;color:#fff;border:none;padding:.4rem .8rem;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:background-color .3s ease}.btn-add-marks:hover{background-color:#2563eb}.student-name{display:flex;flex-direction:column}.student-name .name-en{font-weight:600}.student-name .name-ur{font-size:.85rem;color:var(--text-light)}.add-student-wizard{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.wizard-header{padding:2rem 2rem 1rem;border-bottom:1px solid #e9ecef}.wizard-header h1{font-size:1.75rem;font-weight:700;color:#1a1a2e;margin:0}.wizard-progress{display:flex;align-items:center;padding:1.5rem 2rem;background-color:#f8f9fa;gap:0}.progress-step{display:flex;align-items:center;gap:.75rem}.step-number{width:32px;height:32px;border-radius:50%;background-color:#e9ecef;color:#6c757d;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;transition:all .3s ease}.progress-step.active .step-number{background-color:#06c;color:#fff}.progress-step.completed .step-number{background-color:#28a745;color:#fff}.step-label{font-size:.875rem;color:#6c757d;font-weight:500}.progress-step.active .step-label{color:#06c}.step-connector{width:60px;height:2px;background-color:#e9ecef;margin:0 1rem}.progress-step.completed+.step-connector{background-color:#28a745}.wizard-content{padding:2rem}.wizard-step{animation:fadeIn .3s ease;padding:2rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title{font-size:1.5rem;font-weight:600;color:#1a1a2e;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #e9ecef}.photo-section{display:flex;justify-content:flex-end;margin-bottom:2rem}.photo-upload-block{margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:var(--radius-md)}.photo-upload-block label{display:block;font-size:.875rem;font-weight:600;color:var(--text-dark);margin-bottom:.75rem}.photo-upload-block .section-note{font-size:.875rem;color:var(--text-medium);margin-bottom:1rem}.photo-placeholder-large{width:120px;height:120px;background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.photo-preview{width:120px;height:120px;object-fit:cover;border-radius:8px;border:2px solid #e9ecef;margin-bottom:.5rem}.photo-hint{font-size:.75rem;color:#28a745;max-width:120px}.photo-upload-inline{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.photo-row{display:flex;gap:1rem;align-items:flex-start;margin-top:.5rem}.photo-upload-container{text-align:center;cursor:pointer}.photo-preview-small{width:120px;height:120px;object-fit:cover;border-radius:8px;border:2px solid #e9ecef}.photo-placeholder{width:120px;height:120px;background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:0}.photo-placeholder span{display:block;font-size:.75rem;color:#6c757d;margin-top:.25rem;text-align:center}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group label{display:block;font-size:.8125rem;font-weight:500;color:#6c757d;margin-bottom:.5rem;text-transform:capitalize}.form-group label .required{color:#dc3545}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .75rem;border:1px solid #ced4da;border-radius:4px;font-size:.9375rem;background-color:#fff;color:#212529;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236c757d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.field-note{font-size:.75rem;color:#dc3545;margin-top:.25rem}.checkbox-row{display:flex;gap:3rem;margin-top:1rem;margin-bottom:.5rem}.checkbox-label-inline{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:#495057;cursor:pointer}.checkbox-label-inline input[type=checkbox]{width:18px;height:18px;accent-color:#0066cc}.step-title:before{content:"";width:4px;height:20px;background-color:#06c;border-radius:2px}.step-description{color:#6c757d;margin-bottom:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.form-grid.three-columns{grid-template-columns:repeat(3,1fr)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.75rem;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #dee2e6;border-radius:6px;font-size:.9375rem;background-color:#f8f9fa;color:#212529;transition:all .3s ease}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#adb5bd}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#06c;background-color:#fff;box-shadow:0 0 0 3px #0066cc1a;color:#212529}.form-group textarea{resize:vertical;min-height:80px}.photo-upload-section{margin-top:2rem;padding:1.5rem;border:2px dashed #dee2e6;border-radius:8px;text-align:center}.photo-upload-section label{font-size:.75rem;font-weight:600;color:#495057;text-transform:uppercase;display:block;margin-bottom:1rem}.photo-upload-box{display:flex;flex-direction:column;align-items:center;gap:1rem}.photo-placeholder{width:100px;height:100px;background-color:#e9ecef;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#adb5bd}.btn-upload-photo{padding:.625rem 1.25rem;background-color:#06c;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.btn-upload-photo:hover{background-color:#0052a3}.review-sections{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}@media (min-width: 768px){.review-sections{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.review-card{background-color:#f8f9fa;border-radius:8px;padding:1.5rem}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.review-header h3{font-size:1rem;font-weight:600;color:#1a1a2e;margin:0}.btn-edit{padding:.375rem .75rem;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;font-size:.75rem;color:#06c;cursor:pointer;transition:all .3s ease}.btn-edit:hover{border-color:#06c}.review-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e9ecef}.review-row:last-child{border-bottom:none}.review-row .label{font-size:.875rem;color:#6c757d}.review-row .value{font-size:.875rem;font-weight:500;color:#1a1a2e;text-align:right;max-width:60%}.agreement-section{margin:2rem 0;padding:1.5rem;background-color:#f8f9fa;border-radius:8px}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:#0066cc}.checkbox-label span{font-size:.875rem;color:#495057;line-height:1.5}.wizard-actions{display:flex;justify-content:space-between;padding:1.5rem 2rem;border-top:1px solid #e9ecef;background-color:#f8f9fa}.btn-back{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:.9375rem;font-weight:500;color:#495057;cursor:pointer;transition:all .3s ease}.btn-back:hover{border-color:#adb5bd;background-color:#f8f9fa}.btn-continue{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#06c;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;color:#fff;cursor:pointer;transition:background-color .3s ease}.btn-continue:hover{background-color:#0052a3}.btn-save{padding:.75rem 2rem;background-color:#06c;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;color:#fff;cursor:pointer;transition:background-color .3s ease}.btn-save:hover:not(:disabled){background-color:#0052a3}.btn-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.form-grid,.form-grid.three-columns,.form-grid.two-columns{grid-template-columns:1fr!important;gap:1rem}.review-sections{grid-template-columns:1fr}.wizard-progress{padding:1rem .5rem;overflow-x:auto;justify-content:flex-start}.step-label{display:none}.step-connector{width:20px;flex-shrink:0}}@media print{.no-print{display:none!important}.app-header,.app-footer{display:none}.app-main{padding:0}.report-card-wrapper{max-width:100%}.report-card{box-shadow:none;border-radius:0}body{background:#fff}}@media (max-width: 768px){.app-main{padding:1rem}.header-content{flex-direction:column;text-align:center}.app-nav{flex-wrap:wrap;justify-content:center}.report-header{flex-direction:column;gap:1rem}.info-row{flex-direction:column;gap:.75rem}.signatures-section{flex-direction:column}.marks-table{font-size:.7rem}.marks-table th,.marks-table td{padding:.25rem}}.photo-upload-inline{display:flex;align-items:flex-start;gap:1.25rem;flex-wrap:wrap}.photo-row{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:flex-start;justify-content:center;margin-bottom:.5rem}@media (min-width: 480px){.photo-row{justify-content:flex-start}}.photo-upload-container{width:120px;height:120px;border:2px dashed #ced4da;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;flex-shrink:0;transition:border-color .2s ease,background-color .2s ease;background-color:#f8f9fa}.photo-upload-container:hover{border-color:var(--primary-green);background-color:#f0fdf4}.photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:#adb5bd;font-size:.78rem;text-align:center;padding:.5rem}.photo-placeholder span{font-weight:500}.photo-preview-small{width:100%;height:100%;object-fit:cover;border-radius:6px}.af-wrapper{max-width:900px;margin:0 auto;padding:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}@media print{.af-wrapper{overflow:visible;padding:0}}.af-actions{display:flex;gap:1rem;margin-bottom:1.2rem;align-items:center}.af-btn-back{display:flex;align-items:center;gap:.4rem}.af-btn-print{background:var(--primary-green);color:#fff;border:none;padding:.6rem 1.4rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background-color .3s ease}.af-btn-print:hover{background:var(--primary-green-dark)}.af-page{background:#fff;border:none;padding:1.5cm 1.8cm;margin-bottom:1.5rem;font-family:Arial,Helvetica Neue,Helvetica,Jameel Noori Nastaleeq,Noto Nastaliq Urdu,sans-serif!important;font-size:11pt;color:#000;line-height:1.5}.af-header{display:flex;align-items:center;gap:1rem;padding-bottom:.6rem;border-bottom:2px solid #555;margin-bottom:.4rem}.af-header-center{flex:1;text-align:center}.af-school-name{font-size:16pt;font-weight:700;color:#000;letter-spacing:.02em;text-transform:uppercase}.af-school-sub{font-size:8.5pt;color:#333;margin-top:2px}.af-form-title{text-align:center;font-weight:700;font-size:12pt;text-decoration:underline;margin:.7rem 0 .5rem;letter-spacing:.05em}.af-section{margin-bottom:.6rem}.af-section-title{font-weight:700;font-size:10.5pt;color:#000;background-color:#ededed;border:1px solid #777;padding:3px 6px;margin-bottom:.4rem}.af-section-subtitle{font-weight:700;font-size:10pt;color:#000;background-color:#f7f7f7;border-bottom:1px solid #aaa;padding:2px 4px;margin-bottom:.4rem}.af-student-info-grid{display:flex;gap:1rem}.af-student-fields{flex:1}.af-photo-qr{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:130px}.af-photo-box{width:120px;height:120px;border:2px dashed #555;display:flex;align-items:center;justify-content:center;overflow:hidden}.af-photo-img{width:100%;height:100%;object-fit:cover}.af-photo-placeholder{font-size:8pt;color:#777;text-align:center;line-height:1.3}.af-qr-box{text-align:center}.af-qr-img{width:80px;height:80px}.af-qr-label{font-size:7pt;color:#555;margin-top:2px}.af-inline-field{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;margin-bottom:.25rem;font-size:10pt}.af-field-label{font-weight:600;white-space:nowrap}.af-field{display:flex;align-items:baseline;gap:6px;margin-bottom:.25rem;font-size:10pt}.af-field-line{flex:1;border-bottom:1px solid #333;min-width:80px;padding-bottom:1px}.af-char-boxes{display:inline-flex;gap:1px}.af-char-box{width:15px;height:18px;border:1px solid #333;text-align:center;font-size:9pt;line-height:18px;display:inline-block}.af-dob-group{display:inline-flex;align-items:center;gap:4px}.af-dob-label{font-size:8pt;font-weight:600}.af-chk-item{display:inline-flex;align-items:center;gap:3px;font-size:9.5pt;margin-right:6px}.af-chk{display:inline-block;width:13px;height:13px;border:1px solid #333;text-align:center;font-size:9pt;line-height:13px}.af-chk-on{background:#e0e0e0;color:#000;font-weight:700}.af-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:.5rem 0;padding-top:.4rem;border-top:1px solid #ddd}.af-col-section{padding:.2rem 0}.af-doc-item{display:flex;align-items:flex-start;gap:4px;margin-bottom:.35rem;font-size:9.5pt}.af-doc-chk{display:inline-block;width:13px;height:13px;border:1px solid #333;text-align:center;font-size:9pt;line-height:13px;flex-shrink:0;margin-top:2px}.af-signatures{display:flex;justify-content:space-between;margin-top:1.2rem;gap:2rem;border-top:1px solid #ddd;padding-top:.8rem}.af-sig-box{flex:1;text-align:center}.af-sig-line{border-bottom:1px solid #333;height:36px;margin-bottom:4px}.af-sig-label{font-size:9pt;color:#333}.btn-admission{background-color:#0d6efd;color:#fff;border:none;padding:.4rem .8rem;border-radius:var(--radius-sm);font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s ease}.btn-admission:hover{background-color:#0b5ed7}.af-urdu-page{padding:.5rem 0;font-family:Noto Nastaliq Urdu,Traditional Arabic,serif}.af-urdu-title{text-align:center;font-size:18pt;font-weight:700;color:#006b3c;margin-bottom:1rem;text-decoration:underline}.af-urdu-list{direction:rtl;text-align:right;padding-right:1.2rem;list-style:disc;font-size:10.5pt;line-height:2}.af-urdu-list li{margin-bottom:.15rem}.af-declaration{border:1px solid #333;padding:.8rem 1rem;margin-top:1.2rem;font-size:10pt;direction:rtl;text-align:right}.af-declaration p{margin-bottom:.8rem}.af-declaration-table{width:100%;border-collapse:collapse;font-size:10pt}.af-declaration-table td{padding:4px 8px;vertical-align:bottom}.af-decl-line{border-bottom:1px solid #333;min-width:160px;display:inline-block;width:60%}.af-logo-img{width:68px;height:68px;object-fit:contain}.af-footer-stamp{text-align:center;font-size:7.5pt;color:#555;margin-top:.5rem;padding-top:.3rem;border-top:1px dashed #aaa}.af-page-break{margin-top:0!important}.af-urdu-page,.af-urdu-title,.af-urdu-list,.af-declaration{font-family:Jameel Noori Nastaleeq,Noto Nastaliq Urdu,Traditional Arabic,serif}@media print{.main-header,.bottom-nav,.main-footer,.management-header,.no-print,.af-actions{display:none!important}body,.app-layout,.main-content{margin:0!important;padding:0!important;background:#fff!important;width:100%;max-width:none!important;height:auto!important;overflow:visible!important}.af-page{border:none!important;box-shadow:none!important;margin:0!important;padding:0!important;height:auto!important;max-height:none!important;overflow:visible;box-sizing:border-box;page-break-after:always!important}.af-page-break{page-break-after:always!important}.af-field{margin-bottom:.2rem!important;font-size:8.5pt!important}.af-two-col{margin-bottom:.3rem!important}.af-section-title{margin-top:.5rem!important;margin-bottom:.3rem!important;padding-bottom:1px!important}.af-urdu-list li{margin-bottom:.25rem!important}.af-urdu-title{margin-bottom:.5rem!important;font-size:16pt!important}.af-footer-stamp{margin-top:.5rem!important;padding-top:.2rem!important}.af-logo-img{width:50px;height:50px}@page{size:auto;margin:.5cm}}.bottom-nav{position:fixed;bottom:1.25rem;left:1.25rem;right:1.25rem;background-color:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);display:flex;justify-content:space-around;align-items:center;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.75rem .5rem;z-index:1000}@media (min-width: 1024px){.bottom-nav{display:none}}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#94a3b8;font-size:.7rem;font-weight:600;gap:.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);flex:1}.bottom-nav-link svg{width:22px;height:22px;transition:transform .2s ease}.bottom-nav-link.active{color:var(--primary-green)}.bottom-nav-link.active svg{transform:translateY(-2px);stroke:var(--primary-green)}.student-management-list{padding:1rem;padding-bottom:120px;max-width:100%;margin:0 auto}@media (min-width: 768px){.student-management-list{max-width:800px}}.management-header-premium{display:flex;flex-direction:column;gap:.25rem;margin-bottom:2rem}@media (min-width: 480px){.management-header-premium{flex-direction:row;justify-content:space-between;align-items:center}}.title-section h2{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.025em}.title-subtitle{font-size:.875rem;color:#64748b;font-weight:500}.search-pill{display:flex;align-items:center;background-color:var(--bg-card);border-radius:var(--radius-md);padding:.85rem 1.25rem;margin-bottom:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.search-pill:focus-within{border-color:var(--primary-green-light);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.search-pill input{border:none;background:transparent;outline:none;font-size:1rem;width:100%;color:#1e293b}.filter-pills{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{flex:0 0 auto;padding:.5rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:var(--bg-card);color:var(--text-muted);box-shadow:var(--shadow-sm)}.filter-pill:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.filter-pill.active{background-color:var(--primary-green);color:#fff;border-color:var(--primary-green);box-shadow:var(--shadow-glow)}.student-card-grid{display:flex;flex-direction:column;gap:1rem}.student-card-mobile{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-premium);display:flex;flex-direction:column;gap:1.25rem;border:1px solid var(--border-subtle);transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;max-width:calc(100% - 2.5rem);box-sizing:border-box}.student-card-mobile:after{content:"Active";position:absolute;top:1rem;right:1.25rem;font-size:.625rem;font-weight:800;text-transform:uppercase;color:#10b981;background:#ecfdf5;padding:.2rem .5rem;border-radius:6px;letter-spacing:.05em;opacity:0;animation:fadeIn .4s ease forwards;animation-delay:.5s}@keyframes fadeIn{to{opacity:1}}.student-card-mobile:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-green);opacity:.8}.student-profile-section{display:flex;gap:1rem;align-items:flex-start;width:100%;min-width:0}.profile-avatar-gradient{flex-shrink:0;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;color:var(--primary-green);overflow:hidden;border:2px solid white;box-shadow:var(--shadow-sm);position:relative}.avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f1f5f9;color:var(--primary-green-light)}.profile-avatar-gradient img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2}.profile-avatar-gradient img{width:100%;height:100%;object-fit:cover}.student-card-main-info{flex:1;min-width:0}.name-row{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:.5rem}@media (min-width: 400px){.name-row{flex-direction:row;justify-content:space-between}}.student-card-name{font-size:1.125rem;font-weight:800;color:var(--text-main);margin:0;line-height:1.2;letter-spacing:-.01em}.student-card-urdu{display:block;font-size:.9375rem;color:var(--primary-green-light);font-family:Noto Nastaliq Urdu,serif;margin-top:.15rem}.roll-badge{flex-shrink:0;background:#f1f5f9;color:#475569;padding:.25rem .6rem;border-radius:8px;font-size:.75rem;font-weight:700;font-family:JetBrains Mono,monospace}.student-card-info{flex:1;min-width:0}.student-card-name{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0 0 .25rem;white-space:normal;line-height:1.25}.student-card-urdu{font-size:1rem;color:#64748b;margin-left:.5rem;font-weight:500;font-family:Noto Nastaliq Urdu,serif;display:block;margin-top:.25rem}.student-card-details{display:flex;flex-direction:column;gap:.4rem}.detail-row{display:flex;align-items:flex-start;gap:.6rem;font-size:.875rem;color:var(--text-muted);font-weight:500;line-height:1.4;min-width:0}.label-dim{font-size:.7rem;text-transform:uppercase;letter-spacing:.02em;color:#94a3b8;font-weight:700;margin-right:.2rem}.icon-vibrant{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--primary-green-light);margin-top:1px}.detail-text{flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word;font-size:.8125rem}.school-name-text{font-size:.75rem;opacity:.9;font-style:italic;white-space:normal;word-wrap:break-word;word-break:break-word}.student-card-actions{display:flex;gap:1.25rem;justify-content:flex-start;padding-top:1rem;border-top:1px solid rgba(226,232,240,.4)}.action-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.action-circle-btn{width:44px;height:44px;border-radius:14px;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.action-circle-btn:active{transform:scale(.9)}.action-circle-btn svg{width:24px;height:24px;stroke-width:2.5px;display:block;flex-shrink:0}.btn-report{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 4px 12px #0d948840}.btn-admission{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 12px #2563eb40}.btn-marks{background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 4px 12px #4f46e540}.action-label{font-size:.75rem;font-weight:700;color:#475569}.floating-add-btn{position:fixed;bottom:100px;right:1.5rem;background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));color:#fff;border:none;border-radius:var(--radius-md);padding:.85rem 1.5rem;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.6rem;box-shadow:0 10px 25px -5px #0d948866;cursor:pointer;z-index:100;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.floating-add-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #22c55e80}@media (min-width: 1024px){.floating-add-btn{bottom:30px}}.bottom-nav-link:hover{color:#005a32}.app-layout{padding-bottom:70px}@media print{.bottom-nav{display:none!important}}@media (max-width: 600px){.header-container{padding:0 1rem}.logo-text{font-size:1rem}.user-info{display:none!important}.user-menu{gap:.5rem;padding:.25rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.student-card-mobile{animation:fadeInUp .4s ease-out forwards;animation-delay:calc(var(--index) * .05s);opacity:0}.wizard-stepper-premium{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;padding:0 1rem;position:relative}.step-indicator{display:flex;flex-direction:column;align-items:center;gap:.75rem;z-index:2;position:relative}.step-number-pill{width:42px;height:42px;border-radius:12px;background:#f1f5f9;color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;border:2px solid #e2e8f0;transition:all .3s ease}.step-indicator.active .step-number-pill{background:var(--primary-green);color:#fff;border-color:var(--primary-green);box-shadow:0 0 0 4px #0d948826}.step-indicator.completed .step-number-pill{background:var(--primary-green-dark);color:#fff;border-color:var(--primary-green-dark)}.step-label-modern{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.step-indicator.active .step-label-modern{color:var(--primary-green-dark)}.step-line-premium{position:absolute;top:21px;left:0;right:0;height:2px;background:#e2e8f0;z-index:1}.photo-upload-premium{border:2px dashed #e2e8f0;border-radius:var(--radius-md);padding:2rem;text-align:center;transition:all .2s ease;cursor:pointer;background:#f8fafc;display:flex;flex-direction:column;align-items:center;gap:1rem}.photo-upload-premium:hover{border-color:var(--primary-green);background:#0d948808}.photo-preview-premium{width:120px;height:120px;border-radius:16px;object-fit:cover;box-shadow:var(--shadow-md);border:3px solid white}.review-card-modern{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;margin-bottom:1.5rem}.review-header-premium{padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.review-header-premium h4{margin:0;font-size:.95rem;font-weight:700;color:var(--primary)}.review-content-premium{padding:1.25rem 1.5rem}.review-item-premium{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.review-item-premium:last-child{border-bottom:none}.review-item-premium .label{color:var(--text-muted);font-size:.85rem}.review-item-premium .value{color:var(--primary);font-weight:600;font-size:.85rem;text-align:right}.form-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}@media (max-width: 640px){.wizard-stepper-premium{margin-bottom:2rem}.step-label-modern{display:none}.form-grid-modern{grid-template-columns:1fr;gap:1.25rem}}@media (max-width: 480px){.student-management-list{padding-left:.75rem!important;padding-right:.75rem!important;overflow-x:hidden!important;width:100%!important}.premium-card{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:calc(100% - 1.5rem)!important;padding:1rem .75rem!important;box-sizing:border-box!important;overflow:hidden!important;display:block!important}.search-pill{width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}.search-pill input{min-width:0!important;flex:1!important}.filter-pills{width:100%!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}}