:root{color:#333;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;font-weight:400;line-height:1.5}body{background-color:#f0f2f5;flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex;overflow-y:auto}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background-color:#fffffff2;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.2rem 2rem;display:grid;box-shadow:0 2px 10px #0000000d}.nav-left h1{color:#005bac;margin:0;font-size:1.1rem;font-weight:700}.nav-center{justify-content:center;display:flex}.school-logo{width:auto;height:45px}.nav-right{justify-content:flex-end;display:flex}.navbar ul{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.navbar a{color:#666;font-weight:500;text-decoration:none;transition:color .3s}.navbar a:hover{color:#005bac}#container{height:calc(100vh - 80px);display:flex;position:relative;overflow:hidden}.sidebar{z-index:60;background-color:#fff;border-right:1px solid #e0e0e0;flex-direction:column;width:220px;padding:1rem;display:flex}.floor-selector{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:1.5rem;display:grid}.floor-btn{cursor:pointer;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;padding:.6rem;font-size:.85rem;font-weight:600;transition:all .2s}.floor-btn:hover{background:#e9ecef}.floor-btn.active{color:#fff;background:#005bac;border-color:#005bac}.sidebar h2{color:#2c3e50;margin-bottom:1rem;font-size:.9rem}#room-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.sidebar li{cursor:pointer;color:#555;border-radius:8px;margin-bottom:.3rem;padding:.7rem 1rem;font-size:.85rem;transition:all .2s}.sidebar li:hover{color:#3498db;background-color:#f0f7ff}.sidebar li.active{color:#fff;background-color:#3498db;font-weight:600}#app{flex:1;height:100%}.control-panel{z-index:60;background-color:#f8f9fa;border-left:1px solid #e0e0e0;flex-direction:column;gap:1.2rem;width:300px;padding:1.2rem;display:flex;overflow-y:auto}.shadow{background:#fff;border-radius:12px;padding:1.2rem;box-shadow:0 4px 12px #00000014}.info-box h2{border-bottom:2px solid #3498db;margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem}.details{color:#666;font-size:.85rem}.coord-collector h3{margin:0;font-size:.95rem}.collector-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.help-text{color:#888;margin-bottom:1rem;font-size:.75rem}.logs{background:#f1f3f5;border:1px solid #dee2e6;border-radius:8px;height:150px;margin-bottom:1rem;padding:.5rem;font-family:monospace;font-size:.75rem;overflow-y:auto}.log-entry{white-space:pre-wrap;border-bottom:1px solid #e9ecef;padding:.3rem}#clear-logs{cursor:pointer;background:#f8f9fa;border:1px solid #ced4da;border-radius:6px;width:100%;padding:.5rem;font-size:.8rem}#clear-logs:hover{background:#e9ecef}.switch{width:40px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:14px;height:14px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#3498db}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.footer{color:#fff;text-align:center;background-color:#2c3e50;margin-top:auto;padding:1.5rem 2rem;font-size:.8rem}