body{font-family:system-ui,Arial,sans-serif;margin:0;color:#222;background:#f6f8fb}
.header{display:flex;justify-content:space-between;align-items:center;background:#0b5ed7;color:#fff;padding:10px 14px}
.header a{color:#fff;text-decoration:none}
.nav a{margin:0 6px}
.badge{background:#ff4d4f;color:#fff;padding:3px 6px;border-radius:12px;margin-right:8px}
.main{display:flex;gap:16px;padding:16px}
.left-panel,.right-panel{flex:1}
.card{border:1px solid #e6e6e6;background:#fff;padding:12px;border-radius:8px}
.container{padding:16px}
.tile{border:1px solid #e6e6e6;background:#fff;padding:10px;border-radius:8px;margin:8px 0}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.tabs{display:flex;gap:8px;margin-bottom:8px}
.tab{padding:6px 10px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer}
.tab.active{background:#0b5ed7;color:#fff;border-color:#0b5ed7}
.btn{display:inline-block;padding:6px 10px;border:1px solid #0b5ed7;color:#0b5ed7;border-radius:6px;text-decoration:none;background:#fff}
.footer{padding:12px;text-align:center;color:#888;border-top:1px solid #eee;background:#fff}
.auth{display:flex;align-items:center;justify-content:center;min-height:100vh}
.login-card{background:#fff;padding:20px;border:1px solid #eee;border-radius:10px;width:320px}
.login-card input{width:100%;padding:8px;margin:4px 0 10px}
.login-card button{width:100%;padding:10px;background:#0b5ed7;color:#fff;border:0;border-radius:6px;cursor:pointer}
.error{background:#ffeaea;border:1px solid #ffb3b3;color:#a10000;padding:8px;border-radius:6px;margin-bottom:8px}
label{display:block;margin:6px 0 2px}
.mt{margin-top:10px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.table{width:100%;border-collapse:collapse;background:#fff}
.table th,.table td{border:1px solid #eee;padding:6px}
.small{padding:4px 8px;font-size:12px}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:9998;display:flex;align-items:flex-start;justify-content:center;padding-top:80px}
.modal-card{background:#fff;padding:16px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.25);width:520px;max-width:90%}
.modal-float{position:fixed;right:20px;bottom:20px;width:320px;background:#fff;border:1px solid #ddd;padding:12px;box-shadow:0 6px 24px rgba(0,0,0,.15);z-index:9999}
.listbox{max-height:300px;overflow:auto;border:1px solid #eee;padding:8px;background:#fff}
.soundgate{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;background:#0b5ed7;color:#fff;padding:8px 12px;border-radius:8px;z-index:9999;cursor:pointer}
.video{width:240px;border:1px solid #ddd}