@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";.timetable-page{padding:0;max-width:100%;width:100%;overflow:hidden;box-sizing:border-box}.timetable-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.timetable-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--text-primary)}.timetable-header p{margin:0;color:var(--text-secondary);font-size:.9rem}.timetable-controls{display:flex;flex-direction:column;gap:1rem;align-items:flex-end}.timetable-batch-selector{display:flex;flex-direction:column;gap:.5rem}.timetable-batch-selector label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.timetable-batch-buttons{display:flex;gap:.5rem}.timetable-batch-buttons button{padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease}.timetable-batch-buttons button:hover{border-color:var(--border-hover);background:var(--hover-bg)}.timetable-batch-buttons button.active{border-color:var(--border-hover);background:var(--hover-bg);color:var(--text-primary)}.timetable-actions{display:flex;gap:.5rem;flex-wrap:wrap}.timetable-actions button,.timetable-import-btn{padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:.9rem}.timetable-actions button:hover:not(:disabled),.timetable-import-btn:hover{border-color:var(--border-hover);background:var(--hover-bg)}.timetable-actions button:disabled{opacity:.5;cursor:not-allowed}.timetable-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;padding:1.5rem;margin-bottom:2rem}.timetable-form h3{margin:0 0 1rem;font-size:1.2rem;font-weight:600;color:var(--text-primary)}.timetable-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.timetable-form-grid label{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.timetable-form-grid input{padding:.5rem;border:1px solid var(--border-color);background:var(--bg);color:var(--text-primary);border-radius:4px;font-size:.9rem}.timetable-form-grid input:focus{outline:none;border-color:var(--border-hover)}.timetable-form-actions{display:flex;gap:.5rem}.timetable-form-actions button{padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease}.timetable-form-actions button.primary{background:var(--hover-bg);border-color:var(--border-hover)}.timetable-form-actions button:hover{border-color:var(--border-hover);background:var(--hover-bg)}.timetable-courses-list{margin-bottom:2rem}.timetable-courses-list h2{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.timetable-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.timetable-course-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.timetable-course-card .timetable-course-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.timetable-course-details{display:flex;gap:.5rem;flex-wrap:wrap}.timetable-slot-badge,.timetable-room-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.timetable-slot-badge{background:#38bdf833;color:#38bdf8}.timetable-room-badge{background:#22c55e33;color:#22c55e}.timetable-course-actions{display:flex;gap:.5rem;margin-top:.5rem}.timetable-course-actions button{padding:.25rem .75rem;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.timetable-course-actions button:hover{border-color:var(--border-hover);background:var(--hover-bg)}.timetable-container{width:100%;max-width:100%;overflow:hidden;padding:1rem;background-color:#f8f9fa;position:relative;box-sizing:border-box}.timetable-header-logos{width:100%;display:flex;justify-content:flex-start;align-items:center;margin-bottom:1rem;padding:0 .5rem;position:relative}.timetable-logo-left{height:45px;width:auto;object-fit:contain;margin-right:auto}.timetable-logo-corner{position:absolute;top:0;right:.5rem;height:25px;width:auto;object-fit:contain;opacity:1;z-index:1000}.timetable-title{text-align:center;font-size:1.4rem;font-weight:700;color:#2c3e50;margin-bottom:.4rem}.timetable-subtitle{text-align:center;font-size:.8rem;color:#6c757d;margin-bottom:1rem;line-height:1.1}.timetable-grid{display:grid;grid-template-columns:80px repeat(10,minmax(0,1fr));gap:0;width:100%;max-width:100%;background-color:#fff;border:2px solid #000000;border-collapse:collapse;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;table-layout:fixed}.timetable-header-cell{background:#495057;color:#fff;padding:8px 4px;text-align:center;font-weight:600;font-size:.7rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #000000;box-sizing:border-box;overflow:hidden}.timetable-header-cell:last-child{border-right:none}.timetable-period-number{font-weight:700;font-size:.75rem;line-height:1.1;white-space:nowrap}.timetable-time-range{font-size:.55rem;opacity:.9;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.timetable-day-row{display:contents}.timetable-day-label{background:#ff0;color:#000;padding:12px 8px;text-align:center;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center;position:sticky;left:0;z-index:10;border:1px solid #000000;box-shadow:2px 0 4px #0000001a;box-sizing:border-box}.timetable-cell{aspect-ratio:35 / 30;min-height:80px;padding:6px 4px;border:1px solid #000000;background-color:#fff;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;display:flex;flex-direction:column;justify-content:center;position:relative;box-sizing:border-box;overflow:hidden}.timetable-cell:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;z-index:5}.timetable-empty-cell{background-color:#f8f9fa;border:1px solid #000000}.timetable-filled-cell{cursor:pointer}.timetable-cell-content{display:flex;flex-direction:column;gap:6px;text-align:left;height:100%;justify-content:center}.timetable-course-name{font-size:.6rem;font-weight:600;color:#212529;line-height:1.1;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:2px}.timetable-room-number{font-size:.55rem;color:#495057;font-weight:500;margin-top:auto;padding-top:2px;border-top:1px solid rgba(0,0,0,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timetable-conflict{background-color:#fff3cd!important;border-left-color:#ffc107!important}.timetable-conflict-course{margin-bottom:6px;padding-bottom:6px;border-bottom:1px dashed rgba(0,0,0,.2)}.timetable-conflict-course:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}@media (max-width: 1920px){.timetable-container{padding:.75rem}.timetable-cell{min-height:70px;padding:5px 3px}.timetable-course-name{font-size:.55rem}.timetable-room-number{font-size:.5rem}.timetable-header-cell{padding:6px 3px;font-size:.65rem}.timetable-time-range{font-size:.5rem}.timetable-period-number{font-size:.7rem}}@media (max-width: 1400px){.timetable-container{padding:.5rem}.timetable-cell{min-height:60px;padding:4px 2px}.timetable-course-name{font-size:.5rem}.timetable-room-number{font-size:.45rem}.timetable-header-cell{padding:5px 2px;font-size:.6rem}.timetable-time-range{font-size:.45rem}.timetable-period-number{font-size:.65rem}.timetable-day-label{padding:10px 6px;font-size:.7rem}}@keyframes pulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}@font-face{font-family:AmericanCaptain;src:url(/american-captain-font/AmericanCaptain-MdEY.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes reactorPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes reactorGlow{0%,to{filter:drop-shadow(0 0 30px rgba(245,245,245,.4)) drop-shadow(0 0 60px rgba(245,245,245,.2))}50%{filter:drop-shadow(0 0 40px rgba(245,245,245,.6)) drop-shadow(0 0 80px rgba(245,245,245,.4))}}@keyframes ringPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root[data-theme=dark],:root:not([data-theme]){--bg-primary: #080808;--bg-secondary: #0a0a0a;--card-bg: rgba(10, 10, 10, .7);--card-bg-form: rgba(10, 10, 10, .6);--text-primary: #f5f5f5;--text-secondary: rgba(245, 245, 245, .5);--text-tertiary: rgba(245, 245, 245, .35);--border-color: rgba(245, 245, 245, .12);--border-hover: rgba(245, 245, 245, .3);--hover-bg: rgba(245, 245, 245, .06);--input-bg: rgba(0, 0, 0, .6);--stat-bg: rgba(0, 0, 0, .4);--splash-bg: #020202;--splash-text: #f5f5f5;--splash-overlay: rgba(245, 245, 245, .03);--error-color: #ff6b6b;--error-bg: rgba(255, 107, 107, .08);--error-border: rgba(255, 107, 107, .35);--success-color: #4ade80;--success-bg: rgba(74, 222, 128, .1);--success-border: rgba(74, 222, 128, .3);--shadow-color: rgba(0, 0, 0, .15)}:root[data-theme=light]{--bg-primary: #f8f8f8;--bg-secondary: #ffffff;--card-bg: rgba(255, 255, 255, .9);--card-bg-form: rgba(255, 255, 255, .8);--text-primary: #1a1a1a;--text-secondary: rgba(26, 26, 26, .6);--text-tertiary: rgba(26, 26, 26, .4);--border-color: rgba(26, 26, 26, .15);--border-hover: rgba(26, 26, 26, .3);--hover-bg: rgba(26, 26, 26, .08);--input-bg: rgba(255, 255, 255, .9);--stat-bg: rgba(245, 245, 245, .6);--splash-bg: #f8f8f8;--splash-text: #1a1a1a;--splash-overlay: rgba(26, 26, 26, .05);--error-color: #dc2626;--error-bg: rgba(220, 38, 38, .1);--error-border: rgba(220, 38, 38, .3);--success-color: #16a34a;--success-bg: rgba(22, 163, 74, .1);--success-border: rgba(22, 163, 74, .3);--shadow-color: rgba(0, 0, 0, .1)}html{height:100%;-webkit-text-size-adjust:100%}body{margin:0;padding:0;font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,sans-serif;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),var(--bg-primary);background-size:40px 40px,40px 40px,100% 100%;background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:color .3s ease;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}:root[data-theme=light] body{background:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px),var(--bg-primary);background-size:40px 40px,40px 40px,100% 100%;background-attachment:fixed}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0;height:100%}html::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}*{box-sizing:border-box}input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}#root{max-width:1400px;margin:0 auto;padding:12px clamp(12px,2vw,24px);min-height:100vh;overflow-x:hidden}.app-container{display:flex;flex-direction:column;gap:12px;min-height:100vh}.app-header.single{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;border-bottom:1px solid var(--border-color);padding-bottom:8px;flex-shrink:0}.app-header-left{display:flex;align-items:center;gap:12px;justify-content:flex-start}.app-header-right{display:flex;align-items:center;gap:6px;justify-content:flex-end}.app-header.single h1{margin:0;font-family:AmericanCaptain,Bebas Neue,sans-serif;font-size:clamp(24px,3.5vw,40px);letter-spacing:.12em;color:var(--text-primary);line-height:1;font-weight:400;display:flex;align-items:center;justify-content:flex-start;gap:12px}.app-header.single h1>span:first-child{display:inline-block;line-height:1;vertical-align:middle;transform:translateY(4px)}.app-header.single h1 img{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:middle;object-fit:contain;margin:0;padding:0}.app-header.single h1>span:last-child{display:inline-block;line-height:1;vertical-align:middle;transform:translateY(0)}.app-main.single{display:flex;flex-direction:column;gap:0;flex:1;min-height:0}@media (max-width: 960px){.app-header.single{flex-direction:column;align-items:flex-start;gap:12px}.app-header.single h1{font-size:clamp(20px,4vw,32px)}}@media (max-width: 768px){html{height:auto}#root{padding:8px 12px;height:auto;min-height:auto;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}body{height:auto;min-height:100vh;min-height:-webkit-fill-available;overflow-y:auto;overflow-x:hidden;padding-bottom:0}.app-container{min-height:auto;padding-bottom:0}.app-header.single{height:auto;min-height:50px;padding:8px 12px}.app-header.single{padding-bottom:12px;display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:12px;align-items:center}.app-header-left{display:flex;align-items:center;gap:12px;flex:none!important;grid-row:1;grid-column:1;justify-content:flex-start}.app-header-right{display:flex!important;justify-content:flex-end;align-items:center;gap:6px;flex:none!important;grid-row:1;grid-column:2;margin-top:0}}@media (max-width: 600px){#root{padding:8px}.app-header.single h1{font-size:clamp(24px,6vw,36px);line-height:1.1}.app-header.single p{font-size:10px;margin-top:4px}}@media (max-width: 400px){.app-header.single h1{font-size:clamp(16px,6vw,24px)}}@media (min-width: 1400px){#root{max-width:1600px}}@keyframes shimmer{0%{left:-100%}50%,to{left:100%}}@keyframes subtleGlow{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 20px #ffffff08}}@keyframes floatSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes slideUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}[class*=-card]:not([class*=button]):not([class*=btn]){position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[class*=-card]:not([class*=button]):not([class*=btn]):hover{transform:translateY(-1px);box-shadow:0 8px 24px #00000026,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}button:not([style*=transition]):not(:disabled),a[role=button]:not([style*=transition]),[class*=button]:not([style*=transition]):not(:disabled){position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)!important;overflow:hidden}button:not([style*=transition]):not(:disabled):hover,a[role=button]:not([style*=transition]):hover,[class*=button]:not([style*=transition]):not(:disabled):hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #0003,0 0 0 1px #ffffff1a!important}button:not([style*=transition]):not(:disabled):active,a[role=button]:not([style*=transition]):active,[class*=button]:not([style*=transition]):not(:disabled):active{transform:translateY(0)!important;transition:all .1s ease!important}button:not([style*=transition]):not(:disabled):before,a[role=button]:not([style*=transition]):before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .5s ease;pointer-events:none;z-index:1}button:not([style*=transition]):not(:disabled):hover:before,a[role=button]:not([style*=transition]):hover:before{left:100%}input[type=text]:not([style*=transition]),input[type=number]:not([style*=transition]),input[type=email]:not([style*=transition]),input[type=date]:not([style*=transition]),select:not([style*=transition]),textarea:not([style*=transition]){transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative}input[type=text]:not([style*=transition]):focus,input[type=number]:not([style*=transition]):focus,input[type=email]:not([style*=transition]):focus,input[type=date]:not([style*=transition]):focus,select:not([style*=transition]):focus,textarea:not([style*=transition]):focus{transform:scale(1.01)!important;box-shadow:0 0 0 3px #ffffff0d,0 4px 12px #00000026!important}input[type=text]:not([style*=transition]):hover:not(:focus),input[type=number]:not([style*=transition]):hover:not(:focus),input[type=email]:not([style*=transition]):hover:not(:focus),input[type=date]:not([style*=transition]):hover:not(:focus),select:not([style*=transition]):hover:not(:focus),textarea:not([style*=transition]):hover:not(:focus){border-color:var(--border-hover)!important;box-shadow:0 0 0 1px #ffffff0d!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],textarea,select{font-size:16px!important}@media (min-width: 769px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],textarea,select{font-size:14px!important}}a:not([role=button]){position:relative;transition:all .2s ease;text-decoration:none}a:not([role=button]):after{display:none}a:not([role=button]):hover{opacity:.9}.app-header a{position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.app-header a:after{display:none}.app-header a:hover{transform:translateY(-1px)}[class*=-card]:not([class*=button]):not([class*=btn]){position:relative;overflow:hidden}[class*=-card]:not([class*=button]):not([class*=btn]):before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.02),transparent);transition:left .6s ease;pointer-events:none;z-index:1}[class*=-card]:not([class*=button]):not([class*=btn]):hover:before{left:100%}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid rgba(255,255,255,.3);outline-offset:2px;animation:subtleGlow 2s ease-in-out infinite}tr,[class*=table-row],[class*=row]{transition:all .2s ease}tr:hover,[class*=table-row]:hover,[class*=row]:hover{background:var(--hover-bg);transform:translate(2px)}svg,[class*=icon]{transition:all .2s ease}button:hover svg,a:hover svg,[class*=button]:hover svg{transform:scale(1.1)}[class*=-spinner],[class*=spinner-]{animation:spin 1s linear infinite}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.02) 0%,transparent 50%);pointer-events:none;z-index:-1;animation:floatSubtle 20s ease-in-out infinite}form,[class*=form]{animation:slideUp .4s ease-out}[class*=stat],[class*=Stat]{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[class*=stat]:hover,[class*=Stat]:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #0003,0 0 0 1px #ffffff1a}[class*=badge],[class*=Badge]{transition:all .2s ease;display:inline-block}[class*=badge]:hover,[class*=Badge]:hover{transform:scale(1.1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:before{animation:none}}@media (max-width: 768px){div[style*="position: absolute"][style*="zIndex: 1000"]{z-index:9999!important;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}}[title]:hover:after,[title]:hover:before{display:none!important;content:none!important;visibility:hidden!important;opacity:0!important}*[title],*[title]:hover{position:relative}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}