@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--saffron:#ff6b00;--saffron-light:#ff8c3a;--saffron-glow:#ff6b0026;--teal:#00c9a7;--teal-light:#00e5bf;--teal-glow:#00c9a726;--indigo:#3d5af1;--indigo-light:#6b84ff;--bg-dark:#0a0a14;--bg-card:#12121e;--bg-card2:#1a1a2e;--text-primary:#f0f0ff;--text-secondary:#9090b0;--border:#ffffff12;--radius:16px;--radius-sm:10px;--shadow:0 8px 32px #0006}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-primary);min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}.splash{background:var(--bg-dark);flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100vh;display:flex}.splash-logo{background:linear-gradient(135deg,var(--saffron),var(--teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Playfair Display,serif;font-size:48px;font-weight:900}.splash-spinner{border:3px solid var(--border);border-top-color:var(--saffron);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;background:#0a0a14cc;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.navbar-brand{background:linear-gradient(135deg,var(--saffron),var(--teal));-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;font-family:Playfair Display,serif;font-size:22px;font-weight:900}.navbar-right{align-items:center;gap:12px;display:flex}.nav-user{color:var(--text-secondary);background:var(--bg-card2);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:13px}.nav-role{letter-spacing:1px;text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.nav-role.admin{color:var(--saffron);background:#ff6b0026}.nav-role.teacher{color:var(--teal);background:#00c9a726}.nav-role.student{color:var(--indigo-light);background:#3d5af126}.btn{border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.3px;border:none;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--saffron),var(--saffron-light));color:#fff;box-shadow:0 4px 16px #ff6b004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff6b0066}.btn-teal{background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#0a0a14;box-shadow:0 4px 16px #00c9a74d}.btn-teal:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00c9a766}.btn-outline{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--saffron);color:var(--saffron)}.btn-danger{color:#ff6060;background:#ff3c3c26;border:1px solid #ff3c3c33}.btn-danger:hover{background:#ff3c3c40}.btn-sm{padding:7px 14px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color .2s,transform .2s}.card:hover{border-color:#ff6b0033}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--saffron)}.form-group textarea{resize:vertical;min-height:80px}.form-group select option{background:var(--bg-card2)}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.badge{letter-spacing:.5px;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-pending{color:gold;background:#ffc80026}.badge-confirmed{color:var(--teal);background:#00c9a726}.badge-completed{color:var(--indigo-light);background:#3d5af126}.badge-approved{color:var(--teal);background:#00c9a726}.badge-unapproved{color:#ff6060;background:#ff3c3c26}.tabs{background:var(--bg-card2);border-radius:var(--radius-sm);gap:4px;width:fit-content;padding:4px;display:flex}.tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;padding:8px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow)}.toast{border-radius:var(--radius-sm);z-index:1000;max-width:320px;padding:14px 20px;font-size:14px;font-weight:500;animation:.3s slideUp;position:fixed;bottom:24px;right:24px}.toast-success{color:var(--teal);background:#00c9a726;border:1px solid #00c9a74d}.toast-error{color:#ff6060;background:#ff3c3c26;border:1px solid #ff3c3c4d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page{min-height:100vh}.content{max-width:1200px;margin:0 auto;padding:32px 24px}.page-header{margin-bottom:32px}.page-header h1{margin-bottom:6px;font-family:Playfair Display,serif;font-size:32px;font-weight:700}.page-header p{color:var(--text-secondary);font-size:15px}.section{margin-bottom:40px}.section-title{align-items:center;gap:10px;margin-bottom:20px;font-size:18px;font-weight:600;display:flex}.section-title:after{content:"";background:var(--border);flex:1;height:1px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px}.stat-card .stat-num{background:linear-gradient(135deg,var(--saffron),var(--teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Playfair Display,serif;font-size:36px;font-weight:700}.stat-card .stat-label{color:var(--text-secondary);margin-top:4px;font-size:13px}.empty{text-align:center;color:var(--text-secondary);padding:60px 20px}.empty-icon{margin-bottom:16px;font-size:48px}.empty p{font-size:15px}.table-wrap{border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%}th{background:var(--bg-card2);text-align:left;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;padding:12px 16px;font-size:12px;font-weight:600}td{border-top:1px solid var(--border);padding:14px 16px;font-size:14px}tr:hover td{background:#ffffff05}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:500px;padding:32px;animation:.2s fadeIn}.modal h2{margin-bottom:24px;font-family:Playfair Display,serif;font-size:24px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.course-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:24px;transition:all .2s;display:flex;position:relative;overflow:hidden}.course-card:before{content:"";background:linear-gradient(90deg,var(--saffron),var(--teal));height:3px;position:absolute;top:0;left:0;right:0}.course-card:hover{border-color:#ff6b0033;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.course-title{font-family:Playfair Display,serif;font-size:18px;font-weight:700}.course-subject{text-transform:uppercase;letter-spacing:1px;color:var(--saffron);font-size:12px;font-weight:600}.course-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.course-meta{flex-wrap:wrap;gap:16px;display:flex}.course-meta span{color:var(--text-secondary);align-items:center;gap:4px;font-size:13px;display:flex}.course-teacher{color:var(--teal);font-size:13px;font-weight:500}.course-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.filter-bar input,.filter-bar select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px}.filter-bar input:focus,.filter-bar select:focus{border-color:var(--saffron)}.filter-bar select option{background:var(--bg-card2)}.auth-page{background:radial-gradient(ellipse at 20% 50%,#ff6b0014 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,#00c9a714 0%,transparent 60%),var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-box{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;width:100%;max-width:440px;padding:40px;box-shadow:0 24px 80px #00000080}.auth-logo{text-align:center;background:linear-gradient(135deg,var(--saffron),var(--teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-family:Playfair Display,serif;font-size:28px;font-weight:900}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:32px;font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:14px}.auth-footer span{color:var(--saffron);cursor:pointer;font-weight:600}.auth-footer span:hover{text-decoration:underline}.auth-error{color:#ff6060;border-radius:var(--radius-sm);background:#ff3c3c1a;border:1px solid #ff3c3c33;padding:12px 16px;font-size:14px}.landing{min-height:100vh}.landing-nav{z-index:10;justify-content:space-between;align-items:center;padding:20px 48px;display:flex;position:absolute;top:0;left:0;right:0}.landing-hero{text-align:center;background:radial-gradient(ellipse at 30% 40%,#ff6b001f 0%,transparent 55%),radial-gradient(ellipse at 70% 60%,#00c9a71a 0%,transparent 55%),var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-tag{letter-spacing:2px;text-transform:uppercase;color:var(--saffron);background:var(--saffron-glow);border:1px solid #ff6b0033;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}.hero-title{margin-bottom:24px;font-family:Playfair Display,serif;font-size:clamp(40px,7vw,72px);font-weight:900;line-height:1.1}.hero-title span{background:linear-gradient(135deg,var(--saffron),var(--teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:var(--text-secondary);max-width:560px;margin:0 auto 40px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-btn{cursor:pointer;border:none;border-radius:50px;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;transition:all .2s}.hero-btn-primary{background:linear-gradient(135deg,var(--saffron),var(--saffron-light));color:#fff;box-shadow:0 8px 32px #ff6b004d}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 40px #ff6b0066}.hero-btn-outline{color:var(--text-primary);border:1px solid var(--border);background:0 0}.hero-btn-outline:hover{border-color:var(--teal);color:var(--teal)}.features{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:1100px;margin:0 auto;padding:80px 48px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;transition:all .2s}.feature-card:hover{border-color:#ff6b0033;transform:translateY(-4px)}.feature-icon{margin-bottom:16px;font-size:32px}.feature-card h3{margin-bottom:10px;font-family:Playfair Display,serif;font-size:20px}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.7}.setup-banner{border-radius:var(--radius);background:linear-gradient(135deg,#ff6b001a,#00c9a71a);border:1px solid #ff6b0033;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding:24px 28px;display:flex}.setup-banner h3{margin-bottom:4px;font-size:18px;font-weight:600}.setup-banner p{color:var(--text-secondary);font-size:14px}.enroll-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.enroll-info h4{margin-bottom:4px;font-size:16px;font-weight:600}.enroll-info p{color:var(--text-secondary);font-size:13px}@media (width<=768px){.landing-nav{padding:16px 24px}.features{padding:48px 24px}.form-grid{grid-template-columns:1fr}.navbar{padding:12px 16px}.navbar{flex-direction:column;gap:12px;padding:16px}.tabs{justify-content:center;width:100%;overflow-x:auto}.navbar-right{justify-content:center;width:100%}.landing-nav{background:#0a0a14f2;flex-direction:column;gap:12px;padding:16px 20px;position:relative}.landing-hero{min-height:auto;padding:60px 20px}.hero-title{font-size:32px}.hero-desc{font-size:15px}.hero-actions{flex-direction:column;align-items:center}.hero-btn{width:100%;max-width:300px}.features{grid-template-columns:1fr;padding:40px 20px}.content{padding:20px 16px}.page-header{gap:12px;flex-direction:column!important;align-items:flex-start!important}.page-header h1{font-size:24px}.stats-grid{grid-template-columns:1fr 1fr}.card-grid,.form-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar input,.filter-bar select{width:100%}.enroll-card{flex-direction:column;align-items:flex-start;gap:12px}.setup-banner{flex-direction:column;align-items:flex-start}.table-wrap{font-size:13px}th,td{padding:10px 12px}.auth-box{padding:28px 20px}.modal{padding:24px 16px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.toast{max-width:100%;bottom:16px;left:16px;right:16px}.course-actions{flex-direction:column}.course-actions .btn{text-align:center;width:100%}}@media (width<=480px){.navbar-brand{text-align:center;font-size:16px}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:scroll}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;padding:8px 14px;font-size:12px}.hero-title{font-size:26px}.hero-tag{font-size:11px}.stats-grid{grid-template-columns:1fr}.stat-card .stat-num{font-size:28px}.section-title{font-size:15px}.auth-logo{font-size:22px}.auth-subtitle{font-size:13px}.table-wrap table thead tr th:nth-child(3),.table-wrap table tbody tr td:nth-child(3){display:none}.btn{text-align:center;width:100%}.btn-sm{width:auto}.nav-user{display:none}}.footer{background:var(--bg-card);border-top:1px solid var(--border);margin-top:80px;padding:48px 48px 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1100px;margin:0 auto 40px;display:grid}.footer-brand{background:linear-gradient(135deg, var(--saffron), var(--teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-family:Playfair Display,serif;font-size:20px;font-weight:900}.footer-desc{color:var(--text-secondary);max-width:280px;font-size:14px;line-height:1.7}.footer-col h4{letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:16px;font-size:13px;font-weight:600}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col ul li{color:var(--text-secondary);cursor:pointer;font-size:14px;transition:color .2s}.footer-col ul li:hover{color:var(--saffron)}.footer-bottom{border-top:1px solid var(--border);text-align:center;color:var(--text-secondary);max-width:1100px;margin:0 auto;padding-top:24px;font-size:13px}@media (width<=768px){.footer{padding:40px 20px 20px}.footer-grid{grid-template-columns:1fr;gap:32px}}