*{box-sizing:border-box}html,body{height:100%}body{margin:0;font:16px/1.5 Arial;color:#1f2937;background:#f7f9fc}.wrap{max-width:1300px;margin:0 auto;padding:16px 20px 40px}.header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 12px}.brand{display:flex;align-items:center;gap:10px}.logo{width:36px;height:36px;border-radius:8px}.logo img{width:100%}.brand-title{font-size:20px;margin:0}.brand-sub{margin:2px 0 0;color:#6b7280;font-size:13px}.nav .pill{display:inline-block;padding:6px 10px;border-radius:999px;background:#eef2ff;border:1px solid #c7d2fe;color:#1e3a8a;font-size:12px;text-decoration:none;margin-left:10px}.nav .pill.active{background:#98a6e0}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.toolbar{display:grid;gap:12px;grid-template-columns:repeat(8,1fr);align-items:end;margin:12px 0 16px}.field{display:flex;flex-direction:column;gap:6px;grid-column:span 2}.field.sm{grid-column:span 1}label{font-size:12px;color:#6b7280}input[type=text],input[type=datetime-local],input[type=email],input[type=number],select,textarea{border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;background:#fff}.actions{display:flex;gap:10px;grid-column:span 2;justify-content:flex-end}.btn-primary{border:1px solid #1d4ed8;background:#2563eb;color:#fff;border-radius:8px;padding:8px 14px;cursor:pointer}.btn-ghost{border:1px solid #e5e7eb;background:#fff;color:#1f2937;border-radius:8px;padding:8px 14px;cursor:pointer}.btn-primary:active,.btn-ghost:active{transform:translateY(1px)}.grid{display:grid;gap:14px;grid-template-columns:repeat(12,1fr)}.card{grid-column:span 4;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.pr{color:#6b7280}.place{margin-top:4px}.list-empty{grid-column:1/-1;text-align:center;color:#6b7280;border:1px dashed #e5e7eb;border-radius:10px;padding:30px;background:#fff}.footer{margin:20px 0 6px;color:#6b7280;text-align:center;font-size:12px}.card{display:flex;flex-direction:column}.card-head{margin-bottom:6px}.card-body{margin-top:4px}.card-foot{margin-top:8px;display:flex;justify-content:flex-end}.btn-sm{padding:6px 10px;font-size:14px;border-radius:8px;text-decoration:none;display:inline-block}.list-empty{grid-column:1/-1;text-align:center;padding:28px;border:1px dashed #e5e7eb;border-radius:10px;background:#fff}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.chip{font-size:12px;background:#f3f4f6;color:#374151;padding:3px 8px;border-radius:999px;border:1px solid #e5e7eb}.chip-danger{background:#fee2e2;border-color:#fecaca;color:#991b1b}.card-title{margin:6px 0;font-size:18px}.place{margin-top:2px}.chip-status{font-size:12px;padding:3px 8px;border-radius:999px;border:1px solid #e5e7eb}.chip-active{background:#e6fffa;border-color:#99f6e4;color:#065f46}.chip-upcoming{background:#eef2ff;border-color:#c7d2fe;color:#1e3a8a}.chip-past{background:#f5f1d9;border-color:#bdae64;color:#374151}.chip-suspended{background:#fee2e2;border-color:#fecaca;color:#991b1b}.top{display:flex;flex-direction:column;gap:16px;align-items:stretch;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.top-banner{flex:0 0 520px;overflow:hidden;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.banner-track{display:flex;width:100%;transition:transform .5s ease}.banner-slide{flex:0 0 100%}.banner-slide img{width:100%;height:480px;object-fit:cover;display:block}.detail-title{margin:20px 0 8px;font-size:22px}.detail-actions{margin:30px 0}.detail-actions a{margin-right:10px;text-decoration:none}.table{width:100%;border-collapse:collapse;margin-top:10px;font-size:.95rem}.table th,.table td{border-bottom:1px solid #ccc;padding:6px 8px;text-align:left}.chip-green{background-color:#d4f8d4;color:#2a7b2a}.chip-yellow{background-color:#fff9c4;color:#8a6d00}.chip-red{background-color:#fcc;color:#a00000}.data-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;overflow:hidden;margin-top:20px}.data-table th{background-color:#f1f4f8;color:#333;text-align:left;padding:12px 16px;font-weight:600;font-size:.95rem;border-bottom:2px solid #e0e6ef}.data-table td{padding:12px 16px;border-bottom:1px solid #eee;font-size:.9rem;vertical-align:middle}.data-table tr:hover{background-color:#f8fbff}.data-table tr:last-child td{border-bottom:none}.dialog{display:flex;align-items:center;justify-content:center;position:fixed;inset:0}.dialog-panel{background:#fff;padding:20px;border-radius:10px;width:400px;box-shadow:0 2px 6px #00000014;max-height:70vh;overflow-y:auto}.dialog-control{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-bottom:15px}.dialog-actions{margin-top:10px;text-align:right}.error{color:#e74c3c;font-size:13px}.success{color:#27ae60;text-align:center;margin-top:10px}