body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.layout{background-color:#0a0e1a;display:flex;min-height:100vh}.sidebar{background-color:#1e2832;border-right:1px solid #3c4b5a66;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;width:280px;z-index:100}.sidebar-header{align-items:center;border-bottom:1px solid #3c4b5a66;display:flex;gap:.75rem;padding:1.5rem}.sidebar-logo{flex-shrink:0;height:32px;width:32px}.sidebar-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.sidebar-user{border-bottom:1px solid #3c4b5a66;gap:1rem;padding:1.5rem}.sidebar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;color:#fff;flex-shrink:0;font-size:1.25rem;font-weight:600;height:48px;justify-content:center;width:48px}.user-info{flex:1 1;min-width:0}.user-name{color:#fff;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#95a5a6;font-size:.8rem;margin-top:.25rem}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.25rem;padding:1rem 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#bdc3c7;display:flex;gap:1rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s}.nav-item:hover{background-color:#3498db1a;color:#3498db}.nav-item.active{background-color:#3498db26;border-left-color:#3498db;color:#3498db;font-weight:600}.nav-icon{stroke:currentColor;flex-shrink:0;height:20px;width:20px}.sidebar-footer{border-top:1px solid #3c4b5a66;padding:1rem}.sidebar-logout{align-items:center;background:#0000;border:none;border-radius:6px;color:#e74c3c;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:1rem;padding:.875rem 1.5rem;transition:all .2s;width:100%}.sidebar-logout:hover{background-color:#e74c3c1a;color:#c0392b}.layout-content{margin-left:280px}.layout-content,.main-content{display:flex;flex:1 1;flex-direction:column;min-height:100vh}.main-content{background-color:#0a0e1a;max-height:100vh;overflow-x:auto;overflow-y:hidden;padding:2rem;width:100%}@media (max-width:1024px){.sidebar{width:240px}.layout-content{margin-left:240px}}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s}.sidebar.open{transform:translateX(0)}.layout-content{margin-left:0}}.login-container{align-items:center;background:#0a0e1a;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.login-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.bg-shape{animation:float 20s ease-in-out infinite;border-radius:50%;opacity:.1;position:absolute}.bg-shape-1{animation-delay:0s;background:#3498db;height:300px;left:-100px;top:-100px;width:300px}.bg-shape-2{animation-delay:5s;background:#2980b9;bottom:-50px;height:200px;right:10%;width:200px}.bg-shape-3{animation-delay:10s;background:#3498db;height:150px;right:-50px;top:50%;width:150px}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.login-card{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e2832;border:1px solid #3c4b5a66;border-radius:20px;box-shadow:0 20px 60px #000000b3,inset 0 1px 0 #ffffff14;max-width:480px;padding:3rem;position:relative;width:100%;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:2rem;text-align:center}.app-logo{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem}.logo-svg{filter:drop-shadow(0 2px 4px rgba(52,152,219,.2));height:80px;width:80px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-card h1{color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem}.subtitle{color:#bdc3c7;font-size:.95rem;font-weight:400;margin:0;text-align:center}.form-group{margin-bottom:1.75rem;position:relative}.form-group label{align-items:center;color:#ecf0f1;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.75rem;transition:color .3s}.label-icon-svg{stroke:#3498db;filter:drop-shadow(0 2px 4px rgba(52,152,219,.3));flex-shrink:0;height:20px;transition:all .3s;width:20px}.form-group:focus-within .label-icon-svg{stroke:#3498db;transform:scale(1.1)}.input-wrapper{position:relative}.form-group input{background-color:#2a3540;border:1px solid #3c4b5a99;border-radius:12px;box-shadow:inset 0 2px 4px #0006;color:#fff;font-size:1rem;padding:1rem 1.25rem;transition:all .2s ease;width:100%}.form-group input::placeholder{color:#6c7a89;transition:opacity .2s}.form-group input:focus{background-color:#2f3a45;border-color:#3c4b5acc;box-shadow:inset 0 2px 4px #0006;outline:none;transform:none}.form-group input:focus::placeholder{opacity:.4}.input-focus-line{display:none}.error-message{align-items:center;animation:errorSlideIn .4s ease-out forwards;background-color:#e74c3c;border:2px solid #c0392b80;border-radius:12px;box-shadow:0 4px 12px #e74c3c4d;color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:1.5rem;opacity:0;padding:1rem 1.25rem;text-align:center;transform:translateY(-10px)}@keyframes errorSlideIn{to{opacity:1;transform:translateY(0)}}.error-icon-svg{stroke:#fff;animation:shake .5s ease-in-out;flex-shrink:0;height:20px;width:20px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.submit-btn{align-items:center;background-color:#3498db;border:1px solid #2980b94d;border-radius:12px;box-shadow:0 2px 8px #3498db33;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;transition:background-color .2s ease,box-shadow .2s ease;width:100%}.submit-btn:hover:not(:disabled){background-color:#2980b9;box-shadow:0 4px 12px #3498db4d}.submit-btn:active:not(:disabled){background-color:#1f5f8b;box-shadow:0 2px 6px #3498db33}.submit-btn.loading{background-color:#2980b9;cursor:wait}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.test-accounts{animation:fadeIn .5s ease-out .2s both;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#252f3a;border:1px solid #3498db26;border-radius:16px;box-shadow:inset 0 2px 8px #0006,0 2px 8px #0000004d;margin-bottom:2rem;padding:1.25rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.test-accounts-title{color:#ecf0f1;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;text-align:center}.test-accounts-list{display:flex;flex-direction:column;gap:.75rem}.test-account-item{align-items:center;animation:slideInLeft .4s ease-out both;display:flex;gap:.75rem;justify-content:space-between}.test-account-item:first-child{animation-delay:.1s}.test-account-item:nth-child(2){animation-delay:.2s}.test-account-item:nth-child(3){animation-delay:.3s}.test-account-item:nth-child(4){animation-delay:.4s}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.test-role{align-items:center;color:#bdc3c7;display:flex;flex-shrink:0;font-size:.9rem;font-weight:500;gap:.5rem;white-space:nowrap}.role-icon{stroke:#3498db;flex-shrink:0;height:18px;transition:all .3s;width:18px}.test-account-item:hover .role-icon{stroke:#2980b9;transform:scale(1.1)}.test-account-btn{background:#2a3540;border:1px solid #3498db40;border-radius:10px;color:#6bb6ff;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;overflow:hidden;padding:.65rem 1rem;position:relative;text-align:left;transition:all .2s ease}.test-account-btn:before{background:linear-gradient(90deg,#0000,#3498db33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.test-account-btn:hover:before{left:100%}.test-account-btn:hover{background-color:#3498db33;border-color:#3498db80;box-shadow:0 2px 8px #3498db33;color:#3498db;transform:translateX(3px)}.test-account-btn:active{transform:translateX(3px) translateY(0)}@media (max-width:600px){.login-card{padding:2rem 1.5rem}.logo-svg{height:80px;width:80px}.login-card h1{font-size:1.6rem}.test-account-item{align-items:stretch;flex-direction:column}.test-role{text-align:center}}.dashboard{display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 4rem);overflow:visible;padding:0;width:100%}.dashboard-loading{color:#95a5a6;font-size:1.1rem;padding:3rem;text-align:center}.dashboard-header{align-items:flex-start;border-bottom:1px solid #3c4b5a66;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.header-left{flex:1 1}.greeting{color:#ecf0f1;font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.header-subtitle{color:#95a5a6;font-size:.9rem;margin:0}.header-right{gap:1rem}.date-info,.header-right{align-items:center;display:flex}.date-info{background-color:#1e2832;border:1px solid #3c4b5a66;border-radius:10px;gap:.75rem;padding:.6rem 1rem}.date-day{color:#3498db;font-size:1.75rem;font-weight:700;line-height:1}.date-text{display:flex;flex-direction:column;gap:.2rem}.date-month{color:#ecf0f1;font-size:.85rem;font-weight:500;text-transform:capitalize}.date-weekday{color:#95a5a6;font-size:.75rem;text-transform:capitalize}.stats-grid{grid-gap:1rem;align-items:stretch;display:grid;flex-shrink:0;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.stat-card{background:linear-gradient(135deg,var(--card-bg-start) 0,var(--card-bg-end) 100%);border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;height:100%;min-height:120px;padding:1.25rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.stat-card-purple{--card-bg-start:#9b59b6;--card-bg-end:#8e44ad}.stat-card-pink{--card-bg-start:#e91e63;--card-bg-end:#c2185b}.stat-card-blue{--card-bg-start:#3498db;--card-bg-end:#2980b9}.stat-card-yellow{--card-bg-start:#f39c12;--card-bg-end:#e67e22}.stat-label{color:#ffffffe6;font-size:.8rem;font-weight:500;margin-bottom:.4rem}.stat-value{align-items:center;color:#fff;display:flex;font-size:2rem;font-weight:700;gap:.4rem;margin-bottom:.2rem}.stat-arrow{font-size:1.25rem;opacity:.8}.stat-sublabel{color:#fffc;font-size:.85rem}.dashboard-content-new{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:1fr 1fr;max-height:100%;min-height:0;overflow:visible;width:100%}.dashboard-left-new,.dashboard-right-new{grid-gap:1rem;align-items:stretch;display:grid;gap:1rem;grid-template-rows:1fr 1fr;min-height:0;min-width:0;overflow:visible}.dashboard-card{background-color:#1e2832;border:1px solid #3c4b5a66;border-radius:12px;flex-direction:column;padding:1.25rem}.chart-card,.dashboard-card{display:flex;min-height:0;min-width:0;width:100%}.chart-card{flex:1 1;flex-direction:column;overflow:visible}.grades-card{overflow:hidden}.events-card,.grades-card{display:flex;flex:1 1;flex-direction:column;min-height:0}.events-card{min-width:0;overflow:visible;width:100%}.schedule-card{display:flex;flex:1 1;flex-direction:column;height:100%;max-height:100%;min-height:0;overflow:hidden}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.subject-title{color:#ecf0f1;font-size:1.25rem;font-weight:600;margin:0}.dashboard-card h2{color:#ecf0f1;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.subject-filter{-webkit-appearance:none;appearance:none;background-color:#252f3a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%233498db' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;border:1px solid #3498db4d;font-size:.9rem;padding:.5rem 2rem .5rem 1rem}.subject-filter:hover{background-color:#2a3540}.subject-filter option{background-color:#252f3a;color:#ecf0f1;padding:.5rem}.homework-section{background-color:#252f3a;border-radius:8px;margin-bottom:1rem;padding:.75rem}.homework-label{color:#95a5a6;font-size:.85rem;margin-bottom:.25rem}.homework-text{color:#ecf0f1;font-size:.9rem}.period-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.period-tab{background-color:#252f3a;border:none;border-radius:6px;color:#bdc3c7;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s}.period-tab:hover{background-color:#2a3540;color:#ecf0f1}.period-tab.active{background-color:#3498db;box-shadow:0 2px 8px #3498db4d;color:#fff;font-weight:600}.rating-content{align-items:flex-start;display:flex;flex-direction:row;gap:1.2rem;min-width:0;overflow:visible;padding-top:.5rem;width:100%}.chart-section-left{align-items:flex-start;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-start;min-width:300px}.chart-section-right{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:300px;min-width:0;overflow:visible;width:100%}.chart-section-right .line-chart{flex:1 1;height:auto;max-height:350px;max-width:100%;min-height:250px;width:100%}.chart-info-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem}.doughnut-chart{align-items:center;display:flex;flex-shrink:0;height:140px;justify-content:center;position:relative;width:140px}.doughnut-chart svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.chart-legend{display:flex;flex-direction:column;gap:.6rem;min-width:60px}.average-score-compact{align-items:flex-start;background:#3498db1a;border-left:3px solid #3498db;border-radius:8px;display:flex;flex-direction:column;min-width:110px;padding:.6rem .9rem}.average-score-label-compact{color:#95a5a6;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.average-score-value-compact{color:#3498db;font-size:1.6rem;font-weight:700;letter-spacing:-.5px;line-height:1}.legend-item{align-items:center;color:#ecf0f1;display:flex;font-size:.9rem;font-weight:500;gap:.6rem}.legend-dot{border-radius:50%;box-shadow:0 2px 4px #0003;display:inline-block;flex-shrink:0;height:14px;width:14px}.legend-green{background-color:#27ae60}.legend-yellow{background-color:#f39c12}.legend-orange{background-color:#e67e22}.legend-red{background-color:#e74c3c}.line-chart-section{border-top:1px solid #3c4b5a66;margin-top:1.5rem;padding-top:1.5rem}.line-chart-title{color:#ecf0f1;font-size:1rem;font-weight:600;margin-bottom:1rem}.chart-section-right .line-chart-title{margin-bottom:.75rem}.line-chart{background-color:#252f3a;border:1px solid #3c4b5a4d;border-radius:10px;height:250px;max-width:100%;min-height:250px;overflow-x:auto;overflow-y:visible;padding:1rem;width:100%}.line-chart svg{display:block;height:100%;min-width:500px;width:100%}.line-chart::-webkit-scrollbar{height:8px}.line-chart::-webkit-scrollbar-track{background:#1e2832;border-radius:4px}.line-chart::-webkit-scrollbar-thumb{background:#3498db;border-radius:4px}.line-chart::-webkit-scrollbar-thumb:hover{background:#2980b9}.chart-info{position:relative;text-align:center;width:100%;z-index:2}.chart-value{color:#3498db;display:block;font-size:3rem;font-weight:700;line-height:1;margin-bottom:.5rem}.chart-label{color:#95a5a6;font-size:.85rem;font-weight:500;letter-spacing:0;text-transform:none}.chart-no-data{color:#7f8c8d;font-size:1rem;font-weight:500;margin-bottom:.5rem}.grades-table{display:flex;flex:1 1;flex-direction:column;gap:.6rem;overflow-x:hidden;overflow-y:auto}.grades-table::-webkit-scrollbar{width:6px}.grades-table::-webkit-scrollbar-track{background:#1e2832;border-radius:3px}.grades-table::-webkit-scrollbar-thumb{background:#3498db;border-radius:3px}.grades-table::-webkit-scrollbar-thumb:hover{background:#2980b9}.grade-row{grid-gap:.75rem;align-items:center;background-color:#252f3a;border-radius:8px;display:grid;gap:.75rem;grid-template-columns:1fr auto auto;padding:.75rem;transition:background-color .2s}.grade-row:hover{background-color:#2a3540}.grade-subject{color:#ecf0f1;font-size:.9rem;font-weight:500}.grade-value{border-radius:6px;font-size:1.1rem;min-width:36px;padding:.2rem .6rem;text-align:center}.grade-value.grade-5{background-color:#27ae60;color:#fff}.grade-value.grade-4{background-color:#f39c12;color:#fff}.grade-value.grade-3{background-color:#e67e22;color:#fff}.grade-value.grade-1,.grade-value.grade-2{background-color:#e74c3c;color:#fff}.grade-date{font-size:.8rem;white-space:nowrap}.events-list{display:flex;flex-direction:column;gap:.6rem}.event-item{background-color:#252f3a;border-left:3px solid #3498db;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.event-item:hover{background-color:#2a3540}.event-item.soon{border-left-color:#e74c3c}.event-date{color:#95a5a6;font-size:.8rem;font-weight:500;white-space:nowrap}.event-content{flex:1 1}.event-title{color:#ecf0f1;font-size:.9rem;font-weight:500;margin-bottom:.2rem}.event-subtitle{color:#95a5a6;font-size:.8rem}.week-schedule-table-wrapper{flex:1 1;height:100%;max-height:100%;min-height:0;overflow:auto}.week-schedule-table-wrapper::-webkit-scrollbar{height:6px;width:6px}.week-schedule-table-wrapper::-webkit-scrollbar-track{background:#1e2832;border-radius:3px}.week-schedule-table-wrapper::-webkit-scrollbar-thumb{background:#3498db;border-radius:3px}.week-schedule-table-wrapper::-webkit-scrollbar-thumb:hover{background:#2980b9}.week-schedule-table{border-collapse:collapse;font-size:.85rem;width:100%}.schedule-th{font-size:.8rem;padding:.6rem;z-index:1}.schedule-lesson-th{min-width:50px;width:50px}.schedule-td{padding:.5rem}.schedule-lesson-num-cell{min-width:50px;width:50px}.schedule-lesson{min-height:40px;padding:.5rem}.schedule-lesson-name{color:#bdc3c7}.empty-state{font-size:.9rem;padding:1.5rem}@media (max-width:1200px){.dashboard-content-new{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.chart-section{flex-direction:column;gap:1rem}}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:1rem}.header-right{justify-content:flex-end;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.75rem}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.main-content{padding:1rem}}.grades-page{height:100%;margin:0 auto;max-width:100%;overflow:hidden}.grades-container,.grades-page{display:flex;flex-direction:column}.grades-container{flex:1 1;gap:1.5rem;min-height:0;overflow-y:auto;padding-right:.5rem}.grades-container::-webkit-scrollbar{width:8px}.grades-container::-webkit-scrollbar-track{background:#1e2832;border-radius:4px}.grades-container::-webkit-scrollbar-thumb{background:#3498db;border-radius:4px}.grades-container::-webkit-scrollbar-thumb:hover{background:#2980b9}.subject-grades-card{background:#1e2832;border:1px solid #3c4b5a66;border-radius:12px;box-shadow:0 4px 12px #0006;padding:1.5rem}.subject-header{align-items:center;border-bottom:2px solid #3498db4d;display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.subject-header h2{color:#ecf0f1;font-size:1.25rem;font-weight:600;margin:0}.average-grade{color:#95a5a6;font-size:.95rem}.average-grade strong{color:#3498db;font-size:1.15rem;font-weight:700}.grades-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.grade-card{align-items:center;background:#252f3a;border:1px solid #3c4b5a80;border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:1rem;text-align:center;transition:all .2s}.grade-card:hover{background:#2a3540;border-color:#3498db;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.grade-value{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.grade-5 .grade-value{color:#27ae60}.grade-4 .grade-value{color:#f39c12}.grade-3 .grade-value{color:#e67e22}.grade-1 .grade-value,.grade-2 .grade-value{color:#e74c3c}.grade-details{width:100%}.grade-date{color:#95a5a6;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.grade-comment{color:#7f8c8d;font-size:.75rem;font-style:italic;line-height:1.3;margin-top:.5rem;word-break:break-word}@media (max-width:768px){.grades-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.grade-card{min-height:90px;padding:.75rem}.grade-value{font-size:2rem}}.homework-page{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:100%;overflow:hidden}.page-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{border-bottom:3px solid #3498db;color:#ecf0f1;font-size:1.75rem;font-weight:600;margin:0;padding-bottom:.5rem}.subject-filter{background:#2a3540;border:1px solid #3c4b5a99;border-radius:8px;color:#ecf0f1;cursor:pointer;font-size:.95rem;padding:.6rem 1rem;transition:all .2s}.subject-filter:hover{background:#2f3a45;border-color:#3498db80}.subject-filter:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.homework-container{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;overflow-y:auto;padding-right:.5rem}.homework-container::-webkit-scrollbar{width:8px}.homework-container::-webkit-scrollbar-track{background:#1e2832;border-radius:4px}.homework-container::-webkit-scrollbar-thumb{background:#3498db;border-radius:4px}.homework-container::-webkit-scrollbar-thumb:hover{background:#2980b9}.homework-card{background:#1e2832;border:1px solid #3c4b5a66;border-radius:12px;box-shadow:0 4px 12px #0006;padding:1.5rem;transition:all .2s}.homework-card:hover{box-shadow:0 6px 16px #3498db4d;transform:translateY(-2px)}.homework-card.overdue{background-color:#e74c3c1a;border-left-color:#e74c3c}.homework-card.due-soon{background-color:#f39c121a;border-left-color:#f39c12}.homework-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.homework-title-section{flex:1 1}.homework-header h3{color:#ecf0f1;font-size:1.15rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.homework-subject{align-items:center;color:#95a5a6;display:flex;font-size:.9rem;gap:.5rem}.subject-label{color:#7f8c8d}.homework-subject strong{color:#3498db;font-weight:600}.due-date{background-color:#252f3a;border-radius:8px;color:#95a5a6;flex-shrink:0;font-size:.875rem;font-weight:600;padding:.5rem 1rem;white-space:nowrap}.due-date.overdue{background-color:#e74c3c33;color:#e74c3c}.due-date.due-soon{background-color:#f39c1233;color:#f39c12}.homework-description{color:#ecf0f1;font-size:.95rem;line-height:1.6;white-space:pre-wrap}.empty-state{border:1px solid #3c4b5a66;border-radius:12px}.loading{color:#95a5a6;font-size:1.1rem;font-weight:500;padding:3rem;text-align:center}@media (max-width:768px){.homework-header{flex-direction:column;gap:.75rem}.due-date{align-self:flex-start}.homework-card{padding:1.25rem}}.schedule-page{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:100%;overflow:hidden;padding:0}.schedule-page h1{border-bottom:3px solid #3498db;color:#ecf0f1;flex-shrink:0;font-size:1.75rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.schedule-container{gap:1.5rem;overflow-y:auto}.schedule-container,.schedule-section{display:flex;flex:1 1;flex-direction:column;min-height:0}.schedule-section{gap:.75rem}.schedule-section-title{border-bottom:2px solid #3498db4d;color:#3498db;font-size:1rem;font-weight:600;padding:.5rem 0}.schedule-wrapper{background-color:#1e2832;border:1px solid #3c4b5a66;border-radius:12px;flex:1 1;min-height:0;overflow-x:auto;overflow-y:visible;padding:.75rem;width:100%}.schedule-wrapper::-webkit-scrollbar{height:8px;width:8px}.schedule-wrapper::-webkit-scrollbar-track{background:#1e2832;border-radius:4px}.schedule-wrapper::-webkit-scrollbar-thumb{background:#3498db;border-radius:4px}.schedule-wrapper::-webkit-scrollbar-thumb:hover{background:#2980b9}.schedule-table{border-collapse:collapse;font-size:.8rem;min-width:1200px;width:100%}.schedule-th{background-color:#252f3a;border-bottom:2px solid #3c4b5a66;color:#3498db;font-size:.75rem;font-weight:600;min-width:80px;padding:.5rem .4rem;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:2}.schedule-th-content{display:flex;flex-direction:column;gap:.25rem}.schedule-th-day{color:#3498db;font-size:.85rem;font-weight:700}.schedule-th-date{color:#95a5a6;font-size:.7rem;font-weight:500}.schedule-lesson-th{background-color:#1e2832;border-right:2px solid #3c4b5a66;left:0;min-width:60px;position:-webkit-sticky;position:sticky;width:60px;z-index:3}.schedule-td{border-bottom:1px solid #3c4b5a33;min-width:80px;padding:.4rem .3rem;text-align:center;vertical-align:middle}.schedule-lesson-num-cell{background-color:#1e2832;border-right:2px solid #3c4b5a66;color:#3498db;font-size:.9rem;font-weight:600;left:0;min-width:60px;position:-webkit-sticky;position:sticky;width:60px;z-index:1}.schedule-lesson{align-items:center;background-color:#252f3a;border-radius:6px;display:flex;flex-direction:column;gap:.2rem;justify-content:center;min-height:45px;padding:.4rem .3rem}.schedule-lesson.empty{background-color:initial;color:#7f8c8d;font-style:italic}.schedule-lesson-name{color:#ecf0f1;font-size:.8rem;font-weight:500;line-height:1.2;text-align:center;word-break:break-word}.schedule-lesson-room{color:#95a5a6;font-size:.7rem;font-weight:400}.schedule-loading{color:#95a5a6;font-weight:500;padding:3rem}.empty-state,.schedule-loading{font-size:1.1rem;text-align:center}.empty-state{background:#1e2832;border-radius:6px;border-top:4px solid #3c4b5a99;box-shadow:0 4px 12px #0006;color:#7f8c8d;padding:4rem}@media (max-width:1200px){.schedule-wrapper{padding:.5rem}.schedule-table{min-width:1000px}}@media (max-width:768px){.schedule-page h1{font-size:1.5rem}.schedule-table{font-size:.75rem;min-width:800px}.schedule-th{font-size:.7rem;padding:.5rem .25rem}.schedule-th-day{font-size:.75rem}.schedule-th-date{font-size:.65rem}.schedule-lesson-name{font-size:.7rem}.schedule-lesson-room{font-size:.65rem}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0e1a;color:#ecf0f1;font-family:Segoe UI,Roboto,Arial,sans-serif;margin:0}code{font-family:Courier New,monospace}
/*# sourceMappingURL=main.cd91b1bd.css.map*/