body,html,#root{margin:0;padding:0;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f4f9fd;color:#002a5c;overflow:hidden}.container{display:flex;flex-direction:column;height:100vh;position:relative}.header-bar{display:flex;flex-wrap:wrap;gap:8px;padding:15px;background-color:#0042a6;border-bottom:4px solid #df251e;justify-content:center;box-shadow:0 4px 10px #0003;z-index:20}.class-tab{padding:8px 16px;background-color:#ffffff26;border:2px solid rgba(158,222,255,.3);border-radius:20px;font-size:1rem;font-weight:600;color:#e0e0e0;transition:all .3s ease}.class-tab.active{background-color:#df251e;color:#fff;opacity:1;box-shadow:0 0 15px #df251e99,inset 0 2px 5px #ffffff4d;border:2px solid #fff;z-index:10;font-weight:700;transform:scale(1.2)}.content-area{flex:1;padding:0 0 10px;display:flex;flex-direction:column;align-items:center;overflow-y:auto;background-image:radial-gradient(#dbeeff 1px,transparent 1px);background-size:20px 20px}.class-title{font-size:2.2rem;margin:20px 0;color:#0042a6;text-transform:uppercase;width:95%;text-align:left;border-left:6px solid #df251e;padding-left:15px;text-shadow:1px 1px 0px #fff;display:flex;justify-content:space-between;align-items:center}.header-info{font-size:1.5rem;color:#df251e;font-weight:700}.subs-table{width:100%;border-collapse:collapse;font-size:1.5rem;background-color:#fffffff2;box-shadow:0 0 20px #0042a61a}.subs-table th{background-color:#0042a6;color:#fff;padding:18px 25px;text-align:left;font-weight:600;text-transform:uppercase;font-size:1.2rem;letter-spacing:1px;border-bottom:3px solid #9edeff}.subs-table td{padding:18px 25px;border-bottom:1px solid #dcebf7;color:#002a5c}.subs-table tr:nth-child(2n){background-color:#f0f8ff}.cell-teacher{font-weight:700;color:#0042a6}.cell-room{font-weight:800;color:#df251e}.cell-note{font-style:italic;color:#555;font-weight:500}.footer-trams{width:100%;padding:8px 15px;box-sizing:border-box;display:flex;align-items:center;gap:15px;margin-bottom:25px;min-height:140px;position:absolute;bottom:0;left:0;background:linear-gradient(to top,rgba(158,222,255,.2),transparent)}.tram-label{font-weight:700;color:#0042a6;font-size:1.2rem;white-space:nowrap}.tram-list{display:flex;width:100%;justify-content:space-around;align-items:stretch;gap:10px}.tram-item{display:flex;flex-direction:column;align-items:center;background-color:#fff!important;padding:8px;border-radius:12px;box-shadow:0 2px 5px #0042a626;width:24%;border:1px solid #9edeff}.tram-stop-name{font-size:.8rem;text-transform:uppercase;color:#002a5c;font-weight:700;margin-bottom:5px;letter-spacing:1px;border-bottom:1px solid #dcebf7;width:100%;text-align:center;padding-bottom:3px}.tram-rows-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;width:100%;gap:5px}.tram-single-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:2px 0;border-bottom:1px dashed #dcebf7}.tram-single-row:last-child{border-bottom:none}.tram-line{width:35px;height:35px;background-color:#df251e;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:800;font-size:1.1rem;border:2px solid #fff;box-shadow:0 1px 3px #0003;flex-shrink:0}.tram-details{display:flex;flex-direction:column;line-height:1.1;overflow:hidden;width:100%}.tram-dest{font-weight:700;color:#002a5c;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:fit-content!important}.tram-time{font-size:.9rem;color:#0042a6;font-weight:700}.tram-loading{font-size:.8rem;color:#999;padding:10px}.blink-text{color:#df251e;animation:blinker 1s linear infinite}.progress-container{position:fixed;bottom:0;left:0;width:100%;height:25px;background-color:#fff;z-index:999;border-top:1px solid #ccc}.progress-bar{height:100%;width:0%;background:repeating-linear-gradient(45deg,#0042a6,#0042a6 10px,#9edeff 10px 20px);box-shadow:0 0 10px #0003;animation-name:progress;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes progress{0%{width:0%}to{width:100%}}.loading,.error{display:flex;justify-content:center;align-items:center;height:100vh;font-size:2rem;color:#df251e}@keyframes blinker{50%{opacity:.5}}.floating-info{position:absolute;bottom:140px;left:0;width:100%;display:flex;justify-content:center;align-items:center;text-align:center;z-index:99;pointer-events:none;padding:10px 20px;box-sizing:border-box}.floating-info div{background-color:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:10px 30px;border-radius:50px;box-shadow:0 4px 15px #0042a626;opacity:.9;color:#df251e;font-weight:700;font-size:1.3rem;text-transform:uppercase;letter-spacing:1px;border:2px solid #9edeff}.floating-info h1,.floating-info h2,.floating-info p{margin:0;display:inline-block}