:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#f0f2f5;color:#333;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}#app{width:100%;height:100%;position:relative;overflow:hidden}.info-sidebar{position:absolute;top:60px;right:20px;width:300px;max-height:80vh;background:#fffffff2;box-shadow:0 4px 12px #00000026;border-radius:12px;padding:20px;z-index:1000;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.info-sidebar h2{margin-top:0;margin-bottom:15px;font-size:1.5em;color:#1a1a1a;border-bottom:2px solid #eee;padding-bottom:10px}.student-list-content{overflow-y:auto;flex:1}.student-item{margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed #eee}.student-item:last-child{border-bottom:none}.student-name{font-weight:700;font-size:1.1em}.student-school{color:#555}.student-city{color:#888;font-size:.9em}.placeholder{color:#999;font-style:italic;text-align:center;margin-top:20px}@media(max-width:768px){.info-sidebar{inset:auto 0 0;width:100%;max-height:40vh;border-radius:16px 16px 0 0;box-shadow:0 -4px 12px #0000001a;padding:15px;box-sizing:border-box}.info-sidebar h2{font-size:1.25em;margin-bottom:10px;text-align:center}}