@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color: #000000;--bg-secondary: #0a0a0a;--card-color: #1a1a1a;--card-hover-color: #232325;--card-border: #2a2a2a;--text-primary: #f5f5f7;--text-secondary: #a1a1a6;--text-tertiary: #6e6e73;--border-color: #30363d;--accent-blue: #007aff;--accent-green: #30d158;--accent-yellow: #ffd60a;--accent-orange: #ff9f0a;--accent-red: #ff453a;--accent-purple: #bf5af2;--accent-teal: #64d2ff;--grade-s: #00d4aa;--grade-a: #30d158;--grade-b: #64d2ff;--grade-c: #ffd60a;--grade-d: #ff9f0a;--grade-e: #ff6b6b;--grade-f: #ff453a;--glow-outer: rgba(255, 255, 255, .12);--glow-inner: rgba(255, 255, 255, .06);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-glow: .3s ease}body.light-theme{--bg-color: #f5f5f7;--bg-secondary: #e8e8ed;--card-color: #ffffff;--card-hover-color: #fafafa;--card-border: #d1d1d6;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #aeaeb2;--border-color: #d1d1d6}body.light-theme .magic-profile-outer,body.light-theme .magic-card-outer,body.light-theme .magic-detail-outer,body.light-theme .magic-subject-outer,body.light-theme .magic-slot-outer{background:#d1d1d6}body.light-theme .profile-action-btn{background:var(--bg-secondary)}body.light-theme .loader-backdrop{background:#fffc}body.light-theme .loader{border-color:#0000001a;border-top-color:var(--accent-blue)}.page{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;min-height:100vh;opacity:0;transform:translateY(20px);transition:opacity var(--transition-smooth),transform var(--transition-smooth);pointer-events:none;overflow-y:auto;visibility:hidden}.page.visible{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible;position:relative}.view{opacity:1;transition:opacity var(--transition-smooth)}.view.hidden{display:none}.container{max-width:1200px;margin:0 auto;padding:var(--space-xl)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-xl)}.login-container{width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:var(--space-xl)}.logo-icon{width:64px;height:64px;margin:0 auto var(--space-lg);padding:1rem;background:linear-gradient(135deg,#1d1d1f,#2d2d2f);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.logo-icon svg{width:100%;height:100%;stroke:var(--text-primary)}.login-header h1{font-size:1.75rem;font-weight:600;margin-bottom:var(--space-sm)}.login-header p{color:var(--text-secondary);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;width:18px;height:18px;stroke:var(--text-tertiary);pointer-events:none;transition:stroke var(--transition-fast)}.form-input{width:100%;padding:.875rem 1rem;background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast)}.form-input.with-icon{padding-left:2.75rem}.form-input:focus{outline:none;border-color:var(--accent-blue);background:var(--card-hover-color)}.form-input:focus~.input-icon,.input-wrapper:focus-within .input-icon{stroke:var(--accent-blue)}.form-input::placeholder{color:var(--text-tertiary)}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6e73' stroke-width='2'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;border:none;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.password-toggle:hover{opacity:1}.password-toggle.visible{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6e73' stroke-width='2'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E")}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.875rem var(--space-lg);border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{position:relative;width:100%;height:48px;margin-top:var(--space-sm);background:var(--accent-blue);color:#fff}.btn-primary:hover{background:#0066d6;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary.loading .btn-text{opacity:0}.btn-primary.loading .btn-loader{opacity:1}.btn-loader{position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;opacity:0;animation:spin .8s linear infinite}.error-box{display:none;padding:.875rem 1rem;background:#ff453a1a;border:1px solid rgba(255,69,58,.3);border-radius:var(--radius-md);color:var(--accent-red);font-size:.875rem;animation:shake .4s ease}.error-box.visible{display:block}.login-footer{text-align:center;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.login-footer p{color:var(--text-tertiary);font-size:.8rem}.header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-xl)}.header-left{display:flex;align-items:center;gap:var(--space-md)}.header-right{display:none}.btn-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-back:hover{border-color:var(--accent-blue)}.btn-back svg{width:20px;height:20px;stroke:var(--text-secondary)}.btn-back.hidden{display:none}.header-titles h1{font-size:1.75rem;font-weight:600}.header-subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:2px}.btn-logout{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.btn-logout:hover{border-color:var(--accent-red);color:var(--accent-red)}.btn-logout svg{width:18px;height:18px}.section-title{font-size:.8rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md)}.profile-section{margin-bottom:var(--space-xl)}.magic-profile-card{position:relative;border-radius:var(--radius-xl);background:var(--card-border);padding:1px}.magic-profile-inner{background:var(--card-color);border-radius:calc(var(--radius-xl) - 1px);overflow:hidden;transition:background var(--transition-glow)}.magic-profile-card:hover .magic-profile-inner{background:var(--card-hover-color)}.magic-profile-outer{display:none}.magic-profile-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--transition-glow);pointer-events:none;z-index:0}.magic-profile-card:hover .magic-profile-glow{opacity:1}.profile-card-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);position:relative;z-index:1}.profile-left{display:flex;align-items:center;gap:var(--space-lg);min-width:0;flex:1}.profile-avatar{width:56px;height:56px;border-radius:50%;background:var(--bg-color);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;transition:border-color var(--transition-fast)}.magic-profile-card:hover .profile-avatar{border-color:var(--text-tertiary)}.profile-avatar svg{width:28px;height:28px;stroke:var(--text-secondary)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-info h2{font-size:1.25rem;font-weight:600;margin:0;line-height:1.3}.profile-prn{font-size:.8rem;color:var(--text-tertiary);font-family:SF Mono,Consolas,monospace;margin:0 0 4px}.profile-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.profile-meta-item{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.profile-meta-divider{width:4px;height:4px;background:var(--text-tertiary);border-radius:50%;flex-shrink:0}.profile-prn{font-size:.8rem;color:var(--text-tertiary);font-family:SF Mono,Consolas,monospace;margin:0}.profile-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.profile-action-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.profile-action-btn svg{width:20px;height:20px;stroke:var(--text-secondary);transition:stroke var(--transition-fast)}.profile-action-btn:hover{border-color:var(--text-tertiary);background:var(--card-hover-color)}.profile-action-btn:hover svg{stroke:var(--text-primary)}.profile-action-logout:hover{border-color:var(--accent-red)}.profile-action-logout:hover svg{stroke:var(--accent-red)}.theme-icon-dark.hidden,.theme-icon-light.hidden{display:none}.profile-campus{position:absolute;top:var(--space-md);right:var(--space-md);padding:6px 12px;background:#007aff1f;border:1px solid rgba(0,122,255,.25);border-radius:20px;font-size:.75rem;font-weight:500;color:var(--accent-blue);z-index:2}.details-section{margin-bottom:var(--space-xl)}.magic-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.magic-detail-wrapper{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:85px}.magic-detail-outer{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-border);border-radius:var(--radius-lg);transition:opacity var(--transition-glow)}.magic-detail-inner{position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--card-color);border-radius:calc(var(--radius-lg) - 1px);display:flex;align-items:center;overflow:hidden;transition:background var(--transition-glow)}.magic-detail-wrapper:hover .magic-detail-inner{background:var(--card-hover-color)}.magic-detail-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--transition-glow);pointer-events:none}.magic-detail-wrapper:hover .magic-detail-glow,.magic-details-grid.is-hovering .magic-detail-outer{opacity:1}.magic-detail-content{display:flex;align-items:center;gap:.75rem;padding:var(--space-md) var(--space-lg);z-index:1;pointer-events:none;width:100%}.detail-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:var(--radius-md);flex-shrink:0;transition:background var(--transition-fast)}.magic-detail-wrapper:hover .detail-icon{background:#ffffff14}.detail-icon svg{width:18px;height:18px;stroke:var(--text-tertiary);transition:stroke var(--transition-fast)}.magic-detail-wrapper:hover .detail-icon svg{stroke:var(--text-secondary)}.detail-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.detail-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.detail-value{font-size:.95rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-value-small{font-size:.85rem}.quick-actions{margin-bottom:var(--space-xl)}.magic-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.magic-card-wrapper{position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:1 / .85;cursor:pointer;transition:transform var(--transition-fast)}.magic-card-wrapper:active{transform:scale(.98)}.magic-card-outer{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-border);border-radius:var(--radius-xl);transition:opacity var(--transition-glow)}.magic-card-inner{position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--card-color);border-radius:calc(var(--radius-xl) - 1px);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background var(--transition-glow)}.magic-card-wrapper:hover .magic-card-inner{background:var(--card-hover-color)}.magic-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--transition-glow);pointer-events:none}.magic-card-wrapper:hover .magic-card-glow,.magic-cards-grid.is-hovering .magic-card-outer{opacity:1}.magic-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:1;pointer-events:none;text-align:center;padding:var(--space-md)}.magic-card-icon{width:36px;height:36px;color:var(--text-tertiary);transition:all var(--transition-fast)}.magic-card-wrapper:hover .magic-card-icon{color:var(--text-secondary);transform:scale(1.1)}.magic-card-label{font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition-fast)}.magic-card-wrapper:hover .magic-card-label{color:var(--text-primary)}.magic-card-desc{font-size:.75rem;color:var(--text-tertiary);transition:color var(--transition-fast)}.magic-card-wrapper:hover .magic-card-desc{color:var(--text-secondary)}.magic-card-wrapper[data-action=attendance]:hover .magic-card-icon{color:var(--accent-blue)}.magic-card-wrapper[data-action=sgpa]:hover .magic-card-icon{color:var(--accent-green)}.magic-card-wrapper[data-action=materials]:hover .magic-card-icon{color:var(--accent-yellow)}.magic-card-wrapper[data-action=timetable]:hover .magic-card-icon{color:var(--accent-purple)}.sgpa-header-cards{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-md);margin-bottom:var(--space-xl)}.magic-sgpa-wrapper,.magic-credits-wrapper{position:relative;border-radius:var(--radius-xl);overflow:hidden;min-height:140px}.magic-sgpa-wrapper .magic-card-outer,.magic-credits-wrapper .magic-card-outer{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-border);border-radius:var(--radius-xl)}.magic-sgpa-wrapper .magic-card-inner,.magic-credits-wrapper .magic-card-inner{position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--card-color);border-radius:calc(var(--radius-xl) - 1px);display:flex;align-items:center;justify-content:center}.magic-sgpa-wrapper .magic-card-glow,.magic-credits-wrapper .magic-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--transition-glow);pointer-events:none}.sgpa-card-content,.credits-card-content{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);z-index:1;text-align:center}.sgpa-label,.credits-label{font-size:.8rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.sgpa-value{font-size:3.5rem;font-weight:700;line-height:1;margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sgpa-value.sgpa-excellent{background:linear-gradient(135deg,var(--grade-s),var(--grade-a));-webkit-background-clip:text;background-clip:text}.sgpa-value.sgpa-good{background:linear-gradient(135deg,var(--grade-a),var(--grade-b));-webkit-background-clip:text;background-clip:text}.sgpa-value.sgpa-average{background:linear-gradient(135deg,var(--grade-c),var(--grade-d));-webkit-background-clip:text;background-clip:text}.sgpa-value.sgpa-low{background:linear-gradient(135deg,var(--grade-e),var(--grade-f));-webkit-background-clip:text;background-clip:text}.sgpa-info{font-size:.875rem;color:var(--text-tertiary)}.credits-value{font-size:2.5rem;font-weight:700;color:var(--text-primary)}.semester-selector{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.semester-selector label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.select-input{padding:.75rem var(--space-md);padding-right:2.5rem;background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;cursor:pointer;-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='%23a1a1a6' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;min-width:200px;transition:border-color var(--transition-fast)}.select-input:focus{outline:none;border-color:var(--accent-blue)}.grade-scale-bar{background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-xl)}.grade-scale-items{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md) var(--space-lg);font-size:.85rem;color:var(--text-secondary)}.grade-scale-item b{margin-right:4px;font-weight:700}.grade-s{color:var(--grade-s)}.grade-a{color:var(--grade-a)}.grade-b{color:var(--grade-b)}.grade-c{color:var(--grade-c)}.grade-d{color:var(--grade-d)}.grade-e{color:var(--grade-e)}.grade-f{color:var(--grade-f)}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-lg);align-items:stretch}.magic-subject-wrapper{position:relative;border-radius:var(--radius-xl);overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity var(--transition-smooth),transform var(--transition-smooth);display:flex;flex-direction:column}.magic-subject-wrapper.visible{opacity:1;transform:translateY(0)}.magic-subject-outer{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-border);border-radius:var(--radius-xl)}.magic-subject-inner{position:relative;background:var(--card-color);border-radius:calc(var(--radius-xl) - 1px);padding:var(--space-lg);margin:1px;flex:1;display:flex;flex-direction:column;transition:background var(--transition-glow)}.magic-subject-wrapper:hover .magic-subject-inner{background:var(--card-hover-color)}.magic-subject-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--transition-glow);pointer-events:none;z-index:0}.magic-subject-wrapper:hover .magic-subject-glow,.subjects-grid.is-hovering .magic-subject-outer{opacity:1}.subject-header{flex-shrink:0}.subject-title-group{flex:1;min-width:0}.subject-name{font-size:1.1rem;font-weight:600;margin-bottom:4px;line-height:1.3}.subject-code{font-size:.85rem;color:var(--text-secondary);font-family:SF Mono,Consolas,monospace}.subject-badges{display:flex;gap:var(--space-sm);flex-shrink:0}.credits-badge{background:#007aff26;color:var(--accent-blue);padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.total-badge{background:#ffffff14;color:var(--text-secondary);padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.isa-section{flex-shrink:0}.section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:var(--space-sm)}.component-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.875rem}.component-name{color:var(--text-secondary)}.component-marks{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-primary);font-weight:500}.scaled-mark{color:var(--accent-blue);font-size:.75rem}.isa-total{display:flex;justify-content:space-between;padding-top:var(--space-sm);margin-top:var(--space-sm);border-top:1px solid var(--border-color);font-weight:600}.isa-total-value{color:var(--accent-blue)}.adjustable-section{flex-shrink:0}.input-group{margin-bottom:var(--space-md)}.input-group label{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.from-api{font-size:.7rem;color:var(--accent-green);font-weight:400}.pending-mark{font-size:.7rem;color:var(--accent-orange);font-weight:400}.slider-input-row{display:flex;align-items:center;gap:var(--space-md)}.component-slider{flex:1;height:6px;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-color);cursor:pointer}.component-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border-radius:50%;cursor:pointer;border:3px solid var(--bg-color);box-shadow:0 2px 6px #0000004d;transition:transform var(--transition-fast)}.component-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.component-slider:disabled{opacity:.5;cursor:not-allowed}.input-with-max{display:flex;align-items:center;gap:4px;flex-shrink:0}.marks-input{width:60px;padding:6px 8px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;font-weight:600;text-align:center}.marks-input:focus{outline:none;border-color:var(--accent-blue)}.marks-input:read-only{background:var(--card-color);color:var(--text-secondary);cursor:not-allowed}.max-marks{color:var(--text-tertiary);font-size:.8rem}.esa-group{background:#007aff0d;border-radius:var(--radius-md);padding:var(--space-md)}.esa-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);flex-wrap:wrap;gap:var(--space-sm)}.esa-value-display{font-size:1.5rem;font-weight:700;color:var(--accent-blue)}.esa-slider{width:100%;height:8px;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-color);cursor:pointer;margin:var(--space-sm) 0}.esa-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:#fff;border-radius:50%;cursor:pointer;border:4px solid var(--bg-color);box-shadow:0 2px 8px #0006}.esa-range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-tertiary)}.esa-note{font-size:.75rem;color:var(--text-tertiary);text-align:center;margin-top:var(--space-sm)}.esa-toggle-label{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;color:var(--text-secondary);cursor:pointer}.esa-max-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;background:var(--border-color);border-radius:10px;position:relative;cursor:pointer;transition:background var(--transition-fast)}.esa-max-toggle:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform var(--transition-fast)}.esa-max-toggle:checked{background:var(--accent-blue)}.esa-max-toggle:checked:before{transform:translate(16px)}.result-section{flex-shrink:0;margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--border-color)}.predicted-result{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-md);text-align:center}.result-grade,.result-percentage,.result-total{display:flex;flex-direction:column;align-items:center;gap:6px}.result-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.grade-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);font-size:1.5rem;font-weight:700}.grade-badge.grade-excellent{background:linear-gradient(135deg,var(--grade-s),var(--grade-a));color:#000}.grade-badge.grade-good{background:linear-gradient(135deg,var(--grade-b),var(--grade-c));color:#000}.grade-badge.grade-average{background:linear-gradient(135deg,var(--grade-d),var(--grade-e));color:#000}.grade-badge.grade-fail{background:var(--grade-f);color:#fff}.percentage-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.total-value{font-size:.95rem;font-weight:600;color:var(--text-secondary)}.thresholds-section{background:#ffffff08;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md)}.thresholds-label{font-size:.7rem;color:var(--text-tertiary);margin-bottom:var(--space-sm);display:block}.thresholds-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.threshold-item{display:flex;align-items:center;gap:6px;background:#ffffff0d;padding:4px 10px;border-radius:20px;font-size:.75rem;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.threshold-item:hover{border-color:var(--accent-blue);background:#007aff1a;transform:translateY(-2px)}.threshold-grade{font-weight:700}.threshold-grade.grade-excellent{color:var(--grade-s)}.threshold-grade.grade-good{color:var(--grade-b)}.threshold-grade.grade-average{color:var(--grade-d)}.threshold-grade.grade-fail{color:var(--grade-f)}.threshold-esa{color:var(--text-secondary)}.other-components-section{margin-bottom:var(--space-md);padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.section-sublabel{font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--space-sm);font-weight:500}.component-row.compact{padding:4px 0;font-size:.8rem}.component-row.total-row{border-top:1px solid var(--border-color);margin-top:var(--space-sm);padding-top:var(--space-sm);font-weight:600}.input-group.compact{margin-bottom:var(--space-sm)}.input-group.compact label{font-size:.8rem}.srn-badge{position:fixed;bottom:var(--space-lg);right:var(--space-lg);padding:var(--space-sm) var(--space-md);background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.8rem;color:var(--text-secondary);font-family:SF Mono,Consolas,monospace;opacity:0;transform:translateY(10px);transition:all var(--transition-smooth);z-index:50}.srn-badge.visible{opacity:1;transform:translateY(0)}.loader-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.loader-container.visible{opacity:1;visibility:visible}.loader-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loader{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-blue);border-radius:50%;animation:loader-spin 1s linear infinite;position:relative;z-index:1}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--space-xl) * 2);text-align:center;color:var(--text-secondary)}.empty-state svg{width:64px;height:64px;margin-bottom:var(--space-lg);opacity:.5;stroke:var(--text-tertiary)}.empty-state h3{font-size:1.25rem;margin-bottom:var(--space-sm);color:var(--text-primary)}#timetable-view{padding-bottom:var(--space-xl)}.timetable-info-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-lg)}.timetable-info-card .magic-card-outer{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-border);border-radius:var(--radius-xl)}.timetable-info-card .magic-card-inner{position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--card-color);border-radius:calc(var(--radius-xl) - 1px)}.timetable-info-card .magic-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--transition-glow);pointer-events:none}.timetable-info-content{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);padding:var(--space-lg);position:relative;z-index:1}.tt-info-item{display:flex;flex-direction:column;gap:4px}.tt-info-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.tt-info-value{font-size:.95rem;font-weight:500;color:var(--text-primary)}.current-class-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-lg)}.current-class-card .magic-card-outer{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-border);border-radius:var(--radius-xl)}.current-class-card .magic-card-inner{position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:linear-gradient(135deg,#30d1581a,#007aff0d);border-radius:calc(var(--radius-xl) - 1px)}.current-class-card.no-class .magic-card-inner{background:var(--card-color)}.current-class-card.is-next .magic-card-inner{background:linear-gradient(135deg,#ff9f0a1a,#ffd60a0d)}.current-class-content{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);position:relative;z-index:1}.current-class-indicator{display:flex;align-items:center;gap:var(--space-sm);padding:6px 12px;background:#30d15826;border-radius:20px;flex-shrink:0}.current-class-card.no-class .current-class-indicator{background:#ffffff0d}.current-class-card.is-next .current-class-indicator{background:#ff9f0a26}.indicator-dot{width:8px;height:8px;background:var(--accent-green);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}.current-class-card.no-class .indicator-dot{background:var(--text-tertiary);animation:none}.current-class-card.is-next .indicator-dot{background:var(--accent-orange);animation:none}.indicator-text{font-size:.75rem;font-weight:600;color:var(--accent-green);text-transform:uppercase;letter-spacing:.5px}.current-class-card.no-class .indicator-text{color:var(--text-tertiary)}.current-class-card.is-next .indicator-text{color:var(--accent-orange)}.current-class-details{display:flex;flex-direction:column;gap:4px;min-width:0}.current-class-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-class-time{font-size:.85rem;color:var(--text-secondary)}.current-class-faculty{font-size:.8rem;color:var(--text-tertiary)}.day-tabs-container{margin-bottom:var(--space-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.day-tabs-container::-webkit-scrollbar{display:none}.day-tabs{display:flex;gap:8px;padding:4px;background:var(--card-color);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.day-tab{flex:1;min-width:60px;padding:10px 16px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);position:relative}.day-tab:hover{color:var(--text-primary);background:#ffffff0d}.day-tab.active{background:var(--accent-blue);color:#fff}.day-tab.is-today:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--accent-green);border-radius:50%}.day-tab.active.is-today:after{background:#fff}.timetable-grid{display:flex;flex-direction:column;gap:12px}.magic-slot-wrapper{position:relative;border-radius:var(--radius-lg);overflow:hidden;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.magic-slot-wrapper.visible{opacity:1;transform:translateY(0)}.magic-slot-wrapper.is-break{opacity:.6}.magic-slot-outer{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-border);border-radius:var(--radius-lg)}.magic-slot-inner{position:relative;background:var(--card-color);border-radius:calc(var(--radius-lg) - 1px);padding:var(--space-md) var(--space-lg);margin:1px;display:flex;align-items:center;gap:var(--space-lg);transition:background var(--transition-glow)}.magic-slot-wrapper:hover .magic-slot-inner{background:var(--card-hover-color)}.magic-slot-wrapper.is-current .magic-slot-inner{background:linear-gradient(135deg,rgba(48,209,88,.08),transparent);border-left:3px solid var(--accent-green)}.magic-slot-wrapper.is-lab .magic-slot-inner{border-left:3px solid var(--accent-purple)}.magic-slot-wrapper.is-break .magic-slot-inner{background:#ffffff05;justify-content:center;padding:var(--space-sm) var(--space-lg)}.magic-slot-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--transition-glow);pointer-events:none}.magic-slot-wrapper:hover .magic-slot-glow{opacity:1}.slot-time{display:flex;flex-direction:column;align-items:center;min-width:70px;flex-shrink:0}.slot-time-start{font-size:.95rem;font-weight:600;color:var(--text-primary)}.slot-time-end{font-size:.75rem;color:var(--text-tertiary)}.slot-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.slot-subject-code{font-size:.75rem;color:var(--accent-blue);font-family:SF Mono,Consolas,monospace}.magic-slot-wrapper.is-lab .slot-subject-code{color:var(--accent-purple)}.slot-subject-name{font-size:.95rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-faculty{font-size:.8rem;color:var(--text-tertiary)}.slot-empty{color:var(--text-tertiary);font-size:.85rem;font-style:italic}.break-content{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-tertiary);font-size:.8rem}.break-icon{width:16px;height:16px;stroke:var(--text-tertiary)}.lab-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#bf5af226;border-radius:10px;font-size:.7rem;font-weight:500;color:var(--accent-purple);margin-left:var(--space-sm)}.no-classes-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--space-xl) * 2);text-align:center;color:var(--text-secondary)}.no-classes-state svg{width:48px;height:48px;margin-bottom:var(--space-md);stroke:var(--text-tertiary)}.no-classes-state h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:var(--space-xs)}.no-classes-state p{font-size:.875rem;color:var(--text-tertiary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (max-width: 1024px){.magic-details-grid,.magic-cards-grid{grid-template-columns:repeat(2,1fr)}.sgpa-header-cards,.subjects-grid{grid-template-columns:1fr}}@media (max-width: 768px){.container{padding:var(--space-md)}.header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.header-right{width:100%}.btn-logout{width:100%;justify-content:center}.header-titles h1{font-size:1.5rem}.profile-card-content{flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg)}.profile-left{width:100%}.profile-actions{width:100%;justify-content:flex-end;padding-top:var(--space-sm);border-top:1px solid var(--border-color)}.profile-info h2{font-size:1.1rem}.profile-avatar{width:48px;height:48px}.profile-avatar svg{width:24px;height:24px}.magic-details-grid{grid-template-columns:1fr;gap:8px}.magic-cards-grid{grid-template-columns:repeat(2,1fr);gap:8px}.magic-card-wrapper{aspect-ratio:1 / .9}.magic-sgpa-wrapper,.magic-credits-wrapper{min-height:120px}.sgpa-value{font-size:2.5rem}.credits-value{font-size:2rem}.subjects-grid{grid-template-columns:1fr;gap:var(--space-md)}.predicted-result{grid-template-columns:1fr;gap:var(--space-sm)}.predicted-result>div{flex-direction:row;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color)}.predicted-result>div:last-child{border-bottom:none}.grade-scale-items{gap:var(--space-sm) var(--space-md);font-size:.75rem}.srn-badge{bottom:var(--space-md);right:var(--space-md);font-size:.7rem}.timetable-info-content{grid-template-columns:repeat(2,1fr)}.current-class-content{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.day-tabs{min-width:max-content}.day-tab{min-width:50px;padding:8px 12px;font-size:.8rem}.magic-slot-inner{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.slot-time{flex-direction:row;gap:var(--space-sm);width:100%}.slot-time-end:before{content:"-";margin-right:var(--space-xs)}}@media (max-width: 480px){.login-header h1{font-size:1.5rem}.btn-logout span{display:none}.btn-logout{padding:var(--space-sm);width:auto}.profile-avatar{width:48px;height:48px}.profile-avatar svg{width:24px;height:24px}.profile-info h2{font-size:1.1rem}.profile-meta-item{font-size:.75rem}.profile-meta-divider{width:3px;height:3px}.magic-card-icon{width:28px;height:28px}.magic-card-label{font-size:.8rem}.magic-card-desc{display:none}.slider-input-row{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.input-with-max{justify-content:flex-end}.subject-badges{flex-direction:column;align-items:flex-end;gap:4px}.timetable-info-content{grid-template-columns:1fr 1fr;gap:var(--space-sm)}.tt-info-value{font-size:.85rem}}.attendance-controls{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.attendance-control-group{flex:1;min-width:200px;display:flex;flex-direction:column;gap:var(--space-sm)}.attendance-control-group>label{font-size:.8rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.date-picker-wrapper{position:relative}.date-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:.75rem var(--space-md);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:all var(--transition-fast)}.date-picker-trigger:hover{border-color:var(--text-tertiary)}.date-picker-trigger .trigger-icon{width:18px;height:18px;stroke:var(--text-tertiary);flex-shrink:0}.date-picker-trigger .trigger-text{flex:1;text-align:left}.bunk-count-badge{background:var(--accent-purple);color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:20px}.calendar-dropdown{position:absolute;top:calc(100% + var(--space-sm));left:0;z-index:50;display:flex;gap:var(--space-md);background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-smooth)}.calendar-dropdown.visible{opacity:1;visibility:visible;transform:translateY(0)}.calendar-container{min-width:280px}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0;margin-bottom:var(--space-sm)}.calendar-month-year{font-size:1rem;font-weight:600;color:var(--text-primary)}.calendar-nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.calendar-nav-btn:hover{background:var(--card-hover-color);border-color:var(--text-tertiary)}.calendar-nav-btn svg{width:16px;height:16px;stroke:var(--text-secondary)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-weekday{height:32px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase}.calendar-day{height:36px;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--text-primary);border-radius:50%;cursor:pointer;transition:all var(--transition-fast);position:relative}.calendar-day:hover{background:var(--card-hover-color)}.calendar-day.other-month{color:var(--text-tertiary);opacity:.4;pointer-events:none}.calendar-day.today{color:var(--accent-blue);font-weight:600}.calendar-day.selected{background:var(--accent-blue);color:#fff}.calendar-day.holiday,.calendar-day.sunday{color:var(--accent-red)}.calendar-day.holiday:after,.calendar-day.sunday:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--accent-red)}.calendar-day.isa{color:var(--accent-green)}.calendar-day.isa:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--accent-green)}.calendar-day.event{color:var(--accent-yellow)}.calendar-day.event:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--accent-yellow)}.calendar-day.bunk-selected{background:#bf5af24d;box-shadow:inset 0 0 0 2px var(--accent-purple);color:#fff;font-weight:600;border-radius:var(--radius-sm)}.calendar-legend{min-width:160px;padding-left:var(--space-md);border-left:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-sm)}.legend-title{font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:.8rem;color:var(--text-secondary);cursor:pointer}.legend-item input[type=checkbox]{margin-left:auto;width:16px;height:16px;accent-color:var(--accent-blue);cursor:pointer}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-dot.holiday{background:var(--accent-red)}.legend-dot.isa{background:var(--accent-green)}.legend-dot.event{background:var(--accent-yellow)}.legend-dot.bunk{background:var(--accent-purple)}.btn-clear-bunks{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.btn-clear-bunks:hover{border-color:var(--accent-red);color:var(--accent-red)}.btn-clear-bunks svg{width:14px;height:14px}.target-slider-wrapper{display:flex;align-items:center;gap:var(--space-md)}.attendance-slider{flex:1;height:6px;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-color);cursor:pointer}.attendance-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;cursor:pointer;border:3px solid var(--bg-color);box-shadow:0 2px 6px #0000004d}.target-value{min-width:50px;font-size:1.25rem;font-weight:700;color:var(--text-primary);text-align:right}.attendance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-lg)}.attendance-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity var(--transition-smooth),transform var(--transition-smooth);display:flex;flex-direction:column;min-height:340px}.attendance-card.visible{opacity:1;transform:translateY(0)}.attendance-card-outer{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-border);border-radius:var(--radius-xl)}.attendance-card-inner{position:relative;background:var(--card-color);border-radius:calc(var(--radius-xl) - 1px);padding:var(--space-lg);margin:1px;transition:background var(--transition-glow);flex:1;display:flex;flex-direction:column}.attendance-card:hover .attendance-card-inner{background:var(--card-hover-color)}.attendance-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--transition-glow);pointer-events:none}.attendance-card:hover .attendance-card-glow{opacity:1}.attendance-card-header{margin-bottom:var(--space-md)}.attendance-card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.3;margin-bottom:4px}.attendance-card-code{font-size:.8rem;color:var(--text-secondary);font-family:SF Mono,Consolas,monospace}.attendance-bar{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden;margin-bottom:var(--space-md)}.attendance-fill{height:100%;border-radius:3px;transition:width var(--transition-smooth)}.attendance-fill.status-good{background:var(--accent-green)}.attendance-fill.status-warning{background:var(--accent-yellow)}.attendance-fill.status-danger{background:var(--accent-red)}.current-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.current-label{font-size:.85rem;color:var(--text-secondary)}.current-value{display:flex;align-items:center;gap:var(--space-sm)}.current-value b{font-weight:600;color:var(--text-primary)}.percentage-badge{font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:20px}.percentage-badge.status-good{background:#30d15826;color:var(--accent-green)}.percentage-badge.status-warning{background:#ffd60a26;color:var(--accent-yellow)}.percentage-badge.status-danger{background:#ff453a26;color:var(--accent-red)}.projection-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.projection-stat{text-align:center;padding:var(--space-md);background:#ffffff08;border-radius:var(--radius-md)}.projection-stat-label{font-size:.7rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.projection-stat-value{font-size:2rem;font-weight:700;line-height:1}.projection-stat-unit{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.projection-stat-value.can-skip{color:var(--accent-green)}.projection-stat-value.skip-warning{color:var(--accent-yellow)}.projection-stat-value.skip-danger{color:var(--accent-red)}.projection-stat-value.must-attend{color:var(--accent-blue)}.projection-summary{font-size:.8rem;color:var(--text-secondary);margin-top:auto}.projection-line{display:flex;justify-content:space-between;padding:4px 0}.projection-line b{color:var(--text-primary);font-weight:600}.projection-line.planned-bunks b{color:var(--accent-purple)}.safe-banner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#30d15814;border:1px solid rgba(48,209,88,.2);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.safe-icon{width:28px;height:28px;stroke:var(--accent-green);flex-shrink:0}.safe-text{flex:1}.safe-title{font-size:.95rem;font-weight:600;color:var(--accent-green)}.safe-subtitle{font-size:.8rem;color:var(--text-secondary)}.attendance-card.is-loading .attendance-card-inner{pointer-events:none}.attendance-card .skeleton{background:linear-gradient(90deg,var(--card-color) 25%,#2a2a2d 50%,var(--card-color) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}.attendance-card .skeleton-title{height:22px;width:80%;margin-bottom:var(--space-sm)}.attendance-card .skeleton-text{height:14px;width:50%;margin-bottom:var(--space-md)}.attendance-card .skeleton-bar{height:6px;width:100%;margin-bottom:var(--space-md)}.attendance-card .skeleton-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.attendance-card .skeleton-stat{height:80px;border-radius:var(--radius-md)}@media (max-width: 768px){.attendance-controls{flex-direction:column;gap:var(--space-md)}.attendance-control-group{min-width:100%}.calendar-dropdown{flex-direction:column;left:0;right:0;max-width:calc(100vw - 2rem)}.calendar-legend{padding-left:0;padding-top:var(--space-md);border-left:none;border-top:1px solid var(--border-color)}.attendance-grid{grid-template-columns:1fr}.projection-stat-value{font-size:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-container{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.toast{background:#1a1a1af2;border:1px solid rgba(255,255,255,.1);color:#f5f5f7;padding:.75rem 1.25rem;border-radius:12px;font-size:.875rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006;animation:toastIn .3s ease;margin-top:.5rem}.attendance-card.is-cooked .attendance-card-outer{background:var(--card-border)}.attendance-card.is-cooked .attendance-card-inner{background:var(--card-color)}.cooked-banner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#ff453a14;border:1px solid rgba(255,69,58,.2);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.cooked-icon{width:32px;height:32px;stroke:var(--accent-red);flex-shrink:0}.cooked-text{flex:1}.cooked-title{font-size:.95rem;font-weight:600;color:var(--accent-red)}.cooked-subtitle{font-size:.8rem;color:var(--text-secondary)}@keyframes cookedShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.attendance-card.is-cooked.visible .cooked-banner{animation:cookedShake .5s ease-in-out}.quick-picks{display:flex;align-items:center;gap:6px;margin-top:8px}.quick-picks-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.quick-pick{padding:4px 10px;background:transparent;border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:.7rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.quick-pick:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.quick-pick.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.suggested-dates-section{padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.suggested-dates-title{font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.suggested-dates-list{display:flex;flex-direction:column;gap:4px}.suggested-date-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.suggested-date-item:hover{border-color:var(--accent-blue);background:#007aff0d}.suggested-date-item.active{border-color:var(--accent-blue);background:#007aff1a}.suggested-date-left{display:flex;align-items:center;gap:8px;min-width:0}.suggested-date-badge{padding:2px 8px;border-radius:10px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.suggested-date-badge.ptm2{background:#007aff26;color:var(--accent-blue)}.suggested-date-badge.lwd{background:#ff9f0a26;color:var(--accent-orange)}.suggested-date-badge.isa2{background:#bf5af226;color:var(--accent-purple)}.suggested-date-badge.fasd{background:#30d15826;color:var(--accent-green)}.suggested-date-desc{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggested-date-value{font-size:.75rem;font-weight:500;color:var(--text-primary);flex-shrink:0;margin-left:8px}.suggested-date-item.active .suggested-date-desc,.suggested-date-item.active .suggested-date-value{color:var(--accent-blue)}@media (max-width: 768px){.quick-picks{flex-wrap:wrap}.suggested-date-desc{display:none}.suggested-date-item{padding:6px 8px}}.course-item{display:flex;align-items:center;gap:var(--space-sm);padding:8px 10px;background:var(--bg-color);border-radius:var(--radius-md);opacity:0;animation:courseItemFadeIn .3s ease forwards;transition:background var(--transition-fast)}.course-item:hover{background:var(--bg-secondary)}@keyframes courseItemFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.course-color-dot{width:10px;height:10px;border-radius:50%;background:var(--course-color);flex-shrink:0}.course-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.course-name{font-size:.8rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-code{font-size:.65rem;color:var(--text-tertiary);font-family:SF Mono,Consolas,monospace}.course-stats{display:flex;align-items:center;gap:8px;flex-shrink:0}.course-count{font-size:.9rem;font-weight:600;color:var(--course-color);min-width:20px;text-align:right}.course-percent{font-size:.7rem;color:var(--text-tertiary);min-width:32px;text-align:right}.courses-overview{margin-bottom:var(--space-xl)}.next-class-banner{position:relative;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-md)}.next-class-banner-outer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6366f133,#6366f10d);border-radius:var(--radius-xl)}.next-class-banner.no-class .next-class-banner-outer{background:var(--card-border)}.next-class-banner-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg);background:linear-gradient(135deg,#6366f10f,#8b5cf608);border-radius:calc(var(--radius-xl) - 1px);margin:1px}.next-class-banner.no-class .next-class-banner-inner{background:var(--card-color)}.next-class-left{flex:1;min-width:0}.next-class-label{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#a5b4fc;margin-bottom:6px}.next-class-banner.no-class .next-class-label{color:var(--text-tertiary)}.next-pulse{width:8px;height:8px;background:#818cf8;border-radius:50%;animation:nextPulse 2s ease-in-out infinite}.next-dot-done{width:8px;height:8px;background:var(--text-tertiary);border-radius:50%}@keyframes nextPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.next-class-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}@media (max-width: 768px){.next-class-name{font-size:1rem;-webkit-line-clamp:2}}.next-class-banner.no-class .next-class-name{color:var(--text-secondary)}.next-class-meta{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary)}.next-class-divider{opacity:.4}.next-class-faculty{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-class-countdown{display:flex;flex-direction:column;align-items:center;padding:var(--space-md) var(--space-lg);background:#6366f11a;border-radius:var(--radius-lg);flex-shrink:0;min-width:100px}.countdown-value{font-size:1.5rem;font-weight:700;color:#a5b4fc;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.countdown-label{font-size:.6rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px}.courses-grid{display:grid;grid-template-columns:repeat(var(--course-count, 4),1fr);gap:var(--space-md);margin-bottom:var(--space-md)}@media (min-width: 769px){.courses-grid{grid-template-columns:repeat(var(--course-count, 4),1fr)}.courses-grid[style*="--course-count: 7"],.courses-grid[style*="--course-count: 8"],.courses-grid[style*="--course-count: 9"],.courses-grid[style*="--course-count: 10"]{grid-template-columns:repeat(5,1fr)}}.course-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:120px;opacity:0;animation:courseCardFadeIn .4s ease forwards}@keyframes courseCardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.course-card-outer{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-border);border-radius:var(--radius-lg);transition:background var(--transition-glow)}.course-card-inner{position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--card-color);border-radius:calc(var(--radius-lg) - 1px);display:flex;align-items:center;justify-content:center;transition:background var(--transition-glow)}.course-card:hover .course-card-inner{background:var(--card-hover-color)}.course-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--transition-glow);pointer-events:none}.course-card:hover .course-card-glow,.courses-grid.is-hovering .course-card-outer{opacity:1}.course-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-md);z-index:1;width:100%}.course-card-count{font-size:2.25rem;font-weight:700;color:var(--text-primary);line-height:1;display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-sm)}.course-card-count-label{font-size:.55rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;margin-top:4px}.course-card-name{font-size:.7rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-bottom:4px;transition:color var(--transition-fast)}.course-card:hover .course-card-name{color:var(--text-primary)}.course-card-code{display:flex;align-items:center;gap:4px;font-size:.6rem;color:var(--text-tertiary);font-family:SF Mono,Consolas,monospace}.course-lab-badge{padding:1px 5px;background:#8b5cf626;color:#a78bfa;border-radius:4px;font-size:.5rem;font-weight:600;font-family:inherit}.course-card:hover .course-card-outer{background:linear-gradient(135deg,#ffffff1f,#ffffff0a)}.courses-stats-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.courses-stat-item{display:flex;align-items:center;gap:var(--space-sm);flex:1;justify-content:center}.courses-stat-item .stat-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border-radius:var(--radius-sm);flex-shrink:0}.courses-stat-item .stat-icon svg{width:16px;height:16px;stroke:var(--text-tertiary)}.courses-stat-item .stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1}.courses-stat-item .stat-label{font-size:.65rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.stat-separator{width:1px;height:40px;background:var(--border-color);flex-shrink:0}.courses-loading{display:flex;flex-direction:column;gap:var(--space-md)}.course-skeleton-banner{height:90px;border-radius:var(--radius-xl);background:linear-gradient(90deg,var(--card-color) 25%,var(--card-hover-color) 50%,var(--card-color) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.courses-skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.course-skeleton-card{height:120px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--card-color) 25%,var(--card-hover-color) 50%,var(--card-color) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.course-skeleton-stats{height:60px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--card-color) 25%,var(--card-hover-color) 50%,var(--card-color) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.courses-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-tertiary)}.courses-empty svg{width:40px;height:40px;margin-bottom:var(--space-sm);opacity:.5}.courses-empty p{font-size:.875rem}@media (max-width: 1024px){.courses-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width: 768px){.next-class-banner-inner{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.next-class-countdown{width:100%;flex-direction:row;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.countdown-value{font-size:1.25rem}.countdown-label{font-size:.65rem}.courses-grid{grid-template-columns:repeat(2,1fr)}.course-card{min-height:100px}.course-card-count{font-size:1.75rem}.courses-stats-footer{flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md)}.courses-stat-item{flex:1 1 45%;justify-content:flex-start;padding:var(--space-sm);background:#ffffff05;border-radius:var(--radius-sm)}.stat-separator{display:none}.courses-skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.course-card-count{font-size:1.5rem}.course-card-count-label{font-size:.5rem}.course-card-name{font-size:.65rem}.course-card-code{font-size:.55rem}.next-class-meta{flex-wrap:wrap}.next-class-faculty{width:100%}.next-class-divider{display:none}.courses-stat-item .stat-value{font-size:1.1rem}.courses-stat-item .stat-icon{width:28px;height:28px}.courses-stat-item .stat-icon svg{width:14px;height:14px}}.semester-ended-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;min-height:160px}.semester-ended-outer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#30d15866,#30d15826);border-radius:var(--radius-xl)}.semester-ended-inner{position:relative;background:linear-gradient(135deg,#30d1581a,#30d15808);border-radius:calc(var(--radius-xl) - 1px);margin:1px;padding:var(--space-xl);display:flex;align-items:center;justify-content:center;min-height:158px}.semester-ended-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(48,209,88,.2) 0%,transparent 70%);pointer-events:none}.semester-ended-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);z-index:1}.semester-ended-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#30d15826;border-radius:50%;color:#30d158;animation:semesterPulse 2s ease-in-out infinite}.semester-ended-icon svg{width:28px;height:28px}@keyframes semesterPulse{0%,to{box-shadow:0 0 #30d15866}50%{box-shadow:0 0 0 12px #30d15800}}.semester-ended-text h3{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.semester-ended-text p{font-size:.925rem;color:var(--text-secondary);margin:0;max-width:320px;line-height:1.5}[data-theme=dark] .semester-ended-inner{background:linear-gradient(135deg,#30d15814,#30d15805)}[data-theme=dark] .semester-ended-icon{background:#30d1581f}.course-card-warning .course-card-inner{border-color:#fbbf244d}.course-card-warning .course-card-glow{background:radial-gradient(circle,rgba(251,191,36,.15) 0%,transparent 70%)}.course-card-count.count-zero{color:var(--color-warning, #fbbf24);opacity:.8}.course-warning-badge{margin-left:6px;font-size:.75rem;cursor:help}.course-card-warning .course-card-content{opacity:.85}.credits-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000f2;opacity:0;visibility:hidden;transition:all .3s ease}.credits-modal-overlay.visible{opacity:1;visibility:visible}.credits-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.credits-content{position:relative;z-index:1;width:90%;max-width:380px;background:#0f0f0fe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2.5rem 2rem;text-align:center;box-shadow:0 25px 50px #00000080;transform:scale(.9) translateY(20px);opacity:0;animation:creditsSlideIn .4s ease .1s forwards}@keyframes creditsSlideIn{to{transform:scale(1) translateY(0);opacity:1}}.credits-close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:#ffffff0d;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.credits-close-btn svg{width:16px;height:16px;stroke:#ffffff80;transition:all .2s ease}.credits-close-btn:hover{background:#ffffff1a;transform:rotate(90deg)}.credits-close-btn:hover svg{stroke:#fff}.credits-inner{display:flex;flex-direction:column;align-items:center;gap:1rem}.credits-logo{width:56px;height:56px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center}.credits-logo svg{width:28px;height:28px;stroke:#000}.credits-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.credits-divider{width:40px;height:1px;background:#ffffff26;margin:.5rem 0}.credits-author{display:flex;flex-direction:column;align-items:center;gap:.25rem}.credits-label{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.1em}.credits-name{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.credits-links{display:flex;gap:.75rem;margin-top:.5rem}.credits-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:100px;color:#ffffffb3;text-decoration:none;font-size:.8rem;font-weight:500;transition:all .2s ease}.credits-link:hover{background:#ffffff1a;color:#fff;border-color:#ffffff26;transform:translateY(-2px)}.credits-link svg{width:16px;height:16px;fill:currentColor}.credits-tech{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.tech-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.tech-item{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;font-size:.7rem;color:#fff9}.tech-item svg{width:14px;height:14px;fill:#ffffff80}.credits-version{margin-top:1rem;font-size:.65rem;color:#ffffff40;letter-spacing:.05em}.light-theme .credits-content{background:#fffffff2;border-color:#00000014}.light-theme .credits-title,.light-theme .credits-name{color:#111}.light-theme .credits-label{color:#0006}.light-theme .credits-logo{background:#111}.light-theme .credits-logo svg{stroke:#fff}.light-theme .credits-divider{background:#0000001a}.light-theme .credits-close-btn{background:#0000000d}.light-theme .credits-close-btn svg{stroke:#00000080}.light-theme .credits-close-btn:hover{background:#0000001a}.light-theme .credits-close-btn:hover svg{stroke:#000}.light-theme .credits-link{background:#00000008;border-color:#00000014;color:#000000b3}.light-theme .credits-link:hover{background:#0000000f;color:#000}.light-theme .tech-item{background:#00000008;border-color:#0000000f;color:#0009}.light-theme .tech-item svg{fill:#00000080}.light-theme .credits-version{color:#00000040}@media (max-width: 480px){.credits-content{padding:2rem 1.5rem}.credits-links{flex-direction:column;gap:.5rem}.credits-link{justify-content:center}}.manual-course-card .manual-outer{background:linear-gradient(135deg,#bf5af240,#bf5af214)}.manual-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.manual-name-section{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.manual-name-display{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:4px 0}.manual-name-display:hover .manual-edit-btn{opacity:1}.manual-name-text{font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.3}.manual-edit-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;opacity:.4;transition:opacity var(--transition-fast);padding:0}.manual-edit-btn svg{width:14px;height:14px;stroke:var(--text-secondary)}.manual-name-input{width:100%;padding:6px 10px;background:var(--bg-color);border:1px solid var(--accent-purple);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1.1rem;font-weight:600;outline:none}.manual-badge{display:inline-flex;align-self:flex-start;padding:3px 10px;background:#bf5af226;color:var(--accent-purple);border-radius:12px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.manual-delete-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.manual-delete-btn:hover{border-color:var(--accent-red);background:#ff453a1a}.manual-delete-btn svg{width:18px;height:18px;stroke:var(--text-tertiary);transition:stroke var(--transition-fast)}.manual-delete-btn:hover svg{stroke:var(--accent-red)}.manual-section{margin-bottom:var(--space-md)}.manual-label{display:block;font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.manual-credits-row{display:flex;gap:6px}.manual-credit-btn{flex:1;padding:8px 0;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.manual-credit-btn:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.manual-credit-btn.active{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.manual-mode-toggle{display:flex;gap:6px;padding:4px;background:var(--bg-color);border-radius:var(--radius-md)}.manual-mode-btn{flex:1;padding:8px 12px;background:transparent;border:none;border-radius:calc(var(--radius-md) - 4px);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.manual-mode-btn:hover{color:var(--text-primary)}.manual-mode-btn.active{background:var(--card-color);color:var(--text-primary);box-shadow:0 2px 6px #00000026}.manual-grade-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.manual-grade-btn{padding:10px 0;background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.manual-grade-btn:hover{border-color:var(--text-tertiary)}.manual-grade-btn.active{transform:scale(1.05)}.manual-grade-btn.grade-excellent{color:var(--grade-s)}.manual-grade-btn.grade-good{color:var(--grade-b)}.manual-grade-btn.grade-average{color:var(--grade-d)}.manual-grade-btn.grade-fail{color:var(--grade-f)}.manual-grade-btn.active.grade-excellent{border-color:var(--grade-s);background:#00d4aa1a}.manual-grade-btn.active.grade-good{border-color:var(--grade-b);background:#64d2ff1a}.manual-grade-btn.active.grade-average{border-color:var(--grade-d);background:#ff9f0a1a}.manual-grade-btn.active.grade-fail{border-color:var(--grade-f);background:#ff453a1a}.manual-marks-section{display:flex;flex-direction:column;gap:var(--space-sm)}.manual-marks-row{display:flex;align-items:center;gap:var(--space-md)}.manual-marks-label{width:50px;font-size:.75rem;font-weight:500;color:var(--text-secondary);flex-shrink:0}.manual-slider{flex:1;height:6px;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-color);cursor:pointer}.manual-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;border:2px solid var(--bg-color);box-shadow:0 2px 4px #0003}.manual-marks-value{width:55px;font-size:.75rem;font-weight:600;color:var(--text-primary);text-align:right;flex-shrink:0}.manual-result-section{margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--border-color)}.manual-result-row{display:flex;justify-content:space-between;gap:var(--space-md)}.manual-result-item{flex:1;text-align:center}.manual-result-label{display:block;font-size:.65rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.manual-result-grade{font-size:1.75rem;font-weight:700}.manual-result-grade.grade-excellent{color:var(--grade-s)}.manual-result-grade.grade-good{color:var(--grade-b)}.manual-result-grade.grade-average{color:var(--grade-d)}.manual-result-grade.grade-fail{color:var(--grade-f)}.manual-result-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.add-course-card{cursor:pointer}.add-course-card .add-course-inner{display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-color);background:transparent;min-height:280px}.add-course-card:hover .add-course-inner{border-color:var(--accent-blue);background:#007aff08}.add-course-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl);text-align:center;z-index:1}.add-course-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#007aff1a;border-radius:50%;transition:all var(--transition-fast)}.add-course-card:hover .add-course-icon{background:#007aff26;transform:scale(1.1)}.add-course-icon svg{width:24px;height:24px;stroke:var(--accent-blue)}.add-course-label{font-size:.95rem;font-weight:600;color:var(--text-primary)}.add-course-desc{font-size:.75rem;color:var(--text-tertiary)}.semester-manual-indicator{font-size:.7rem;color:var(--accent-purple);background:#bf5af21a;padding:4px 10px;border-radius:12px;font-weight:500;margin-left:auto}.sgpa-info .manual-count{display:inline-flex;padding:4px 10px;background:#bf5af226;color:var(--accent-purple);border-radius:12px;font-size:.7rem;font-weight:500}@media (max-width: 768px){.manual-grade-grid{grid-template-columns:repeat(4,1fr)}.manual-marks-row{flex-wrap:wrap}.manual-marks-label{width:100%;margin-bottom:4px}.manual-slider{flex:1}.semester-manual-indicator{width:100%;text-align:center;margin-left:0;margin-top:var(--space-sm)}.semester-selector{flex-wrap:wrap}}@media (max-width: 480px){.manual-grade-grid{grid-template-columns:repeat(4,1fr)}.manual-grade-grid .manual-grade-btn:nth-child(n+5){grid-column:span 1}.manual-result-row{flex-wrap:wrap}.manual-result-item{flex:1 1 30%}}#materials-view{padding-bottom:var(--space-xl)}.materials-breadcrumb{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-md) var(--space-lg);background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.breadcrumb-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);background:var(--bg-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.breadcrumb-back:hover{border-color:var(--accent-blue);background:#007aff1a}.breadcrumb-back svg{width:18px;height:18px;stroke:var(--text-secondary);transition:stroke var(--transition-fast)}.breadcrumb-back:hover svg{stroke:var(--accent-blue)}.breadcrumb-path{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:.9rem;color:var(--text-secondary)}.breadcrumb-item:last-child{color:var(--text-primary);font-weight:600}.breadcrumb-sep{margin:0 4px;opacity:.4}.materials-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.materials-cards-grid.categories{grid-template-columns:repeat(4,1fr)}.materials-cards-grid .magic-card-wrapper{aspect-ratio:1 / .85}.materials-cards-grid [data-type=course]:hover .magic-card-icon{color:var(--accent-blue)}.materials-cards-grid [data-type=unit]:hover .magic-card-icon{color:var(--accent-purple)}.materials-cards-grid [data-color=red]:hover .magic-card-icon{color:var(--accent-red)}.materials-cards-grid [data-color=blue]:hover .magic-card-icon{color:var(--accent-blue)}.materials-cards-grid [data-color=green]:hover .magic-card-icon{color:var(--accent-green)}.materials-cards-grid [data-color=yellow]:hover .magic-card-icon{color:var(--accent-yellow)}.materials-cards-grid [data-color=purple]:hover .magic-card-icon{color:var(--accent-purple)}.materials-cards-grid [data-color=orange]:hover .magic-card-icon{color:var(--accent-orange)}.materials-cards-grid [data-color=teal]:hover .magic-card-icon{color:var(--accent-teal)}.materials-files-section{min-height:200px}.materials-files-list{display:flex;flex-direction:column;gap:10px}.file-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;opacity:0;transform:translate(-10px);transition:all var(--transition-fast)}.file-card.visible{opacity:1;transform:translate(0)}.file-card:hover{background:var(--card-hover-color);border-color:var(--accent-blue)}.file-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#007aff1a;border-radius:var(--radius-md);flex-shrink:0;transition:all var(--transition-fast)}.file-card:hover .file-icon{background:#007aff26;transform:scale(1.05)}.file-icon svg{width:20px;height:20px;stroke:var(--accent-blue)}.file-info{flex:1;min-width:0}.file-name{font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.file-meta{display:flex;gap:var(--space-md);font-size:.75rem;color:var(--text-tertiary)}.file-action{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0;opacity:0;transform:translate(-5px);transition:all var(--transition-fast)}.file-card:hover .file-action{opacity:1;transform:translate(0)}.file-action svg{width:18px;height:18px;stroke:var(--accent-blue)}.materials-empty,.materials-loading,.materials-error{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--space-xl) * 2);text-align:center}.materials-empty svg,.materials-error svg{width:56px;height:56px;margin-bottom:var(--space-md);stroke:var(--text-tertiary);opacity:.5}.materials-empty h3,.materials-error h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.materials-empty p,.materials-error p{font-size:.875rem;color:var(--text-tertiary)}.materials-loading{padding:var(--space-xl)}.materials-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-md)}.materials-loading p{font-size:.875rem;color:var(--text-secondary)}.materials-error button{margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--accent-blue);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.materials-error button:hover{opacity:.9;transform:translateY(-1px)}@media (max-width: 1024px){.materials-cards-grid{grid-template-columns:repeat(3,1fr)}.materials-cards-grid.categories{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.materials-cards-grid{grid-template-columns:repeat(2,1fr);gap:8px}.materials-cards-grid.categories{grid-template-columns:repeat(2,1fr)}.materials-cards-grid .magic-card-wrapper{aspect-ratio:1 / .9}.file-card{padding:var(--space-md)}.file-icon{width:40px;height:40px}.file-icon svg{width:18px;height:18px}}@media (max-width: 480px){.materials-breadcrumb{padding:var(--space-sm) var(--space-md)}.breadcrumb-path{font-size:.8rem}.materials-cards-grid .magic-card-icon{width:28px;height:28px}.materials-cards-grid .magic-card-label{font-size:.8rem}.materials-cards-grid .magic-card-desc{display:none}.file-name{font-size:.85rem}.file-meta{font-size:.7rem}}.mcq-list{display:flex;flex-direction:column;gap:var(--space-md)}.mcq-card{background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-lg);opacity:0;transform:translateY(15px);transition:opacity var(--transition-smooth),transform var(--transition-smooth)}.mcq-card.visible{opacity:1;transform:translateY(0)}.mcq-question{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.mcq-number{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#007aff1a;color:var(--accent-blue);border-radius:var(--radius-md);font-size:.75rem;font-weight:700}.mcq-text{font-size:1rem;font-weight:500;color:var(--text-primary);line-height:1.5}.mcq-options{display:flex;flex-direction:column;gap:var(--space-sm)}.mcq-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.mcq-option:hover:not(.correct):not(.incorrect){border-color:var(--accent-blue);background:#007aff0d}.mcq-option.selected{border-color:var(--accent-blue);background:#007aff1a}.mcq-option.correct{border-color:var(--accent-green);background:#30d1581a}.mcq-option.incorrect{border-color:var(--accent-red);background:#ff453a1a}.mcq-option-letter{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:50%;font-size:.8rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast)}.mcq-option.correct .mcq-option-letter{background:var(--accent-green);color:#fff}.mcq-option.incorrect .mcq-option-letter{background:var(--accent-red);color:#fff}.mcq-option-text{flex:1;font-size:.9rem;color:var(--text-primary)}.mcq-check{width:20px;height:20px;color:var(--accent-green)}.mcq-check svg{width:100%;height:100%}.mcq-reset{margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.mcq-reset:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.magic-card-wrapper.disabled{opacity:.4;cursor:not-allowed}.magic-card-wrapper.disabled:hover .magic-card-inner{background:var(--card-color)}.magic-card-wrapper.disabled:hover .magic-card-icon{color:var(--text-tertiary);transform:none}.materials-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.materials-loading-overlay .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}.materials-cards-grid [data-type=class]:hover .magic-card-icon{color:var(--accent-purple)}.session-cache-indicator{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.75rem;color:var(--text-secondary)}.cache-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse-green 2s infinite}.cache-text{opacity:.8}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}.profile-action-btn.spinning svg{animation:spin 1s linear infinite}.cache-status-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#58a6ff1a,#58a6ff0d);border:1px solid rgba(88,166,255,.2);border-radius:12px;margin-bottom:20px}.cache-status-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#58a6ff26;border-radius:8px}.cache-status-icon svg{width:18px;height:18px;stroke:#58a6ff}.cache-status-info{display:flex;flex-direction:column;gap:2px}.cache-status-label{font-size:13px;font-weight:600;color:#58a6ff}.cache-status-detail{font-size:12px;color:#fff9}.not-cached-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.not-cached-modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;max-width:400px;width:100%;text-align:center}.not-cached-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:#ffc8321a;border-radius:50%}.not-cached-icon svg{width:32px;height:32px;stroke:#ffc832}.not-cached-modal h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 12px}.not-cached-modal p{font-size:14px;color:#fff9;line-height:1.5;margin:0 0 24px}.not-cached-actions{display:flex;justify-content:center}.not-cached-dismiss{padding:10px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.not-cached-dismiss:hover{background:#ffffff26}.not-cached-badge{position:absolute;top:12px;right:12px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#ffc83233;border-radius:50%}.not-cached-badge svg{width:12px;height:12px;stroke:#ffc832}.magic-card-wrapper.not-cached{opacity:.7}.magic-card-wrapper.not-cached:hover{opacity:.9}.magic-card-wrapper.cached .cached-badge{position:absolute;top:12px;right:12px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#2ecc7133;border-radius:50%}.cached-badge svg{width:12px;height:12px;stroke:#2ecc71}.cache-info-count{color:#fff6;font-size:11px}.file-card.cached .file-icon svg{fill:#58a6ff;stroke:none;width:20px;height:20px}.file-cached-tag{display:inline-flex;align-items:center;padding:2px 6px;background:#58a6ff26;border-radius:4px;font-size:10px;color:#58a6ff;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.file-meta span{color:#ffffff80}.video-card .video-icon{background:#ff323226}.video-card .video-icon svg{fill:#ff5050;stroke:none;width:18px;height:18px}.videos-list .file-card:hover{border-color:#ff32324d}.video-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.video-modal{background:#1a1a1a;border-radius:16px;width:100%;max-width:900px;overflow:hidden;position:relative}.video-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;cursor:pointer;z-index:10;transition:background .2s}.video-modal-close:hover{background:#000c}.video-modal-close svg{width:20px;height:20px;stroke:#fff}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-info-bar{padding:16px 20px;background:#222;display:flex;justify-content:space-between;align-items:center}.video-info-bar h4{margin:0;font-size:14px;font-weight:500;color:#fff}.video-info-bar span{font-size:12px;color:#fff9}@media (max-width: 768px){.video-modal{max-width:100%;border-radius:0}.video-modal-overlay{padding:0}}.cache-status-banner{background:linear-gradient(135deg,#22c55e26,#10b9811a);border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:16px 20px;margin-bottom:24px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cache-status-content{display:flex;align-items:center;gap:16px}.cache-status-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cache-status-icon.cached{background:#22c55e33;color:#22c55e}.cache-status-icon svg{width:22px;height:22px}.cache-status-text{flex:1;display:flex;flex-direction:column;gap:2px}.cache-status-title{font-size:14px;font-weight:600;color:#22c55e}.cache-status-desc{font-size:12px;color:#fff9;line-height:1.4}.cache-timestamp{color:#fff6}.cache-refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;flex-shrink:0}.cache-refresh-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff40}.cache-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.cache-refresh-btn.refreshing svg{animation:spin 1s linear infinite}.cache-refresh-btn svg{width:16px;height:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cache-progress-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:10px;margin-bottom:20px;color:#60a5fa;font-size:14px}.cache-progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cache-progress-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:24px 32px;display:flex;align-items:center;gap:16px;color:#fff;font-size:14px}.cache-progress-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.not-cached-actions{display:flex;gap:12px;margin-top:20px}.not-cached-refresh{padding:10px 20px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:background .2s}.not-cached-refresh:hover{background:#2563eb}.not-cached-dismiss{padding:10px 20px;background:transparent;border:1px solid #444;border-radius:8px;color:#999;cursor:pointer;transition:all .2s}.not-cached-dismiss:hover{background:#ffffff0d;border-color:#666;color:#fff}.cached-badge.local{background:#3b82f633;color:#60a5fa}@media (max-width: 640px){.cache-status-content{flex-wrap:wrap}.cache-refresh-btn{width:100%;justify-content:center;margin-top:8px}}.file-actions{display:flex;gap:8px;flex-shrink:0}.file-action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.file-action-btn svg{width:16px;height:16px;flex-shrink:0}.file-action-btn:hover{background:var(--card-hover-color);border-color:var(--text-tertiary);color:var(--text-primary)}.file-action-btn.view-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.file-action-btn.view-btn:hover svg{stroke:var(--accent-blue)}.file-action-btn.download-btn:hover{border-color:var(--accent-green);color:var(--accent-green)}.file-action-btn.download-btn:hover svg{stroke:var(--accent-green)}.file-action-btn:disabled{opacity:.6;cursor:not-allowed}.file-action-btn .btn-spinner{width:14px;height:14px;border:2px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}.video-card .file-actions .view-btn{background:#ff32321a;border-color:#ff32324d;color:#ff5050}.video-card .file-actions .view-btn:hover{background:#ff323233;border-color:#ff5050}.video-card .file-actions .view-btn svg{fill:#ff5050;stroke:none}@media (max-width: 640px){.file-actions{flex-direction:column;gap:6px}.file-action-btn{padding:6px 10px;font-size:.75rem}.file-action-btn span{display:none}.file-action-btn svg{width:18px;height:18px}}@media (max-width: 480px){.file-card{flex-wrap:wrap;gap:var(--space-sm)}.file-info{flex:1 1 100%;order:2}.file-icon{order:1}.file-actions{order:3;flex-direction:row;width:100%;justify-content:flex-end}.file-action-btn span{display:inline}}.file-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.file-viewer-modal{background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:1200px;height:90vh;display:flex;flex-direction:column;overflow:hidden}.file-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.file-viewer-title{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex:1}.file-viewer-title h4{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-viewer-icon{flex-shrink:0;width:20px;height:20px;color:var(--accent-blue)}.file-viewer-icon svg{width:100%;height:100%;stroke:currentColor}.file-viewer-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.file-viewer-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.file-viewer-btn svg{width:18px;height:18px}.file-viewer-btn:hover{background:var(--card-hover-color);border-color:var(--accent-blue);color:var(--accent-blue)}.file-viewer-btn:hover svg{stroke:var(--accent-blue)}.file-viewer-btn:disabled{opacity:.5;cursor:not-allowed}.file-viewer-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.file-viewer-close svg{width:18px;height:18px}.file-viewer-close:hover{background:#ff453a1a;border-color:var(--accent-red);color:var(--accent-red)}.file-viewer-close:hover svg{stroke:var(--accent-red)}.file-viewer-content{flex:1;background:#525659;overflow:hidden}.file-viewer-content iframe{width:100%;height:100%;border:none}@media (max-width: 768px){.file-viewer-overlay{padding:0}.file-viewer-modal{border-radius:0;height:100vh;max-width:100%}.file-viewer-header{padding:var(--space-sm) var(--space-md)}.file-viewer-title h4{font-size:.85rem}}.materials-accordion-container{padding:1rem;max-width:1200px;margin:0 auto}.accordion-list{display:flex;flex-direction:column;gap:.5rem}.accordion-list.nested{padding-left:1rem;margin-top:.5rem;border-left:2px solid rgba(255,255,255,.1)}.accordion-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:all .2s ease}.accordion-item:hover{background:#ffffff0d;border-color:#ffffff1f}.accordion-item.expanded{background:#ffffff0d;border-color:#ffffff26}.accordion-item.unit-accordion{background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border-color:#6366f133}.accordion-item.unit-accordion:hover,.accordion-item.unit-accordion.expanded{border-color:#6366f166}.accordion-item.class-accordion{background:linear-gradient(135deg,#3b82f61a,#6366f10d);border-color:#3b82f633}.accordion-item.class-accordion:hover,.accordion-item.class-accordion.expanded{border-color:#3b82f666}.accordion-item.content-accordion{background:#ffffff05;border-color:#ffffff1a}.accordion-item.content-accordion[data-color=red]{background:linear-gradient(135deg,rgba(239,68,68,.1),transparent);border-color:#ef444433}.accordion-item.content-accordion[data-color=green]{background:linear-gradient(135deg,rgba(34,197,94,.1),transparent);border-color:#22c55e33}.accordion-item.content-accordion[data-color=blue]{background:linear-gradient(135deg,rgba(59,130,246,.1),transparent);border-color:#3b82f633}.accordion-item.content-accordion[data-color=orange]{background:linear-gradient(135deg,rgba(249,115,22,.1),transparent);border-color:#f9731633}.accordion-item.content-accordion[data-color=yellow]{background:linear-gradient(135deg,rgba(234,179,8,.1),transparent);border-color:#eab30833}.accordion-item.content-accordion[data-color=purple]{background:linear-gradient(135deg,rgba(168,85,247,.1),transparent);border-color:#a855f733}.accordion-item.content-accordion[data-color=teal]{background:linear-gradient(135deg,rgba(20,184,166,.1),transparent);border-color:#14b8a633}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.accordion-header:hover{background:#ffffff08}.accordion-header-content{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.accordion-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#ffffffb3}.accordion-icon svg{width:100%;height:100%}.accordion-icon[data-color=red]{color:#ef4444}.accordion-icon[data-color=green]{color:#22c55e}.accordion-icon[data-color=blue]{color:#3b82f6}.accordion-icon[data-color=orange]{color:#f97316}.accordion-icon[data-color=yellow]{color:#eab308}.accordion-icon[data-color=purple]{color:#a855f7}.accordion-icon[data-color=teal]{color:#14b8a6}.accordion-header-text{display:flex;flex-direction:column;gap:.25rem;min-width:0}.accordion-title{font-size:.95rem;font-weight:500;color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accordion-subtitle{font-size:.8rem;color:#ffffff80}.accordion-chevron{width:20px;height:20px;color:#ffffff80;transition:transform .3s ease;flex-shrink:0}.accordion-chevron svg{width:100%;height:100%}.accordion-chevron.rotated{transform:rotate(180deg)}.accordion-content{padding:.5rem 1rem 1rem;animation:accordionSlideDown .3s ease}.accordion-content.files-content{padding:.75rem;background:#0003;border-radius:8px;margin:0 .5rem .5rem}.accordion-empty{padding:1rem;text-align:center;color:#fff6;font-size:.9rem}@keyframes accordionSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.accordion-content .materials-files-list{display:flex;flex-direction:column;gap:.5rem}.accordion-content .file-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.75rem 1rem}.accordion-content .file-card:hover{background:#ffffff0f;border-color:#ffffff1f}@media (max-width: 768px){.materials-accordion-container{padding:.5rem}.accordion-header{padding:.875rem 1rem}.accordion-list.nested{padding-left:.5rem}.accordion-title{font-size:.9rem}.accordion-icon{width:20px;height:20px}.file-actions{flex-direction:column;gap:.25rem}.file-action-btn span{display:none}}.materials-filter-bar{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px 20px;margin-bottom:20px}.filter-bar-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#fff9;font-size:13px;font-weight:500}.filter-bar-icon{width:16px;height:16px}.filter-bar-icon svg{width:100%;height:100%}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#ffffffb3;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-chip:hover:not(.disabled){background:#ffffff1a;border-color:#fff3;color:#fff}.filter-chip.active{background:#6366f133;border-color:#6366f166;color:#a5b4fc}.filter-chip.disabled{opacity:.4;cursor:not-allowed}.filter-chip-icon{width:16px;height:16px;opacity:.8}.filter-chip-icon svg{width:100%;height:100%}.filter-chip-count{background:#ffffff26;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.filter-chip.active .filter-chip-count{background:#6366f14d}.filter-chip[data-color=red].active{background:#ef444433;border-color:#ef444466;color:#fca5a5}.filter-chip[data-color=green].active{background:#22c55e33;border-color:#22c55e66;color:#86efac}.filter-chip[data-color=blue].active{background:#3b82f633;border-color:#3b82f666;color:#93c5fd}.filter-chip[data-color=orange].active{background:#f9731633;border-color:#f9731666;color:#fdba74}.filter-chip[data-color=yellow].active{background:#eab30833;border-color:#eab30866;color:#fde047}.filter-chip[data-color=purple].active{background:#a855f733;border-color:#a855f766;color:#d8b4fe}.filter-chip[data-color=teal].active{background:#14b8a633;border-color:#14b8a666;color:#5eead4}.filter-results-info{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:12px;margin-bottom:16px;color:#fffc;font-size:14px}.filter-results-icon{width:20px;height:20px}.filter-results-icon svg{width:100%;height:100%}.filter-results-icon[data-color=red]{color:#ef4444}.filter-results-icon[data-color=green]{color:#22c55e}.filter-results-icon[data-color=blue]{color:#3b82f6}.filter-results-icon[data-color=orange]{color:#f97316}.filter-results-icon[data-color=yellow]{color:#eab308}.filter-results-icon[data-color=purple]{color:#a855f7}.filter-results-icon[data-color=teal]{color:#14b8a6}.filter-results-info strong{color:#fff}.clear-filter-btn{margin-left:auto;padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffb3;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filter-btn:hover{background:#ffffff26;color:#fff}@media (max-width: 768px){.materials-filter-bar{padding:12px 14px}.filter-chips{gap:6px}.filter-chip{padding:6px 10px;font-size:12px}.filter-chip-label{display:none}.filter-chip-icon{width:18px;height:18px}.filter-chip[data-color=gray] .filter-chip-label{display:inline}.filter-results-info{flex-wrap:wrap;font-size:13px}.clear-filter-btn{width:100%;margin-top:8px;text-align:center}}.public-materials-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-color)}.public-materials-container{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:var(--space-xl)}.public-materials-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.public-header-left{display:flex;align-items:center;gap:var(--space-md)}.breadcrumb-nav{display:flex;align-items:center;gap:var(--space-xs)}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.breadcrumb-item svg{width:16px;height:16px}.breadcrumb-item:hover:not(.active){background:var(--card-color);color:var(--text-primary)}.breadcrumb-item.active{color:var(--text-primary);cursor:default}.breadcrumb-separator{color:var(--text-tertiary);display:flex;align-items:center}.breadcrumb-separator svg{width:14px;height:14px}.public-header-right{display:flex;align-items:center;gap:var(--space-sm)}.public-header-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-size:.85rem;font-weight:500;transition:all var(--transition-fast)}.public-header-btn:hover{background:var(--card-hover-color);border-color:var(--text-tertiary)}.public-header-btn svg{width:18px;height:18px}.public-stats-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-xl);margin-bottom:var(--space-xl)}.public-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.public-stat-value{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.public-stat-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.stat-divider{width:1px;height:40px;background:var(--border-color)}.public-search-section{margin-bottom:var(--space-lg)}.public-search-wrapper{position:relative;max-width:500px}.public-search-wrapper .search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-tertiary);pointer-events:none}.public-search-wrapper .search-icon svg{width:100%;height:100%}.public-search-input{width:100%;padding:.875rem 3rem;background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.95rem;transition:all var(--transition-fast)}.public-search-input:focus{outline:none;border-color:var(--accent-blue);background:var(--card-hover-color)}.public-search-input::placeholder{color:var(--text-tertiary)}.search-clear-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.search-clear-btn:hover{background:#ff453a1a;color:var(--accent-red)}.search-clear-btn svg{width:12px;height:12px}.courses-section{margin-bottom:var(--space-xl)}.section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.section-header h3{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin:0}.section-icon{width:18px;height:18px;color:var(--text-tertiary)}.section-icon svg{width:100%;height:100%}.materials-cards-grid.units-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.magic-card-wrapper.unit-card .magic-card-inner{background:linear-gradient(135deg,rgba(139,92,246,.05),var(--card-color))}.magic-card-wrapper.unit-card:hover .magic-card-inner{background:linear-gradient(135deg,rgba(139,92,246,.1),var(--card-hover-color))}.content-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--space-lg);min-height:calc(100vh - 200px);position:relative}.content-layout.sidebar-closed{grid-template-columns:0 1fr}.sidebar-toggle{display:none;position:fixed;bottom:var(--space-lg);left:var(--space-lg);width:48px;height:48px;align-items:center;justify-content:center;background:var(--accent-blue);border:none;border-radius:50%;color:#fff;cursor:pointer;z-index:101;box-shadow:0 4px 20px #007aff66;transition:all var(--transition-fast)}.sidebar-toggle:hover{transform:scale(1.1)}.sidebar-toggle svg{width:24px;height:24px}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:99;opacity:0;visibility:hidden;transition:opacity var(--transition-smooth),visibility var(--transition-smooth);pointer-events:none}.sidebar-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}}.content-sidebar{background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;position:sticky;top:calc(60px + var(--space-lg));height:fit-content;max-height:calc(100vh - 100px)}.sidebar-header{padding:var(--space-lg);border-bottom:1px solid var(--border-color);flex-shrink:0}.sidebar-title{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.sidebar-icon{width:20px;height:20px;color:var(--accent-purple)}.sidebar-icon svg{width:100%;height:100%}.sidebar-title h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-count{font-size:.75rem;color:var(--text-tertiary)}.sidebar-search{position:relative;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color);flex-shrink:0}.sidebar-search-icon{position:absolute;left:calc(var(--space-md) + 10px);top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-tertiary);pointer-events:none}.sidebar-search-icon svg{width:100%;height:100%}.sidebar-search input{width:100%;padding:var(--space-sm) var(--space-sm) var(--space-sm) 2.25rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.85rem;transition:all var(--transition-fast)}.sidebar-search input:focus{outline:none;border-color:var(--accent-blue)}.sidebar-search input::placeholder{color:var(--text-tertiary)}.sidebar-search-clear{position:absolute;right:calc(var(--space-md) + 8px);top:50%;transform:translateY(-50%);width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:0}.sidebar-search-clear svg{width:12px;height:12px}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-sm)}.sidebar-empty{padding:var(--space-lg);text-align:center;color:var(--text-tertiary);font-size:.85rem}.sidebar-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--transition-fast);margin-bottom:2px}.sidebar-item:hover{background:var(--bg-secondary)}.sidebar-item.active{background:#007aff1a;border-left:3px solid var(--accent-blue)}.sidebar-item-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:50%;font-size:.7rem;font-weight:600;color:var(--text-tertiary);flex-shrink:0}.sidebar-item.active .sidebar-item-number{background:var(--accent-blue);color:#fff}.sidebar-item-content{flex:1;min-width:0}.sidebar-item-title{display:block;font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-meta{display:block;font-size:.7rem;color:var(--text-tertiary);margin-top:2px}.sidebar-item-indicator{width:16px;height:16px;color:var(--accent-blue);flex-shrink:0}.sidebar-item-indicator svg{width:100%;height:100%}.content-main{display:flex;flex-direction:column;min-height:0;overflow-y:auto}.content-header{flex-shrink:0;margin-bottom:var(--space-lg)}.content-title-section{margin-bottom:var(--space-md)}.content-class-number{display:inline-block;padding:4px 12px;background:#007aff1a;border-radius:20px;font-size:.7rem;font-weight:600;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.content-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.content-filters{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.content-body{flex:1}.content-sections{display:flex;flex-direction:column;gap:var(--space-xl)}.content-section{background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.content-section-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.content-section-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#ffffff0d}.content-section-icon svg{width:16px;height:16px}.content-section-icon[data-color=red]{background:#ef44441a;color:#ef4444}.content-section-icon[data-color=green]{background:#22c55e1a;color:#22c55e}.content-section-icon[data-color=blue]{background:#3b82f61a;color:#3b82f6}.content-section-icon[data-color=orange]{background:#f973161a;color:#f97316}.content-section-icon[data-color=yellow]{background:#eab3081a;color:#eab308}.content-section-icon[data-color=purple]{background:#a855f71a;color:#a855f7}.content-section-icon[data-color=teal]{background:#14b8a61a;color:#14b8a6}.content-section-header h3{flex:1;font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0}.content-section-count{font-size:.75rem;font-weight:600;color:var(--text-tertiary);background:var(--bg-color);padding:4px 10px;border-radius:20px}.content-section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md);padding:var(--space-md)}.material-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);min-height:70px}.material-card:hover{border-color:var(--accent-blue);background:#007aff05}.material-card-icon{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.material-card-icon.video{background:#ef44441a;color:#ef4444}.material-card-icon.file{background:#3b82f61a;color:#3b82f6}.material-card-icon svg{width:20px;height:20px}.material-card-info{flex:1;min-width:0;overflow:hidden}.material-card-info h4{font-size:.9rem;font-weight:500;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.material-card-info p{font-size:.75rem;color:var(--text-tertiary);margin:0;line-height:1.3}.material-card-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.material-card-action{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);min-width:40px;min-height:36px;background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.material-card-action svg{width:16px;height:16px}.material-card-action:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#007aff0d}.material-card-action.view:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.material-card-action.download:hover{border-color:var(--accent-green);color:var(--accent-green);background:#30d1580d}.video-card .material-card-action{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.video-card .material-card-action:hover{background:#ef444433;border-color:#ef4444}.content-navigation{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.nav-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);max-width:40%}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn:not(:disabled):hover{border-color:var(--accent-blue);background:var(--card-hover-color)}.nav-btn svg{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.nav-btn-text{display:flex;flex-direction:column;gap:2px;min-width:0}.nav-btn.prev .nav-btn-text{text-align:left}.nav-btn.next .nav-btn-text{text-align:right}.nav-btn-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.nav-btn-title{font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-btn-icon{display:flex;align-items:center}.nav-btn-icon svg{width:20px;height:20px}.nav-progress{font-size:.85rem;color:var(--text-tertiary);font-weight:500}.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--space-xl) * 3);background:linear-gradient(135deg,rgba(255,255,255,.02),transparent);border:1px dashed var(--border-color);border-radius:var(--radius-xl);grid-column:1 / -1}.empty-icon,.error-icon{width:64px;height:64px;margin-bottom:var(--space-lg);color:var(--text-tertiary);opacity:.5}.empty-icon svg,.error-icon svg{width:100%;height:100%}.error-state{background:#ff453a0d;border:1px solid rgba(255,69,58,.2)}.error-icon{color:var(--accent-red);opacity:1}.empty-state h3,.error-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm)}.empty-state p,.error-state p{font-size:.95rem;color:var(--text-secondary);margin:0 0 var(--space-lg);max-width:300px}.empty-action,.error-retry{padding:var(--space-sm) var(--space-lg);background:var(--accent-blue);border:none;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.empty-action:hover,.error-retry:hover{background:#0066d6;transform:translateY(-2px)}.skeleton-container{display:flex;flex-direction:column;gap:var(--space-lg)}.skeleton-stats{height:80px;background:linear-gradient(90deg,var(--card-color) 25%,var(--card-hover-color) 50%,var(--card-color) 75%);background-size:200% 100%;border-radius:var(--radius-xl);animation:skeleton-shimmer 1.5s infinite}.skeleton-search{height:52px;max-width:500px;background:linear-gradient(90deg,var(--card-color) 25%,var(--card-hover-color) 50%,var(--card-color) 75%);background-size:200% 100%;border-radius:var(--radius-lg);animation:skeleton-shimmer 1.5s infinite}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.skeleton-card{aspect-ratio:1 / .85;background:linear-gradient(90deg,var(--card-color) 25%,var(--card-hover-color) 50%,var(--card-color) 75%);background-size:200% 100%;border-radius:var(--radius-xl);animation:skeleton-shimmer 1.5s infinite}.public-materials-footer{padding:var(--space-lg);text-align:center;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.public-materials-footer p{font-size:.85rem;color:var(--text-tertiary);margin:0}.public-materials-footer a{color:var(--accent-blue);text-decoration:none;margin-left:var(--space-xs);transition:color var(--transition-fast)}.public-materials-footer a:hover{color:var(--accent-purple);text-decoration:underline}@media (max-width: 1024px){.content-layout{grid-template-columns:280px 1fr}.content-section-grid{grid-template-columns:1fr}}@media (max-width: 768px){.public-materials-header{flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.breadcrumb-nav{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.breadcrumb-item span{display:none}.breadcrumb-item.active span{display:inline}.public-header-right{width:100%;justify-content:flex-end}.public-header-btn span{display:none}.public-materials-container{padding:var(--space-md)}.public-stats-banner{flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md)}.public-stat-value{font-size:1.5rem}.stat-divider{display:none}.content-layout{grid-template-columns:1fr}.sidebar-toggle{display:flex;align-items:center;justify-content:center}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99;opacity:0;visibility:hidden;transition:all var(--transition-smooth)}.content-layout .sidebar-overlay{opacity:1;visibility:visible}.content-sidebar{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;border-radius:0;max-height:100vh;transform:translate(-100%);transition:transform var(--transition-smooth)}.content-sidebar.open{transform:translate(0)}.content-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-sm);-webkit-overflow-scrolling:touch}.filter-chip{flex-shrink:0}.filter-chip-label{display:none}.filter-chip[data-color=gray] .filter-chip-label{display:inline}.content-navigation{flex-direction:column;gap:var(--space-sm)}.nav-btn{width:100%;max-width:100%}.nav-progress{order:-1}.material-card{flex-direction:column;align-items:flex-start;text-align:left}.material-card-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.content-title{font-size:1.25rem}.skeleton-grid{grid-template-columns:1fr}}@media (max-width: 768px){.content-layout .sidebar-overlay{opacity:0;visibility:hidden}.content-layout .sidebar-overlay.visible{opacity:1;visibility:visible}}.content-section .file-card,.content-section-grid .file-card,.content-section-grid .material-card{opacity:1;transform:translate(0)}.attendance-disclaimer{margin-bottom:1.25rem;border-radius:12px;border:1px solid rgba(234,179,8,.25);background:#eab3080f;overflow:hidden;animation:disclaimerSlideIn .4s ease-out}@keyframes disclaimerSlideIn{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}.disclaimer-content{display:flex;gap:.875rem;padding:1rem 1.25rem;align-items:flex-start}.disclaimer-icon{flex-shrink:0;width:22px;height:22px;color:#eab308;margin-top:2px}.disclaimer-icon svg{width:100%;height:100%}.disclaimer-text{flex:1;min-width:0}.disclaimer-title{font-size:.9rem;font-weight:600;color:#eab308;margin-bottom:.625rem;letter-spacing:.01em}.disclaimer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.disclaimer-list li{font-size:.8rem;line-height:1.5;color:var(--text-secondary, #8b949e);padding-left:1rem;position:relative}.disclaimer-list li:before{content:"•";position:absolute;left:0;color:#eab30880;font-weight:700}.disclaimer-list li strong{color:var(--text-primary, #e6edf3);font-weight:600}.disclaimer-dismiss{flex-shrink:0;width:28px;height:28px;border:none;background:#eab3081a;border-radius:6px;color:#eab30899;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.disclaimer-dismiss:hover{background:#eab30833;color:#eab308}.disclaimer-dismiss svg{width:14px;height:14px}@media (max-width: 600px){.disclaimer-content{padding:.875rem 1rem;gap:.625rem}.disclaimer-icon{width:18px;height:18px}.disclaimer-title{font-size:.825rem}.disclaimer-list li{font-size:.75rem}.disclaimer-dismiss{width:24px;height:24px}.disclaimer-dismiss svg{width:12px;height:12px}}