#root{max-width:100%;margin:0 auto;padding:0;text-align:center;width:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#f5f7fa;color:#333}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.app-header{background-color:#2c3e50;color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.app-header h1{margin:0;font-size:1.5rem;white-space:nowrap}.header-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.main-nav{display:flex;gap:1rem;margin-right:1rem}.nav-item{background:transparent;color:#ffffffb3;border:none;border-bottom:2px solid transparent;padding:.5rem 0;cursor:pointer;font-size:1rem;font-weight:400;transition:color .2s,border-bottom .2s}.nav-item:hover{color:#fff}.nav-item.active{color:#fff;border-bottom:2px solid white;font-weight:700}.user-controls{display:flex;gap:1rem;align-items:center}.pupil-select{padding:.5rem;font-size:.9rem;border-radius:4px;border:none;cursor:pointer}.logout-button{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.logout-button:hover{background:#ffffff1a}@media(max-width:768px){.app-header{flex-direction:column;padding:1rem;gap:.8rem}.app-header h1{font-size:1.2rem}.header-controls{flex-direction:column;width:100%;gap:.8rem}.main-nav{margin-right:0;width:100%;justify-content:space-around;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.nav-item{font-size:.9rem;padding:.3rem 0}.user-controls{width:100%;justify-content:space-between}.pupil-select{flex-grow:1}}.app-content{flex:1;padding:1rem;display:flex;flex-direction:column;align-items:flex-start;width:100%;box-sizing:border-box}.login-card{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:400px;width:100%;text-align:center;margin-top:2rem}.login-card h2{color:#2c3e50;margin-bottom:1rem}.login-button{background-color:#3498db;color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;border-radius:6px;cursor:pointer;transition:background-color .2s;margin-top:1rem}.login-button:hover{background-color:#2980b9}.login-status{margin-top:1.5rem}.instruction{font-size:.9rem;color:#666;margin-top:1rem;line-height:1.5}.spinner{border:4px solid rgba(74,36,104,.1);border-top:4px solid #4a2468;border-radius:50%;width:48px;height:48px;animation:spin 1s ease-in-out infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.schedule-container{width:100%;max-width:100%}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.schedule-header h2{margin:0;color:#2c3e50}.schedule-header button{background:#ecf0f1;border:1px solid #bdc3c7;padding:.5rem 1rem;border-radius:4px;cursor:pointer;color:#2c3e50;font-weight:500}.schedule-header button:hover:not(:disabled){background:#bdc3c7}.schedule-header button:disabled{opacity:.5;cursor:not-allowed}.date-range{text-align:center;color:#7f8c8d;margin-bottom:2rem;font-weight:500}.week-grid-container{display:flex;margin-top:1rem;align-items:flex-start;width:100%;overflow-x:auto;padding-bottom:1rem;overscroll-behavior-x:none}.timeline-column{width:50px;flex-shrink:0;margin-top:40px;margin-right:10px;position:relative}@media(max-width:768px){.timeline-column{display:none}.week-grid{min-width:100%!important}.week-grid-container{overflow-x:hidden}.mobile-hidden{display:none!important}}.timeline-label{position:absolute;width:100%;text-align:right;line-height:1;font-size:.75rem;color:#999}.week-grid{flex-grow:1;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;min-width:800px}.day-column{display:flex;flex-direction:column}.day-header{height:40px;border-radius:8px 8px 0 0;background-color:#34495e;color:#fff;margin:0;padding:.5rem;text-align:center;font-size:.9rem;text-transform:capitalize;display:flex;flex-direction:column;justify-content:center}.day-date{display:block;font-size:.75rem;opacity:.8}.lessons-container{position:relative;background-color:#fff;border-radius:0 0 8px 8px;border:1px solid #e0e0e0;border-top:none;overflow:hidden}.grid-line-hour{position:absolute;left:0;right:0;border-top:1px dashed #eee;height:1px;z-index:1}.grid-line-half{position:absolute;left:0;right:0;border-top:1px dotted #f9f9f9;height:1px;z-index:1}.lesson-wrapper{position:absolute;left:2px;right:2px;z-index:10}.no-lessons{color:#bdc3c7;text-align:center;margin-top:2rem;font-style:italic;font-size:.9rem}.lesson-card{background-color:#ecf0f1;border-left:4px solid #3498db;padding:4px;margin-bottom:0;border-radius:4px;transition:transform .1s;cursor:pointer;height:100%;overflow:hidden;font-size:.8rem;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box}.lesson-card:hover{transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.lesson-time{font-size:.75rem;color:#7f8c8d;font-weight:600;margin-bottom:.2rem}.lesson-subject{font-weight:700;color:#2c3e50;font-size:.9rem;margin-bottom:.3rem;line-height:1.2}.lesson-meta{display:flex;justify-content:space-between;font-size:.75rem;color:#666}.lesson-room{background:#d5dbdb;padding:1px 4px;border-radius:3px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:500px;position:relative;box-shadow:0 4px 20px #0003;text-align:left}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#555;z-index:10}.modal-close:hover{color:#e74c3c}.modal-title{margin-top:0;color:#2c3e50}.modal-time{font-size:1.1rem;font-weight:600;color:#7f8c8d;margin-bottom:1.5rem;display:block}.modal-details{display:flex;flex-direction:column;gap:.8rem}.detail-row{display:flex;border-bottom:1px solid #ecf0f1;padding-bottom:.5rem}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;width:100px;flex-shrink:0;color:#7f8c8d}.detail-value{color:#2c3e50}@media print{@page{size:A4 portrait;margin:5mm}body{background-color:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}.app-header,.login-card,button,.schedule-header,.modal-overlay,.date-range{display:none!important}.app-container{display:block;min-height:auto}.app-content{display:block;padding:0;margin:0}.schedule-container{width:100%;max-width:none;margin-top:0}.week-grid-container{margin-top:0;padding-bottom:0;overflow:visible}.timeline-column{margin-top:30px;display:block!important}.week-grid{min-width:100%!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:4px}.mobile-hidden{display:flex!important}.no-print{display:none!important}.day-header{background-color:#34495e!important;color:#fff!important;border:1px solid #34495e;height:30px;font-size:.8rem;padding:.2rem}.day-header .day-date{display:none!important}.lessons-container{background-color:#fff!important;border:1px solid #ccc}.lesson-card{border:1px solid rgba(0,0,0,.1);box-shadow:none}}