body { font-family: Arial, sans-serif; background: #1a1a2e; color: #eee; margin:0; padding:0; text-align:center; }
.container { background: #222; border-radius: 10px; padding: 20px; max-width: 900px; margin: 40px auto; }
h1, h2 { text-shadow: 0 0 5px rgba(0,0,0,0.7); }
button { font-size: 1.8rem; margin: 1rem; padding: 0.8rem 1.2rem; border:none; border-radius:8px; background: #d83450; color:#fff; cursor:pointer; }
button:hover { background: #ff4560; }
input, select { font-size: 1.6rem; padding: 0.6rem; margin: 0.5rem; border-radius:6px; border:1px solid #444; }
.list-item, .ticket { background:#333; border-radius:8px; padding:12px; margin:12px 0; font-size:1.4rem; }
.office-box { display:flex; justify-content:space-around; flex-wrap:wrap; margin-bottom:2rem; padding:0 1rem; }
.office { flex:1; min-width:180px; max-width:300px; margin:0.5rem; padding:1.5rem; border-radius:16px; color:#fff; text-align:center; transition:transform 0.3s, box-shadow 0.3s; box-shadow:0 4px 12px rgba(0,0,0,0.3); }
.office h3 { font-size:1.8rem; margin-bottom:0.5rem; }
.office span { font-size:4rem; font-weight:bold; }
.office-1 { background: #4caf50; }
.office-2 { background: #2196f3; }
.office-3 { background: #ffb300; }
.highlight { animation: pulse 0.8s ease-out; }
@keyframes pulse { 0%{transform:scale(1);box-shadow:0 0 0 rgba(255,255,255,0.7);}50%{transform:scale(1.1);box-shadow:0 0 20px rgba(255,255,255,0.7);}100%{transform:scale(1);box-shadow:0 0 0 rgba(255,255,255,0.7);} }
table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
th, td { border: 1px solid #444; padding: 0.6rem; font-size: 1.4rem; }
thead { background: #333; }
tbody tr:nth-child(even) { background: #2a2a2a; }