*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f4f6f9;font-family:sans-serif}header{color:#fff;background:#1a1a2e;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}header h1{font-size:18px}#logout-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:6px;padding:6px 14px}.container{max-width:1400px;margin:32px auto;padding:0 24px}.card{background:#fff;border-radius:10px;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #00000014}h2{color:#1a1a2e;margin-bottom:16px;font-size:16px}label{color:#555;margin-bottom:4px;font-size:13px;display:block}input,select{border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:12px;padding:9px 12px;font-size:14px}button{color:#fff;cursor:pointer;background:#1a1a2e;border:none;border-radius:6px;padding:10px 20px;font-size:14px}button:hover{opacity:.85}.btn-search{background:#2980b9}.error{color:#e74c3c;margin-top:8px;font-size:13px}table{border-collapse:collapse;width:100%;font-size:13px}th{color:#fff;text-align:left;background:#1a1a2e;padding:10px 12px}td{vertical-align:top;border-bottom:1px solid #eee;padding:9px 12px}tr:hover td{background:#f9f9f9}.badge{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.badge-pay{color:#1e8449;background:#d5f5e3}.badge-wait{color:#b7950b;background:#fef9e7}.badge-cancel{color:#922b21;background:#fadbd8}.pagination{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.pagination button{padding:6px 12px;font-size:13px}.pagination button.active{background:#2980b9}.pagination button:disabled{opacity:.4;cursor:default}.ev-list-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ev-total{color:#555;font-size:14px}.ev-total strong{color:#1a1a2e}.ev-page-info{color:#aaa;font-size:12px}.ev-row{cursor:pointer}.ev-row:hover td{background:#eaf4fb}.ev-row-name{align-items:center;gap:10px;display:flex}.ev-row-logo{object-fit:cover;background:#eee;border-radius:6px;flex-shrink:0;width:36px;height:36px}.ev-type-tag{color:#2980b9;background:#e8f4fd;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.back-btn{background:#7f8c8d;margin-bottom:16px;padding:7px 14px;font-size:13px}.row{gap:12px;display:flex}.row>*{flex:1}.sub-text{color:#888;font-size:12px}.btn-detail{background:#2980b9;padding:4px 10px;font-size:12px}.modal-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;flex-direction:column;width:92%;max-width:900px;max-height:90vh;display:flex;box-shadow:0 20px 60px #00000040}.modal-header{background:#1a1a2e;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.mh-left{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mh-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;overflow:hidden}.mh-meta{color:#aab;font-size:12px}.mh-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.badge-lg{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.modal-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:14px;display:flex}.modal-close:hover{opacity:1;background:#e74c3c}.modal-tabs{background:#fafafa;border-bottom:1px solid #eee;padding:0 24px;display:flex}.modal-tabs button{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:11px 18px;font-size:13px}.modal-tabs button.active{color:#2980b9;border-bottom-color:#2980b9;font-weight:700}.modal-tabs button:hover{opacity:1;color:#2980b9}.modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.m2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.m2col{grid-template-columns:1fr}}.msec-title{color:#2980b9;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:11px;font-weight:700}.kv-list{background:#f8f9fb;border:1px solid #eaecf0;border-radius:8px;overflow:hidden}.kv{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:baseline;gap:8px;padding:7px 12px;font-size:13px;display:flex}.kv:last-child{border-bottom:none}.kv span{color:#888;white-space:nowrap}.kv strong{color:#1a1a2e;text-align:right;word-break:break-all;font-weight:600}.mono{font-family:monospace;font-size:12px}.price-receipt{background:#f8f9fb;border:1px solid #eaecf0;border-radius:8px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.pr-row{color:#555;justify-content:space-between;font-size:13px;display:flex}.pr-minus{color:#e74c3c}.pr-divider{border-top:1px dashed #ddd;margin:4px 0}.pr-total{color:#1a1a2e;border-top:2px solid #1a1a2e;justify-content:space-between;margin-top:2px;padding-top:6px;font-size:16px;font-weight:700;display:flex}.tu-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.tu-card{background:#f8f9fb;border:1px solid #eaecf0;border-radius:10px;overflow:hidden}.tu-card-head{background:#1a1a2e;align-items:center;gap:8px;padding:8px 12px;display:flex}.tu-num{color:#aab;font-size:11px;font-weight:700}.tu-serial{color:#fff;flex:1;font-family:monospace;font-size:12px;font-weight:700}.tu-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.tu-card-body{flex-direction:column;gap:0;padding:10px 12px;display:flex}.tu-card-body .kv{border-bottom:1px solid #f0f0f0;padding:5px 0}.tu-card-body .kv:last-child{border-bottom:none}.fd-card{background:#f8f9fb;border:1px solid #eaecf0;border-radius:10px;overflow:hidden}.fd-card-head{color:#fff;background:#2980b9;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:flex}.fd-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0;padding:4px 0;display:grid}.fd-field{border-bottom:1px solid #f0f0f0;flex-direction:column;gap:2px;padding:8px 14px;display:flex}.fd-field span{color:#888;font-size:11px}.fd-field strong{color:#1a1a2e;word-break:break-all;font-size:13px}