.app{height:100%;min-height:100%;display:flex;flex-direction:column;background:#1a1a1a;color:#fff;overflow:hidden;padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom);min-height:100svh;min-height:100dvh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #333;background:#1a1a1a;position:sticky;top:0;z-index:100;padding-top:max(1rem,env(safe-area-inset-top))}.app-title{font-size:1.25rem;font-weight:600;color:#fff}.app-actions{display:flex;gap:.5rem;align-items:center}.refresh-btn,.filter-btn{background:#2a2a2a;border:1px solid #444;color:#fff;width:44px;height:44px;border-radius:8px;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;touch-action:manipulation}.refresh-btn:active,.filter-btn:active{background:#333;transform:scale(.95)}.filter-btn:disabled{opacity:.5;cursor:not-allowed}.filter-btn svg{width:20px;height:20px}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.group-name-display{padding:.75rem 1.5rem;font-size:1.1rem;font-weight:500;color:#fff;background:#1a1a1a;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.group-name-clickable{cursor:pointer;display:inline-flex;align-items:center;padding:.25rem .5rem;margin:-.25rem -.5rem;border-radius:6px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.group-name-clickable:hover{background-color:#2a2a2a}.group-name-clickable:active{background-color:#333}.app-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#999}.empty-state p{margin-bottom:1.5rem;font-size:1rem}.select-group-btn{padding:.75rem 2rem;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;min-height:44px;transition:all .2s;touch-action:manipulation}.select-group-btn:active{transform:scale(.95);background:#2980b9}@media (max-width: 768px){.app-header{padding:.75rem 1rem}.app-title{font-size:1.1rem}.group-name-display{padding:.5rem 1rem;font-size:1rem}}.group-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.group-selector-modal{background:#1a1a1a;border-radius:16px;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.group-selector-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #333}.group-selector-header h2{margin:0;color:#fff;font-size:1.25rem}.close-btn{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.close-btn:active{background:#333}.group-selector-search{padding:1rem 1.5rem;border-bottom:1px solid #333}.group-selector-search input{width:100%;padding:.75rem 1rem;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem;min-height:44px}.group-selector-search input:focus{outline:none;border-color:#3498db}.group-selector-list{flex:1;overflow-y:auto;padding:.5rem;-webkit-overflow-scrolling:touch}.group-item{padding:1rem 1.5rem;border-radius:8px;margin-bottom:.5rem;cursor:pointer;transition:background .2s;background:#2a2a2a}.group-item:active{background:#333}.group-item.selected{background:#3498db}.group-name{color:#fff;font-size:1rem;font-weight:500;margin-bottom:.25rem}.group-faculty{color:#999;font-size:.85rem}.group-item.selected .group-faculty{color:#fffc}.loading,.empty{padding:2rem;text-align:center;color:#999}.week-calendar{width:100%;height:100%;display:flex;flex-direction:column;background:#1a1a1a;color:#fff;min-height:0}.week-calendar-nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #333;background:#1a1a1a}.nav-arrow{background:#2a2a2a;border:1px solid #444;color:#fff;width:40px;height:40px;border-radius:8px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;touch-action:manipulation}.nav-arrow:active{background:#333;transform:scale(.95)}.nav-today{background:#3498db;border:1px solid #2980b9;color:#fff;padding:.5rem 1rem;min-height:0;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;touch-action:manipulation;margin-left:.5rem;font-family:inherit;font-size:inherit}.nav-today:hover{background:#2980b9}.nav-today:active{background:#21618c;transform:scale(.95)}.week-range{font-size:.9rem;color:#999;font-weight:500}.filter-btn{background:#2a2a2a;border:1px solid #444;color:#fff;width:40px;height:40px;border-radius:8px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;touch-action:manipulation}.filter-btn:active{background:#333;transform:scale(.95)}.filter-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.filter-popup{background:#1a1a1a;border:1px solid #444;border-radius:12px;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080}.filter-popup-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #333}.filter-popup-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.filter-popup-close{background:transparent;border:none;color:#999;font-size:2rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.filter-popup-close:hover{background:#2a2a2a;color:#fff}.filter-popup-close:active{background:#333;transform:scale(.95)}.filter-popup-content{flex:1;overflow-y:auto;padding:1rem;min-height:200px;max-height:calc(80vh - 140px)}.filter-subjects-list{display:flex;flex-direction:column;gap:.5rem}.filter-subject-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.filter-subject-item:hover{background:#2a2a2a}.filter-subject-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3498db;flex-shrink:0}.filter-subject-name{color:#fff;font-size:.95rem;flex:1}.filter-popup-footer{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #333;justify-content:flex-end}.filter-btn-cancel,.filter-btn-save{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;touch-action:manipulation;border:1px solid #444;min-height:44px}.filter-btn-cancel{background:#2a2a2a;color:#fff}.filter-btn-cancel:active{background:#333;transform:scale(.95)}.filter-btn-save{background:#3498db;color:#fff;border-color:#2980b9}.filter-btn-save:active{background:#2980b9;transform:scale(.95)}@media (max-width: 768px){.filter-popup{max-width:100%;max-height:90vh}.filter-popup-header{padding:1rem}.filter-popup-content{padding:.75rem}.filter-popup-footer{padding:1rem;flex-direction:column}.filter-btn-cancel,.filter-btn-save{width:100%}}.week-calendar-grid{flex:1;display:flex;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;min-height:0}.time-column{width:70px;flex-shrink:0;border-right:1px solid #333}.time-header{height:50px;border-bottom:1px solid #333}.time-slot{display:flex;align-items:flex-start;justify-content:center;padding:.5rem;color:#999;font-size:.9rem;border-bottom:1px solid #333}.days-columns{flex:1;display:flex;min-width:0}.day-column{flex:1;min-width:0;border-right:1px solid #333}.day-column:last-child{border-right:none}.day-header{height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid #333;padding:.5rem;background:#1a1a1a}.day-name{font-size:.75rem;color:#999;text-transform:capitalize;margin-bottom:.25rem}.day-date{font-size:.9rem;font-weight:600;color:#fff}.day-header-today{background:#2a3a4a!important;border-bottom:2px solid #3498db!important}.day-header-today .day-date{color:#3498db;font-weight:700}.day-header-today .day-name{color:#3498db;font-weight:600}.calendar-cell{border-bottom:1px solid #333;padding:.25rem;position:relative}.event-block{background:#f39c12;color:#fff;border-radius:6px;padding:.5rem;height:100%;display:flex;flex-direction:column;font-size:.75rem;box-shadow:0 2px 4px #0003}.event-color-lecture{background:#997719!important}.event-color-lab{background:#7b3ba3!important}.event-color-practice{background:#398a39!important}.event-color-exam{background:#872927!important}.event-color-hall{background:#697000!important}.event-color-consultation{background:#3c8490!important}.event-code{font-weight:600;font-size:.85rem;margin-bottom:.4rem;word-break:break-all;line-height:12px}.event-number{font-size:.75rem;opacity:.9;font-weight:500;margin-bottom:.4rem;line-height:1}.event-type{display:none}.event-time-range{font-size:.75rem;opacity:.9;margin-bottom:.4rem}.event-room{font-size:.65rem;opacity:.6;margin-top:auto}.events-container-single{width:100%;height:100%;display:flex;flex-direction:column}.events-container-single>.event-block{height:100%;width:100%}.events-container-parallel{display:flex!important;flex-direction:row!important;gap:.25rem;align-items:stretch;flex-wrap:nowrap!important;width:100%;height:calc(100% - 1.5rem);box-sizing:border-box}.events-container-parallel>.event-block{flex:1 1 0%!important;min-width:0!important;max-width:none!important;width:0!important;height:100%!important;box-sizing:border-box}.event-block-parallel{flex:1 1 0%!important;font-size:.7rem;padding:.4rem;min-width:0!important;max-width:none!important;width:0!important;height:100%!important;display:flex;flex-direction:column;box-sizing:border-box}.event-block-parallel .event-code{font-size:.8rem}.event-block-parallel .event-number,.event-block-parallel .event-type{font-size:.65rem}.event-block-parallel .event-room{font-size:.6rem}.event-time-range-shared{font-size:.6rem;opacity:.7;margin-top:.5rem;text-align:center;width:100%}@media (max-width: 768px){.week-calendar-header{padding:.75rem;gap:.5rem}.week-date-item{min-width:50px;padding:.5rem .25rem}.date-number{font-size:1rem}.date-month,.date-day{font-size:.7rem}.time-column{width:36px}.time-slot{font-size:.7rem}.calendar-cell{padding:.2rem}.event-block-parallel{min-width:100%}.event-block{font-size:.7rem;padding:.4rem}.event-code{font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);height:100dvh;height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background-color:#1a1a1a;color:#fff;margin:0;padding:0;min-height:100%;height:100%;padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right);overflow-x:hidden}#root{height:100%;min-height:100%;display:flex;flex-direction:column}p,span,div[role=textbox],input,textarea{-webkit-user-select:text;user-select:text}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,a,[role=button]{min-height:44px;min-width:44px;touch-action:manipulation}