@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";
*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{color:#222;background:#f5f7fb}header{color:#fff;background:#111;justify-content:space-between;align-items:center;padding:22px 40px;display:flex;box-shadow:0 5px 20px #00000026}.brand h1{margin-bottom:6px;font-size:30px}#live-state{color:#f5a623;font-size:14px}.back{color:#fff;border:2px solid #f5a623;border-radius:40px;padding:10px 20px;text-decoration:none;transition:all .3s}.back:hover{background:#f5a623}main{max-width:1400px;margin:35px auto;padding:0 20px}.toolbar{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:30px;display:flex}.control{background:#fff;border:1px solid #ddd;border-radius:12px;outline:none;padding:14px 16px;font-size:15px;transition:all .3s}.control:focus{border-color:#f5a623;box-shadow:0 0 0 3px #f5a62326}#search{flex:1;min-width:260px}.admin-key{flex-wrap:wrap;gap:12px;display:flex}.btn{color:#fff;cursor:pointer;background:#f5a623;border:none;border-radius:12px;padding:14px 22px;font-weight:600;transition:all .3s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000002e}.btn.secondary{background:#444}.statusbar{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:35px;display:grid}.stat{text-align:center;background:#fff;border-radius:18px;padding:25px;box-shadow:0 8px 25px #00000014}.stat strong{color:#f5a623;margin-bottom:8px;font-size:34px;display:block}.stat span{color:#777;font-size:15px}.panel{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px #00000014}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1200px}thead{color:#fff;background:#111}thead th{text-align:left;letter-spacing:.5px;padding:18px;font-size:14px}tbody td{vertical-align:top;border-bottom:1px solid #eee;padding:18px}tbody tr{transition:all .25s}tbody tr:hover{background:#fff8ef}strong{font-weight:600}.muted{color:#888;margin-top:4px;font-size:13px}.pill{color:#8a6400;background:#ffe8a3;border-radius:50px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-block}.pill.confirmed{color:#148a35;background:#d6f8de}.empty{text-align:center;color:#999;padding:70px 20px;font-size:18px}.table-wrap::-webkit-scrollbar{height:8px}.table-wrap::-webkit-scrollbar-thumb{background:#f5a623;border-radius:20px}@media (max-width:900px){header{text-align:center;flex-direction:column;gap:20px}.toolbar{flex-direction:column;align-items:stretch}.admin-key{flex-direction:column}.control,.btn{width:100%}.statusbar{grid-template-columns:1fr 1fr}}@media (max-width:600px){.statusbar{grid-template-columns:1fr}.brand h1{font-size:24px}thead th,tbody td{padding:14px;font-size:13px}}