@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f7fa}.admin-bg[data-v-03e536c8]{--spq-primary: #1e4fb4;--spq-primary-600: #1a45a0;--spq-accent: #f59e0b;--spq-bg: #0a0f1c;--spq-card: #0b1220;--spq-text: #e5e7eb;--spq-subtle: #cbd5e1;--spq-border: #334155;background:linear-gradient(135deg,#1e5bb8,#2d7dd2,#4a90e2);color:#fff;font-family:Kanit,system-ui,-apple-system,sans-serif;position:relative;overflow-x:hidden;--spq-ring: rgba(56, 189, 248, .25);--spq-shadow: 0 16px 42px rgba(0,0,0,.45);--spq-shadow-strong: 0 20px 56px rgba(0,0,0,.55);--spq-danger: #f87171;--spq-danger-bg: #2a0f12;min-height:100vh;color:var(--spq-text);background:radial-gradient(1200px 600px at 10% -10%,rgba(34,197,94,.05),transparent),linear-gradient(135deg,#061634,#0e2961 55%,#123777),var(--spq-bg);font-family:Kanit,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;display:flex;flex-direction:column}.admin-header[data-v-03e536c8]{display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,#0c2c66,#0a2250);color:#fff;padding:16px 20px;box-shadow:0 10px 28px #00000059;border-bottom:1px solid rgba(255,255,255,.06)}.logo-title[data-v-03e536c8]{display:flex;align-items:center;gap:12px}.logo[data-v-03e536c8]{width:40px;height:40px;border-radius:10px;object-fit:cover}.title[data-v-03e536c8]{font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:.2px;text-shadow:0 1px 0 rgba(0,0,0,.25)}.admin-content[data-v-03e536c8]{width:100%;max-width:1040px;margin:24px auto 0;padding:0 16px;flex:1;display:grid;place-items:start center}.login-card[data-v-03e536c8]{width:100%;max-width:440px;margin:52px auto 32px;background:#ffffff1a;color:#fff;border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d;padding:32px 28px 28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .25s ease,transform .08s ease}.login-card[data-v-03e536c8]:hover{box-shadow:var(--spq-shadow-strong)}.card-title[data-v-03e536c8]{width:100%;text-align:center;font-size:1.5rem;margin:4px 0 18px;color:#fff;font-weight:800}.card-title[data-v-03e536c8]:after{content:"";display:block;width:64px;height:3px;margin:10px auto 0;background:linear-gradient(90deg,var(--spq-accent),transparent);border-radius:999px}.login-form[data-v-03e536c8]{width:100%;display:flex;flex-direction:column;gap:10px}.login-form label[data-v-03e536c8]{font-size:.95rem;color:#dbeafe;margin-top:6px;font-weight:600}.login-form input[data-v-03e536c8]{width:100%;padding:12px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:10px;font-size:1rem;outline:none;transition:border-color .15s,box-shadow .15s,background .15s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.login-form input[data-v-03e536c8]::placeholder{color:#fff9}.login-form input[data-v-03e536c8]:hover{border-color:#fff6}.login-form input[data-v-03e536c8]:focus{border-color:#4a90e2;box-shadow:0 0 0 4px #4a90e240}.login-form input.invalid[data-v-03e536c8]{border-color:var(--spq-danger);background:var(--spq-danger-bg)}.password-wrap[data-v-03e536c8]{position:relative;display:flex;align-items:center}.password-wrap input[data-v-03e536c8]{padding-right:88px}button.toggle[data-v-03e536c8]{position:absolute;right:8px;height:34px;top:50%;transform:translateY(-50%);padding:0 12px;border-radius:8px;border:1px solid #1f2937;background:#0f172a;color:var(--spq-text);font-weight:600;transition:background .15s,border-color .15s,transform .06s}button.toggle[data-v-03e536c8]:hover{background:#131c31}button.toggle[data-v-03e536c8]:active{transform:translateY(calc(-50% + 1px))}.err[data-v-03e536c8]{color:var(--spq-danger);font-size:.9rem;margin:2px 2px 6px}.form-row[data-v-03e536c8]{display:flex;align-items:center;justify-content:space-between;margin:8px 2px 2px;gap:8px}.remember[data-v-03e536c8]{display:flex;align-items:center;gap:8px;color:#cbd5e1;font-size:.95rem;cursor:pointer;white-space:nowrap}.remember input[type=checkbox][data-v-03e536c8]{margin:0;width:16px;height:16px;flex-shrink:0}.remember span[data-v-03e536c8]{line-height:1}.muted-link[data-v-03e536c8]{font-size:.92rem;color:var(--spq-subtle);text-decoration:underline;cursor:pointer}.muted-link[data-v-03e536c8]:hover{color:#93c5fd}button.primary[data-v-03e536c8]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(180deg,var(--spq-primary) 0%,var(--spq-primary-600) 100%);color:#fff;border:none;padding:12px 18px;border-radius:12px;font-weight:800;font-size:1rem;width:100%;margin-top:12px;letter-spacing:.2px;transition:transform .06s ease,box-shadow .2s,filter .15s,background .2s;box-shadow:0 12px 30px #113fa373,inset 0 0 0 1px #ffffff1f}button.primary[data-v-03e536c8]:hover{filter:brightness(1.05);box-shadow:0 14px 34px #113fa38c}button.primary[data-v-03e536c8]:active{transform:translateY(1px)}button.primary[data-v-03e536c8]:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;filter:grayscale(.1) brightness(.96)}.admin-footer[data-v-03e536c8]{text-align:center;color:#c7d2fe;font-size:.95rem;padding:16px 0 22px}@media (max-width: 640px){.title[data-v-03e536c8]{font-size:1.12rem}.logo[data-v-03e536c8]{width:34px;height:34px}.login-card[data-v-03e536c8]{margin:28px auto 20px;padding:22px 16px 18px;border-radius:14px}.card-title[data-v-03e536c8]{font-size:1.3rem}.login-form input[data-v-03e536c8]{padding:11px 12px;font-size:.98rem}button.primary[data-v-03e536c8]{padding:11px 16px}}@media (min-width: 1024px){.card-title[data-v-03e536c8]{font-size:1.6rem}}@media (prefers-reduced-motion: reduce){.login-card[data-v-03e536c8],.login-form input[data-v-03e536c8],button.primary[data-v-03e536c8],button.toggle[data-v-03e536c8]{transition:none}}.admin-bg[data-v-fe2a47cc]{min-height:100vh;background:linear-gradient(135deg,#0b3d91,#1e5bb8);font-family:Kanit,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;display:flex;flex-direction:column}.admin-header[data-v-fe2a47cc]{display:flex;justify-content:space-between;align-items:center;background:#fffffffa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:0 0 20px 20px;padding:24px 32px;margin-bottom:32px;box-shadow:0 12px 40px #00000026;border:1px solid rgba(255,255,255,.3)}.logo-title[data-v-fe2a47cc]{display:flex;align-items:flex-start;gap:16px}.logo[data-v-fe2a47cc]{width:40px;height:40px;border-radius:10px;flex-shrink:0}.title-info[data-v-fe2a47cc]{display:flex;flex-direction:column;gap:4px}.title[data-v-fe2a47cc]{font-size:1.8rem;font-weight:700;letter-spacing:.5px;color:#0b3d91;margin:0;line-height:1.2}.station-name[data-v-fe2a47cc]{font-size:1.1rem;font-weight:600;color:#0b3d91;margin:0;opacity:.9;line-height:1.3}.client-link[data-v-fe2a47cc]{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:12px 24px;background:linear-gradient(135deg,#0b3d91,#1e5bb8);color:#fff;text-decoration:none;border-radius:12px;font-size:.95rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #0b3d914d;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;align-self:flex-start;line-height:1.4}.client-link[data-v-fe2a47cc]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.client-link[data-v-fe2a47cc]:hover:before{left:100%}.client-link[data-v-fe2a47cc]:hover{background:linear-gradient(135deg,#1e5bb8,#0b3d91);transform:translateY(-2px);box-shadow:0 8px 25px #0b3d9166;border-color:#ffffff4d;text-decoration:none}.client-link[data-v-fe2a47cc]:active{transform:translateY(0);box-shadow:0 4px 15px #0b3d914d;text-decoration:none}.external-icon[data-v-fe2a47cc]{font-size:.8rem;opacity:.8;margin-left:4px;transition:opacity .2s ease}.client-link:hover .external-icon[data-v-fe2a47cc]{opacity:1}.user-info[data-v-fe2a47cc]{display:flex;align-items:center;gap:16px;color:#0b3d91;font-weight:500}.logout-btn[data-v-fe2a47cc]{background:#0b3d91;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0b3d914d;font-size:.9rem}.logout-btn[data-v-fe2a47cc]:hover{background:#1e5bb8;transform:translateY(-1px);box-shadow:0 4px 12px #0b3d9166}.admin-content[data-v-fe2a47cc]{max-width:1200px;margin:0 auto;flex:1;width:100%;padding:0 24px}.view-controls[data-v-fe2a47cc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:28px 36px;background:#fffffffa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;box-shadow:0 12px 40px #00000026;border:1px solid rgba(255,255,255,.3)}.view-toggle[data-v-fe2a47cc]{display:flex;gap:12px}.toggle-btn[data-v-fe2a47cc]{padding:14px 24px;border:2px solid #e1e6ef;background:#fff;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #0000001a;font-size:.95rem}.toggle-btn.active[data-v-fe2a47cc]{background:#0b3d91;color:#fff;border-color:#0b3d91;box-shadow:0 4px 12px #0b3d914d;transform:translateY(-1px);font-weight:700}.toggle-btn[data-v-fe2a47cc]:hover:not(.active){background:#f0f4fa;transform:translateY(-1px);box-shadow:0 4px 12px #00000026;border-color:#0b3d91}.today-info[data-v-fe2a47cc]{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:#0b3d91;font-weight:500;gap:20px}.today-stats[data-v-fe2a47cc]{display:flex;flex-direction:column;text-align:right;gap:4px}.queue-count[data-v-fe2a47cc]{font-weight:700;color:#0b3d91;font-size:1.1rem}.card[data-v-fe2a47cc]{background:#fffffffa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;box-shadow:0 12px 40px #00000026;border:1px solid rgba(255,255,255,.3);padding:36px;margin-bottom:32px}.card h2[data-v-fe2a47cc]{margin-top:0;font-size:1.6rem;color:#0b3d91;font-weight:700;margin-bottom:28px;line-height:1.3}.calendar-header[data-v-fe2a47cc]{margin-bottom:28px}.calendar-controls[data-v-fe2a47cc]{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.calendar-nav[data-v-fe2a47cc]{display:flex;align-items:center;gap:20px}.nav-btn[data-v-fe2a47cc]{background:#0b3d91;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #0b3d914d;font-size:.9rem}.nav-btn[data-v-fe2a47cc]:hover{background:#1e5bb8;transform:translateY(-1px);box-shadow:0 4px 12px #0b3d9166;font-weight:700}.current-month[data-v-fe2a47cc]{font-size:1.3rem;font-weight:700;color:#0b3d91;line-height:1.2}.calendar-grid[data-v-fe2a47cc]{border:1px solid rgba(11,61,145,.2);border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #0000001a}.calendar-weekdays[data-v-fe2a47cc]{display:grid;grid-template-columns:repeat(7,1fr);background:#0b3d91;border-radius:16px 16px 0 0}.weekday[data-v-fe2a47cc]{padding:16px 12px;text-align:center;font-weight:700;color:#fff;border-right:1px solid rgba(255,255,255,.2);font-size:.9rem}.weekday[data-v-fe2a47cc]:last-child{border-right:none;border-radius:0 16px 0 0}.calendar-days[data-v-fe2a47cc]{display:grid;grid-template-columns:repeat(7,1fr);background:#0b3d910d;border-radius:0 0 16px 16px}.calendar-day[data-v-fe2a47cc]{min-height:90px;padding:12px;border-right:1px solid rgba(11,61,145,.2);border-bottom:1px solid rgba(11,61,145,.2);cursor:pointer;transition:all .3s;position:relative;background:#fff}.calendar-day[data-v-fe2a47cc]:hover{background:#0b3d911a;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a;border-color:#0b3d91}.calendar-day.selected[data-v-fe2a47cc]{background:#0b3d9133;border-color:#0b3d91;box-shadow:0 6px 16px #0b3d914d;transform:translateY(-1px)}.calendar-day.today[data-v-fe2a47cc]{background:#ffd93d;color:#0b3d91;font-weight:700;box-shadow:0 4px 12px #ffd93d4d;transform:translateY(-1px)}.calendar-day.other-month[data-v-fe2a47cc]{color:#ccc;background:#fafafa;opacity:.6}.calendar-day.has-reservations[data-v-fe2a47cc]{background:#0b3d9126;border-left:4px solid #0B3D91;box-shadow:0 2px 8px #0b3d9133}.calendar-day.has-reservations.today[data-v-fe2a47cc]{background:#ffd93d;color:#0b3d91;font-weight:700;border-left:4px solid #0B3D91;box-shadow:0 4px 12px #ffd93d4d;transform:translateY(-1px)}.date-number[data-v-fe2a47cc]{font-weight:700;display:block;margin-bottom:6px;color:#0b3d91;font-size:1.1rem}.reservations-indicator[data-v-fe2a47cc]{font-size:.85rem;color:#0b3d91;font-weight:700;background:#0b3d911a;padding:2px 6px;border-radius:4px;display:inline-block}.today-indicator[data-v-fe2a47cc]{position:absolute;top:4px;right:4px;background:#ffd93d;border-radius:4px;padding:2px 6px}.today-indicator .today-text[data-v-fe2a47cc]{font-size:.6rem;font-weight:700;color:#0b3d91}.today-indicator .today-count[data-v-fe2a47cc]{font-size:.6rem;font-weight:700;color:#0b3d91;margin-left:4px;display:inline-block}.selected-date-details[data-v-fe2a47cc]{margin-top:28px;padding-top:24px;border-top:1px solid rgba(11,61,145,.2)}.selected-date-header[data-v-fe2a47cc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.selected-date-details h3[data-v-fe2a47cc]{color:#0b3d91;font-weight:700;margin:0;font-size:1.4rem;line-height:1.3}.no-reservations[data-v-fe2a47cc]{color:#0b3d91;font-style:italic;padding:24px;text-align:center;background:#0b3d910d;border-radius:12px;font-weight:500;font-size:1.1rem}.no-reservations-content[data-v-fe2a47cc]{display:flex;flex-direction:column;align-items:center;gap:16px}.reservations-list[data-v-fe2a47cc]{display:flex;flex-direction:column;gap:20px}.reservation-item[data-v-fe2a47cc]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#0b3d910d;border-radius:16px;border-left:4px solid #0B3D91;box-shadow:0 4px 12px #0000001a;transition:all .3s}.queue-info[data-v-fe2a47cc]{display:flex;flex-direction:column;gap:8px}.queue-number[data-v-fe2a47cc]{font-weight:700;color:#0b3d91;font-size:1.3rem;line-height:1.2}.time-slot[data-v-fe2a47cc]{color:#0b3d91;font-size:.95rem;font-weight:600;line-height:1.3}.citizen-info[data-v-fe2a47cc]{display:flex;flex-direction:column;gap:8px}.phone[data-v-fe2a47cc]{color:#0b3d91;font-size:.95rem;font-weight:600;line-height:1.3}.table-header[data-v-fe2a47cc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.table-controls[data-v-fe2a47cc]{display:flex;gap:20px;align-items:center}.date-filter[data-v-fe2a47cc],.status-filter[data-v-fe2a47cc]{padding:12px 20px;border:1px solid rgba(11,61,145,.2);border-radius:10px;font-size:.95rem;background:#fff;color:#0b3d91;font-weight:600;box-shadow:0 2px 8px #0000001a}.table-responsive[data-v-fe2a47cc]{width:100%;overflow-x:auto;border-radius:16px;box-shadow:0 6px 20px #0000001a}.modern-table[data-v-fe2a47cc]{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #0000001a}.modern-table th[data-v-fe2a47cc],.modern-table td[data-v-fe2a47cc]{text-align:left;padding:20px 24px;border-bottom:1px solid rgba(11,61,145,.1)}.modern-table th[data-v-fe2a47cc]{background:#0b3d91;font-weight:700;color:#fff;font-size:.95rem}.sortable[data-v-fe2a47cc]{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;position:relative}.sortable[data-v-fe2a47cc]:hover{background:#ffffff1a!important;transform:translateY(-1px)}.modern-table tr:last-child td[data-v-fe2a47cc]{border-bottom:none;border-radius:0 0 16px 16px}.modern-table tr[data-v-fe2a47cc]:hover{background:#0b3d910d;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.queue-number-cell[data-v-fe2a47cc]{font-weight:700;color:#0b3d91;font-size:1.3rem;line-height:1.2}.citizen-name[data-v-fe2a47cc]{font-weight:700;color:#0b3d91;font-size:1.1rem;line-height:1.3}.case-id[data-v-fe2a47cc]{font-weight:600;color:#666;font-size:1rem;font-family:Courier New,monospace}.status-badge[data-v-fe2a47cc]{padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:700;text-transform:none;letter-spacing:normal;display:inline-block;text-align:center;min-width:80px;white-space:nowrap;line-height:1.2}.status-badge.reserved[data-v-fe2a47cc]{background:#0b3d911a;color:#0b3d91;border:1px solid rgba(11,61,145,.2);font-size:.9rem}.status-badge.serving[data-v-fe2a47cc]{background:#ffd93d;color:#0b3d91;border:1px solid rgba(255,217,61,.3);box-shadow:0 2px 8px #ffd93d4d;font-size:.9rem}.status-badge.completed[data-v-fe2a47cc]{background:#0b3d911a;color:#0b3d91;border:1px solid rgba(11,61,145,.2);font-size:.9rem}.status-badge.cancelled[data-v-fe2a47cc]{background:#d32f2f1a;color:#d32f2f;border:1px solid rgba(211,47,47,.2);font-size:.9rem}.status-badge.no_show[data-v-fe2a47cc]{background:#ff98001a;color:#ff9800;border:1px solid rgba(255,152,0,.2);font-size:.9rem}.form-grid[data-v-fe2a47cc]{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;align-items:end}.form-grid .full[data-v-fe2a47cc]{grid-column:1 / -1;margin-top:8px}.form-grid label[data-v-fe2a47cc]{font-weight:700;margin-bottom:8px;display:block;color:#0b3d91;font-size:1.05rem;line-height:1.3}.form-grid input[data-v-fe2a47cc],.form-grid select[data-v-fe2a47cc],.form-grid textarea[data-v-fe2a47cc]{width:100%;padding:14px 20px;border:1px solid rgba(11,61,145,.2);border-radius:10px;font-size:1rem;margin-top:2px;color:#0b3d91;font-weight:600;box-shadow:0 2px 8px #0000001a;transition:all .3s}.form-grid textarea[data-v-fe2a47cc]{resize:vertical;font-family:inherit;min-height:100px}.actions[data-v-fe2a47cc]{display:flex;gap:20px;margin-top:24px}button.primary[data-v-fe2a47cc]{background:#0b3d91;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #0b3d914d;font-size:1rem}button.primary[data-v-fe2a47cc]:hover{background:#1e5bb8;transform:translateY(-2px);box-shadow:0 6px 16px #0b3d9166}button.secondary[data-v-fe2a47cc]{background:#fff;border:1px solid rgba(11,61,145,.2);padding:14px 28px;border-radius:10px;color:#0b3d91;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #0000001a;font-size:1rem}button.secondary[data-v-fe2a47cc]:hover{background:#0b3d910d;transform:translateY(-2px);box-shadow:0 6px 16px #00000026;border-color:#0b3d91}.time-slot-chips[data-v-fe2a47cc]{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.time-slot-chip[data-v-fe2a47cc]{background:#0b3d911a;color:#0b3d91;border:2px solid rgba(11,61,145,.2);border-radius:12px;padding:12px 20px;font-weight:700;cursor:pointer;transition:all .3s;font-size:.9rem;min-width:120px;text-align:center}.time-slot-chip[data-v-fe2a47cc]:hover{background:#0b3d9133;border-color:#0b3d91;transform:translateY(-2px);box-shadow:0 4px 12px #0b3d914d}.time-slot-chip.active[data-v-fe2a47cc]{background:#0b3d91;color:#fff;border-color:#0b3d91;box-shadow:0 4px 12px #0b3d9166}.time-slot-chip.disabled[data-v-fe2a47cc]{background:#f3f4f6;color:#9ca3af;border-color:#d1d5db;cursor:not-allowed;opacity:.6}.time-slot-chip.disabled[data-v-fe2a47cc]:hover{background:#f3f4f6;border-color:#d1d5db;transform:none;box-shadow:none}.booked-indicator[data-v-fe2a47cc]{font-size:.75rem;color:#ef4444;font-weight:600}.date-picker-container[data-v-fe2a47cc]{position:relative}.date-picker-wrapper[data-v-fe2a47cc]{position:relative;display:flex;align-items:center}.date-picker-input[data-v-fe2a47cc]{width:100%;padding:16px 20px;border:2px solid rgba(11,61,145,.2);border-radius:12px;font-size:1rem;font-weight:600;color:#0b3d91;background:#fff;transition:all .3s ease;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.date-picker-input[data-v-fe2a47cc]::-webkit-calendar-picker-indicator{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:transparent;cursor:pointer;z-index:2}.date-picker-input[data-v-fe2a47cc]::-webkit-datetime-edit{padding-right:40px}.date-picker-input[data-v-fe2a47cc]:focus{outline:none;border-color:#0b3d91;box-shadow:0 0 0 3px #0b3d911a;transform:translateY(-2px)}.date-picker-input[data-v-fe2a47cc]:hover{border-color:#0b3d91;box-shadow:0 4px 12px #0b3d9126}.date-picker-icon[data-v-fe2a47cc]{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#0b3d91;pointer-events:none;z-index:1;opacity:.7}.date-picker-input:focus+.date-picker-icon[data-v-fe2a47cc]{opacity:1;color:#0b3d91}.modal-overlay[data-v-fe2a47cc]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content[data-v-fe2a47cc]{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn-fe2a47cc .3s ease-out}@keyframes modalSlideIn-fe2a47cc{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-fe2a47cc]{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid rgba(11,61,145,.1);background:linear-gradient(135deg,#0b3d91,#1e5bb8);color:#fff;border-radius:20px 20px 0 0}.modal-header h3[data-v-fe2a47cc]{margin:0;font-size:1.5rem;font-weight:700}.close-btn[data-v-fe2a47cc]{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.close-btn[data-v-fe2a47cc]:hover{background:#fff3;transform:rotate(90deg)}.modal-body[data-v-fe2a47cc]{padding:32px}.add-reservation-btn[data-v-fe2a47cc]{background:linear-gradient(135deg,#0b3d91,#1e5bb8);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0b3d914d;font-size:.9rem}.add-reservation-btn[data-v-fe2a47cc]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0b3d9166}.add-reservation-btn span[data-v-fe2a47cc]:first-child{font-size:1.2rem;font-weight:900}.no-data[data-v-fe2a47cc]{text-align:center;padding:40px 20px}.no-data-content[data-v-fe2a47cc]{display:flex;flex-direction:column;align-items:center;gap:20px}.no-data-content span[data-v-fe2a47cc]{font-size:1.1rem}.date-actions[data-v-fe2a47cc]{display:flex;flex-direction:column;gap:16px;padding:20px 0}.action-btn[data-v-fe2a47cc]{display:flex;align-items:center;gap:16px;padding:20px 24px;border:2px solid rgba(11,61,145,.2);border-radius:16px;background:#fff;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.action-btn[data-v-fe2a47cc]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.action-btn span[data-v-fe2a47cc]{font-size:2rem;width:40px;text-align:center}.action-btn div[data-v-fe2a47cc]{flex:1}.action-btn strong[data-v-fe2a47cc]{display:block;font-size:1.1rem;font-weight:700;color:#0b3d91;margin-bottom:4px}.action-btn small[data-v-fe2a47cc]{display:block;font-size:.9rem;color:#666;font-weight:500}.view-btn[data-v-fe2a47cc]:hover,.book-btn[data-v-fe2a47cc]:hover{border-color:#0b3d91;background:#0b3d910d}.reservations-modal[data-v-fe2a47cc]{max-width:800px;max-height:90vh}.modal-actions[data-v-fe2a47cc]{display:flex;gap:8px;align-items:center}.refresh-btn[data-v-fe2a47cc]{background:#0b3d911a;color:#0b3d91;border:1px solid rgba(11,61,145,.2);border-radius:8px;padding:8px 12px;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.refresh-btn[data-v-fe2a47cc]:hover{background:#0b3d9133;transform:translateY(-1px);box-shadow:0 2px 8px #0b3d9133}.refresh-btn[data-v-fe2a47cc]:active{transform:rotate(180deg);transition:transform .3s ease}.refresh-btn[data-v-fe2a47cc]:disabled{opacity:.6;cursor:not-allowed}.spinning[data-v-fe2a47cc]{animation:spin-fe2a47cc 1s linear infinite}@keyframes spin-fe2a47cc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-reservations-modal[data-v-fe2a47cc]{text-align:center;padding:40px 20px}.reservations-list-modal[data-v-fe2a47cc]{max-height:60vh;overflow-y:auto}.reservations-header[data-v-fe2a47cc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(11,61,145,.1)}.reservations-count[data-v-fe2a47cc]{font-size:1.1rem;font-weight:700;color:#0b3d91}.reservations-grid[data-v-fe2a47cc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.reservation-card[data-v-fe2a47cc]{background:#fff;border:1px solid rgba(11,61,145,.1);border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.reservation-card[data-v-fe2a47cc]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#0b3d91}.reservation-header[data-v-fe2a47cc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.reservation-header .queue-number[data-v-fe2a47cc]{font-size:1.2rem;font-weight:900;color:#0b3d91;font-family:Kanit,system-ui,-apple-system,sans-serif}.reservation-body[data-v-fe2a47cc]{margin-bottom:16px}.time-slot[data-v-fe2a47cc]{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem;color:#666}.time-icon[data-v-fe2a47cc]{font-size:1rem}.citizen-info[data-v-fe2a47cc]{display:flex;flex-direction:column;gap:4px}.citizen-info strong[data-v-fe2a47cc]{font-size:1rem;color:#0b3d91;font-weight:700}.citizen-info .phone[data-v-fe2a47cc],.citizen-info .case-id[data-v-fe2a47cc]{font-size:.85rem;color:#666;font-family:Courier New,monospace;font-weight:600}.reservation-actions[data-v-fe2a47cc]{display:flex;gap:8px}.reservation-actions .edit-btn[data-v-fe2a47cc],.reservation-actions .cancel-btn[data-v-fe2a47cc]{flex:1;padding:8px 16px;font-size:.85rem;border-radius:8px;font-weight:700;transition:all .3s ease}.reservation-actions .edit-btn[data-v-fe2a47cc]{background:#0b3d911a;color:#0b3d91;border:1px solid rgba(11,61,145,.2)}.reservation-actions .edit-btn[data-v-fe2a47cc]:hover{background:#0b3d9133;transform:translateY(-1px)}.reservation-actions .cancel-btn[data-v-fe2a47cc]{background:#d32f2f1a;color:#d32f2f;border:1px solid rgba(211,47,47,.2)}.reservation-actions .cancel-btn[data-v-fe2a47cc]:hover{background:#d32f2f33;transform:translateY(-1px)}.notification-container[data-v-fe2a47cc]{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px}.notification[data-v-fe2a47cc]{display:flex;align-items:center;padding:16px 20px;border-radius:12px;box-shadow:0 4px 20px #00000026;cursor:pointer;transition:all .3s ease;animation:slideIn-fe2a47cc .3s ease-out;min-width:300px;max-width:400px}.notification[data-v-fe2a47cc]:hover{transform:translate(-4px);box-shadow:0 6px 25px #0003}.notification-success[data-v-fe2a47cc]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-left:4px solid #047857}.notification-error[data-v-fe2a47cc]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-left:4px solid #b91c1c}.notification-warning[data-v-fe2a47cc]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-left:4px solid #b45309}.notification-info[data-v-fe2a47cc]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-left:4px solid #1d4ed8}.notification-icon[data-v-fe2a47cc]{font-size:20px;font-weight:700;margin-right:12px;flex-shrink:0}.notification-content[data-v-fe2a47cc]{flex:1}.notification-message[data-v-fe2a47cc]{margin:0;font-size:14px;font-weight:500;line-height:1.4}.notification-close[data-v-fe2a47cc]{background:none;border:none;color:inherit;font-size:18px;font-weight:700;cursor:pointer;padding:4px;margin-left:8px;border-radius:4px;transition:background-color .2s;flex-shrink:0}.notification-close[data-v-fe2a47cc]:hover{background-color:#fff3}@keyframes slideIn-fe2a47cc{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.notification-container[data-v-fe2a47cc]{top:10px;right:10px;left:10px;max-width:none}.notification[data-v-fe2a47cc]{min-width:auto;max-width:none}.modal-content[data-v-fe2a47cc]{width:95%;margin:20px;max-height:95vh}.modal-header[data-v-fe2a47cc]{padding:20px 24px}.modal-header h3[data-v-fe2a47cc]{font-size:1.3rem}.modal-body[data-v-fe2a47cc]{padding:24px}.time-slot-chips[data-v-fe2a47cc]{gap:8px}.time-slot-chip[data-v-fe2a47cc]{min-width:100px;padding:10px 16px;font-size:.8rem}.calendar-controls[data-v-fe2a47cc],.selected-date-header[data-v-fe2a47cc]{flex-direction:column;gap:16px;align-items:stretch}.no-reservations-content[data-v-fe2a47cc]{gap:12px}.today-info[data-v-fe2a47cc]{flex-direction:column;align-items:stretch;gap:16px}.today-stats[data-v-fe2a47cc]{text-align:center}.date-picker-input[data-v-fe2a47cc]{padding:12px 16px;font-size:.9rem}.date-picker-input[data-v-fe2a47cc]::-webkit-calendar-picker-indicator{right:12px;width:18px;height:18px}.date-picker-input[data-v-fe2a47cc]::-webkit-datetime-edit{padding-right:35px}.date-picker-icon[data-v-fe2a47cc]{right:12px}.date-picker-icon svg[data-v-fe2a47cc]{width:18px;height:18px}.action-btn[data-v-fe2a47cc]{padding:16px 20px}.action-btn span[data-v-fe2a47cc]{font-size:1.5rem;width:30px}.action-btn strong[data-v-fe2a47cc]{font-size:1rem}.action-btn small[data-v-fe2a47cc]{font-size:.8rem}.reservations-grid[data-v-fe2a47cc]{grid-template-columns:1fr}.reservations-header[data-v-fe2a47cc]{flex-direction:column;gap:12px;align-items:stretch}.reservation-card[data-v-fe2a47cc]{padding:12px}.reservation-actions[data-v-fe2a47cc]{flex-direction:column}.reservation-actions .edit-btn[data-v-fe2a47cc],.reservation-actions .cancel-btn[data-v-fe2a47cc]{padding:10px 16px}}.edit-btn[data-v-fe2a47cc]{background:#0b3d911a;color:#0b3d91;border:none;border-radius:10px;padding:10px 20px;margin-right:12px;cursor:pointer;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #0000001a;font-size:.9rem}.edit-btn[data-v-fe2a47cc]:hover{background:#0b3d9133;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.cancel-btn[data-v-fe2a47cc]{background:#d32f2f1a;color:#d32f2f;border:none;border-radius:10px;padding:10px 20px;cursor:pointer;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #0000001a;font-size:.9rem}.cancel-btn[data-v-fe2a47cc]:hover{background:#d32f2f33;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.admin-footer[data-v-fe2a47cc]{text-align:center;color:#0b3d91;font-size:1rem;padding:24px 0 16px;background:none;font-weight:600;line-height:1.4}@media (max-width: 992px){.admin-header[data-v-fe2a47cc]{padding:20px 24px;flex-direction:column;gap:20px}.admin-content[data-v-fe2a47cc]{padding:0 20px}.view-controls[data-v-fe2a47cc]{flex-direction:column;gap:20px;text-align:center}.form-grid[data-v-fe2a47cc]{grid-template-columns:1fr;gap:24px}.calendar-day[data-v-fe2a47cc]{min-height:80px;font-size:.9rem}.calendar-grid[data-v-fe2a47cc]{grid-template-columns:repeat(7,1fr);gap:8px}.calendar-header[data-v-fe2a47cc]{font-size:.9rem}.reservation-item[data-v-fe2a47cc]{flex-direction:column;gap:20px;align-items:flex-start}.table-controls[data-v-fe2a47cc]{flex-direction:column;width:100%;gap:16px}.date-filter[data-v-fe2a47cc],.status-filter[data-v-fe2a47cc]{width:100%;padding:14px 20px}.modern-table[data-v-fe2a47cc]{font-size:.85rem}.modern-table th[data-v-fe2a47cc],.modern-table td[data-v-fe2a47cc]{padding:12px 16px}}@media (max-width: 768px){.admin-header[data-v-fe2a47cc]{padding:16px 20px;flex-direction:column;gap:16px}.admin-content[data-v-fe2a47cc]{padding:0 16px}.view-controls[data-v-fe2a47cc]{flex-direction:column;gap:16px;text-align:center}.form-grid[data-v-fe2a47cc]{grid-template-columns:1fr;gap:20px}.calendar-day[data-v-fe2a47cc]{min-height:70px;font-size:.8rem}.calendar-grid[data-v-fe2a47cc]{grid-template-columns:repeat(7,1fr);gap:6px}.calendar-header[data-v-fe2a47cc]{font-size:.8rem}.date-number[data-v-fe2a47cc]{font-size:1rem}.reservations-indicator[data-v-fe2a47cc],.today-indicator[data-v-fe2a47cc]{font-size:.7rem}.reservation-item[data-v-fe2a47cc]{flex-direction:column;gap:16px;align-items:flex-start}.table-controls[data-v-fe2a47cc]{flex-direction:column;width:100%;gap:12px}.date-filter[data-v-fe2a47cc],.status-filter[data-v-fe2a47cc]{width:100%;padding:12px 16px}.modern-table[data-v-fe2a47cc]{font-size:.8rem}.modern-table th[data-v-fe2a47cc],.modern-table td[data-v-fe2a47cc]{padding:8px 12px}.modern-table th[data-v-fe2a47cc]{font-size:.8rem}.queue-number-cell[data-v-fe2a47cc]{font-size:1.1rem}.citizen-name[data-v-fe2a47cc]{font-size:1rem}.case-id[data-v-fe2a47cc]{font-size:.9rem}.status-badge[data-v-fe2a47cc]{padding:6px 12px;font-size:.75rem}.edit-btn[data-v-fe2a47cc],.cancel-btn[data-v-fe2a47cc]{padding:8px 16px;font-size:.8rem}.table-responsive[data-v-fe2a47cc]{overflow-x:auto;-webkit-overflow-scrolling:touch}.modern-table[data-v-fe2a47cc]{min-width:600px}.modern-table th[data-v-fe2a47cc]:nth-child(5),.modern-table td[data-v-fe2a47cc]:nth-child(5){display:none}}@media (max-width: 480px){.admin-header[data-v-fe2a47cc]{padding:12px 16px}.admin-content[data-v-fe2a47cc]{padding:0 12px}.view-controls[data-v-fe2a47cc]{gap:12px}.form-grid[data-v-fe2a47cc]{gap:16px}.calendar-day[data-v-fe2a47cc]{min-height:60px;font-size:.75rem}.calendar-grid[data-v-fe2a47cc]{grid-template-columns:repeat(7,1fr);gap:4px}.calendar-header[data-v-fe2a47cc]{font-size:.75rem}.date-number[data-v-fe2a47cc]{font-size:.9rem}.reservations-indicator[data-v-fe2a47cc],.today-indicator[data-v-fe2a47cc]{font-size:.65rem}.reservation-item[data-v-fe2a47cc]{gap:12px}.table-controls[data-v-fe2a47cc]{gap:10px}.date-filter[data-v-fe2a47cc],.status-filter[data-v-fe2a47cc]{padding:10px 14px}.modern-table[data-v-fe2a47cc]{font-size:.75rem}.modern-table th[data-v-fe2a47cc],.modern-table td[data-v-fe2a47cc]{padding:6px 10px}.modern-table th[data-v-fe2a47cc]{font-size:.75rem}.queue-number-cell[data-v-fe2a47cc]{font-size:1rem}.citizen-name[data-v-fe2a47cc]{font-size:.9rem}.case-id[data-v-fe2a47cc]{font-size:.8rem}.status-badge[data-v-fe2a47cc]{padding:4px 10px;font-size:.7rem}.edit-btn[data-v-fe2a47cc],.cancel-btn[data-v-fe2a47cc]{padding:6px 12px;font-size:.75rem}.modal-content[data-v-fe2a47cc]{width:98%;margin:10px;max-height:98vh}.modal-header[data-v-fe2a47cc]{padding:16px 20px}.modal-header h3[data-v-fe2a47cc]{font-size:1.2rem}.modal-body[data-v-fe2a47cc]{padding:20px}.time-slot-chips[data-v-fe2a47cc]{gap:6px}.time-slot-chip[data-v-fe2a47cc]{min-width:80px;padding:8px 12px;font-size:.75rem}.modern-table[data-v-fe2a47cc]{min-width:500px}.modern-table th[data-v-fe2a47cc]:nth-child(5),.modern-table td[data-v-fe2a47cc]:nth-child(5){display:none}.modern-table th[data-v-fe2a47cc]:nth-child(6),.modern-table td[data-v-fe2a47cc]:nth-child(6){display:none}}.client-display[data-v-3931fd65]{min-height:100vh;background:linear-gradient(135deg,#0b3d91,#1e5bb8);color:#fff;font-family:Kanit,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.station-header[data-v-3931fd65]{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.station-info[data-v-3931fd65]{display:flex;align-items:center;gap:20px}.station-logo img[data-v-3931fd65]{width:50px;height:50px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));border-radius:8px}.station-name[data-v-3931fd65]{font-size:2.8rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);color:#fff}.station-address[data-v-3931fd65]{font-size:1.1rem;margin:4px 0 0;opacity:.9}.current-time[data-v-3931fd65]{text-align:right}.current-time .time[data-v-3931fd65]{font-size:3rem;font-weight:700;font-family:Courier New,monospace;text-shadow:0 2px 4px rgba(0,0,0,.3);color:#ffd93d}.current-time .date[data-v-3931fd65]{font-size:1.3rem;opacity:.9;margin-top:4px;color:#fff;font-weight:500}.queue-display[data-v-3931fd65]{flex:1;padding:32px;display:flex;flex-direction:column;gap:32px}.current-queue[data-v-3931fd65]{background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;padding:60px;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;min-height:400px}.queue-header[data-v-3931fd65]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.queue-header h2[data-v-3931fd65]{font-size:2.4rem;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);color:#fff;font-weight:700}.queue-status.serving[data-v-3931fd65]{background:#0b3d91;color:#fff;padding:12px 24px;border-radius:20px;font-weight:700;font-size:1.2rem;animation:pulse-3931fd65 2s infinite}.queue-info[data-v-3931fd65]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-bottom:32px}.queue-info>div[data-v-3931fd65]{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.queue-info .label[data-v-3931fd65]{font-size:1.4rem;opacity:.9;font-weight:600;color:#fff}.queue-info .number[data-v-3931fd65]{font-size:4rem;font-weight:900;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.3);font-family:Kanit,system-ui,-apple-system,sans-serif;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#4a90e2,#357abd);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #4a90e266;border:4px solid rgba(255,255,255,.2);animation:pulse-main-3931fd65 2s infinite}@keyframes pulse-main-3931fd65{0%{box-shadow:0 8px 24px #4a90e266}50%{box-shadow:0 8px 32px #4a90e2cc}to{box-shadow:0 8px 24px #4a90e266}}.queue-info .name[data-v-3931fd65]{font-size:3rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);color:#fff}.queue-info .time[data-v-3931fd65]{font-size:2.2rem;font-weight:700;color:#ffd93d;text-shadow:0 2px 4px rgba(0,0,0,.5)}.pulse-rings[data-v-3931fd65]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.ring[data-v-3931fd65]{position:absolute;border:2px solid rgba(255,215,61,.6);border-radius:50%;animation:pulse-ring-3931fd65 3s infinite}.ring-1[data-v-3931fd65]{width:200px;height:200px;margin:-100px 0 0 -100px;animation-delay:0s}.ring-2[data-v-3931fd65]{width:300px;height:300px;margin:-150px 0 0 -150px;animation-delay:1s}.ring-3[data-v-3931fd65]{width:400px;height:400px;margin:-200px 0 0 -200px;animation-delay:2s}@keyframes pulse-3931fd65{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-ring-3931fd65{0%{transform:scale(.8);opacity:1}to{transform:scale(1.2);opacity:0}}.no-queue[data-v-3931fd65]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:60px 40px;text-align:center;border:1px solid rgba(255,255,255,.2)}.no-queue-icon svg[data-v-3931fd65]{width:120px;height:120px;margin-bottom:24px;opacity:.6}.no-queue h2[data-v-3931fd65]{font-size:2.2rem;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.no-queue p[data-v-3931fd65]{font-size:1.3rem;opacity:.8;margin-bottom:32px}.next-queue-preview[data-v-3931fd65]{background:#ffffff1a;border-radius:16px;padding:24px;margin-top:24px}.next-queue-preview h3[data-v-3931fd65]{margin-bottom:16px;font-size:1.3rem}.next-info[data-v-3931fd65]{display:flex;justify-content:center;gap:32px;align-items:center}.next-number[data-v-3931fd65]{font-size:2.5rem;font-weight:700;color:#ffd93d;font-family:Kanit,system-ui,-apple-system,sans-serif}.next-time[data-v-3931fd65]{font-size:1.2rem;color:#74b9ff}.queue-summary[data-v-3931fd65]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:32px;border:1px solid rgba(255,255,255,.2)}.queue-summary h3[data-v-3931fd65]{font-size:1.5rem;margin-bottom:24px;text-align:center}.summary-stats[data-v-3931fd65]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stat-item[data-v-3931fd65]{text-align:center;background:#ffffff1a;border-radius:12px;padding:20px}.stat-number[data-v-3931fd65]{display:block;font-size:2.5rem;font-weight:700;color:#ffd93d;margin-bottom:8px;font-family:Kanit,system-ui,-apple-system,sans-serif}.stat-label[data-v-3931fd65]{font-size:1rem;opacity:.9}.upcoming-queues[data-v-3931fd65]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:32px;border:1px solid rgba(255,255,255,.2)}.upcoming-queues h3[data-v-3931fd65]{font-size:1.5rem;margin-bottom:24px;text-align:center}.queue-list[data-v-3931fd65]{display:flex;flex-direction:column;gap:16px}.no-queues-message[data-v-3931fd65]{text-align:center;padding:40px 20px;color:#ffffffb3;font-size:1.1rem}.no-queues-message p[data-v-3931fd65]{margin:0;font-style:italic}.queue-item[data-v-3931fd65]{display:flex;align-items:center;gap:20px;background:#ffffff1a;border-radius:12px;padding:16px 20px;transition:all .3s ease}.queue-item.queue-current[data-v-3931fd65]{background:#ffd70033}.queue-item.queue-current .queue-number-small[data-v-3931fd65]{background:linear-gradient(135deg,gold,orange);box-shadow:0 4px 12px #ffd70066;animation:pulse-gold-3931fd65 1.5s infinite}@keyframes pulse-gold-3931fd65{0%{box-shadow:0 4px 12px #ffd70066}50%{box-shadow:0 4px 20px #ffd700cc}to{box-shadow:0 4px 12px #ffd70066}}.queue-item.queue-completed[data-v-3931fd65]{background:#ffffff1a;opacity:.8}.queue-item.queue-completed .queue-number-small[data-v-3931fd65]{background:linear-gradient(135deg,#90ee90,#32cd32);box-shadow:0 4px 12px #90ee904d;animation:none}.queue-item.queue-cancelled[data-v-3931fd65]{background:#ffffff1a;opacity:.6}.queue-item.queue-cancelled .queue-number-small[data-v-3931fd65]{background:linear-gradient(135deg,#ff6b6b,#ee5a52);box-shadow:0 4px 12px #ff6b6b4d;animation:none}.queue-number-small[data-v-3931fd65]{font-size:1.2rem;font-weight:700;color:#fff;min-width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#4a90e2,#357abd);display:flex;align-items:center;justify-content:center;font-family:Kanit,system-ui,-apple-system,sans-serif;box-shadow:0 4px 12px #4a90e24d;border:2px solid rgba(255,255,255,.2);position:relative;animation:pulse-3931fd65 2s infinite}@keyframes pulse-3931fd65{0%{box-shadow:0 4px 12px #4a90e24d}50%{box-shadow:0 4px 20px #4a90e299}to{box-shadow:0 4px 12px #4a90e24d}}.queue-details[data-v-3931fd65]{flex:1;display:flex;flex-direction:column;gap:8px}.queue-right[data-v-3931fd65]{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.citizen-name[data-v-3931fd65]{font-size:1.2rem;font-weight:600;margin-bottom:4px}.queue-time[data-v-3931fd65]{font-size:1rem;opacity:.9;color:#ffd93d;font-weight:600}.queue-countdown[data-v-3931fd65]{font-size:.9rem;color:#ffd93d;font-weight:600}.queue-status[data-v-3931fd65]{font-size:.9rem;font-weight:600;padding:4px 8px;border-radius:6px;white-space:nowrap}.status-reserved[data-v-3931fd65]{color:#4ecdc4}.status-serving[data-v-3931fd65]{color:gold}.status-completed[data-v-3931fd65]{color:#0f0}.status-cancelled[data-v-3931fd65]{color:red}.status-no_show[data-v-3931fd65]{color:#ff6b6b}.client-footer[data-v-3931fd65]{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1)}.connection-status[data-v-3931fd65]{font-size:.9rem;font-weight:500}.connection-status.connected[data-v-3931fd65]{color:#10b981}.connection-status.connecting[data-v-3931fd65]{color:#f59e0b}.connection-status.disconnected[data-v-3931fd65]{color:#ff6b6b}.last-updated[data-v-3931fd65]{font-size:.9rem;opacity:.8}.notification-toast[data-v-3931fd65]{position:fixed;top:32px;right:32px;padding:16px 24px;border-radius:12px;background:#fffffff2;color:#333;font-weight:500;box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;animation:slideIn-3931fd65 .3s ease-out}.notification-toast.success[data-v-3931fd65]{border-left:4px solid #0B3D91}.notification-toast.error[data-v-3931fd65]{border-left:4px solid #ff6b6b}.notification-toast.info[data-v-3931fd65]{border-left:4px solid #0B3D91}@keyframes slideIn-3931fd65{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1200px){.summary-stats[data-v-3931fd65]{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width: 768px){.station-header[data-v-3931fd65]{flex-direction:column;gap:16px;padding:20px;text-align:center}.station-name[data-v-3931fd65]{font-size:2.2rem}.current-time .time[data-v-3931fd65]{font-size:2.5rem}.queue-display[data-v-3931fd65]{padding:20px;gap:24px}.current-queue[data-v-3931fd65]{padding:15px 10px;min-height:220px}.queue-header[data-v-3931fd65]{flex-direction:column;gap:16px;text-align:center}.queue-info[data-v-3931fd65]{grid-template-columns:1fr;gap:24px}.queue-info .number[data-v-3931fd65]{font-size:3.5rem;font-family:Kanit,system-ui,-apple-system,sans-serif}.queue-info .name[data-v-3931fd65]{font-size:2rem}.queue-info .time[data-v-3931fd65]{font-size:1.6rem;color:#ffd93d;font-weight:700}.queue-info .label[data-v-3931fd65]{font-size:1.2rem}.queue-time[data-v-3931fd65]{font-size:1rem;color:#ffd93d;font-weight:600}.queue-countdown[data-v-3931fd65]{font-size:.9rem;color:#ffd93d;font-weight:600}.queue-header h2[data-v-3931fd65]{font-size:2rem}.queue-status.serving[data-v-3931fd65]{font-size:1rem;padding:8px 16px}.summary-stats[data-v-3931fd65]{grid-template-columns:1fr;gap:16px}.queue-item[data-v-3931fd65]{flex-direction:column;text-align:center;gap:16px}.client-footer[data-v-3931fd65]{flex-direction:column;gap:12px;text-align:center}.notification-toast[data-v-3931fd65]{top:16px;right:16px;left:16px;padding:12px 16px}}@media (max-width: 480px){.station-name[data-v-3931fd65]{font-size:2rem}.current-time .time[data-v-3931fd65]{font-size:2.2rem}.current-time .date[data-v-3931fd65]{font-size:1.2rem;color:#fff;font-weight:500}.queue-info .number[data-v-3931fd65]{font-size:3.5rem;font-family:Kanit,system-ui,-apple-system,sans-serif}.no-queue-icon svg[data-v-3931fd65]{width:80px;height:80px}.no-queue h2[data-v-3931fd65]{font-size:2rem}.next-info[data-v-3931fd65]{flex-direction:column;gap:20px}.queue-info .name[data-v-3931fd65]{font-size:2rem}.queue-info .time[data-v-3931fd65]{font-size:1.6rem;color:#ffd93d;font-weight:700}}body{margin:0;font-family:Sarabun,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#212529}#app{min-height:100vh}*,*:before,*:after{box-sizing:border-box}