@layer components{.vc-teacher-clock[data-v-f0142d3c]{--teacher-clock-btn-height:44px;--teacher-clock-btn-radius:var(--radius-md,10px);--teacher-clock-btn-font-size:.9375rem;--teacher-clock-elapsed-size:1.125rem;--teacher-clock-overlay-bg:rgba(0,0,0,.55);--teacher-clock-dialog-bg:var(--bg-card);--teacher-clock-dialog-radius:var(--radius-xl,20px);align-items:center;display:flex;position:relative}.vc-teacher-clock>.skeleton[data-v-f0142d3c]{animation:pulse-f0142d3c 1.4s ease-in-out infinite;background:var(--surface-hi);border-radius:var(--teacher-clock-btn-radius);height:var(--teacher-clock-btn-height);width:120px}.vc-teacher-clock>.clock-btn[data-v-f0142d3c]{align-items:center;border:none;border-radius:var(--teacher-clock-btn-radius);cursor:pointer;display:inline-flex;font-size:var(--teacher-clock-btn-font-size);font-weight:600;gap:var(--s-050);height:var(--teacher-clock-btn-height);padding-left:var(--s-125);padding-right:var(--s-125);transition:background .15s;white-space:nowrap}.vc-teacher-clock>.clock-btn[data-v-f0142d3c]:disabled{cursor:not-allowed;opacity:.6}.vc-teacher-clock>.clock-btn.-checkin[data-v-f0142d3c]{background:var(--accent);color:#fff}.vc-teacher-clock>.clock-btn.-checkin[data-v-f0142d3c]:hover:not(:disabled){background:var(--accent-deep)}.vc-teacher-clock>.clock-btn.-checkout[data-v-f0142d3c]{background:var(--warn-wash);border:1.5px solid var(--warn-tint-border);color:var(--warn)}.vc-teacher-clock>.clock-btn.-checkout[data-v-f0142d3c]:hover:not(:disabled){background:var(--warn-tint-border)}.vc-teacher-clock>.clock-btn>.-spin[data-v-f0142d3c]{animation:spin-f0142d3c .9s linear infinite}.vc-teacher-clock .c-clock-running[data-v-f0142d3c]{align-items:center;display:flex;gap:var(--s-100)}.vc-teacher-clock .c-clock-running>.elapsed[data-v-f0142d3c]{color:var(--ink);font-feature-settings:"tnum";font-size:var(--teacher-clock-elapsed-size);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.04em}.vc-teacher-clock .c-done-badge[data-v-f0142d3c]{align-items:center;background:var(--success-wash,var(--surface-hi));border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--success,var(--ink-soft));display:inline-flex;font-size:.9375rem;font-weight:600;gap:var(--s-050);padding:var(--s-050) var(--s-100)}.vc-teacher-clock .c-confirm-overlay[data-v-f0142d3c]{align-items:center;background:var(--teacher-clock-overlay-bg);display:flex;justify-content:center;inset:0;padding:var(--s-150);position:fixed;z-index:400}.vc-teacher-clock .c-confirm-dialog[data-v-f0142d3c]{background:var(--teacher-clock-dialog-bg);border-radius:var(--teacher-clock-dialog-radius);display:grid;max-width:400px;padding:var(--s-250) var(--s-200);width:100%;grid-gap:var(--s-150);box-shadow:var(--shadow-pop);gap:var(--s-150)}.vc-teacher-clock .c-confirm-dialog>.question[data-v-f0142d3c]{color:var(--ink);font-size:1.375rem;font-weight:600;margin:0;text-align:center}.vc-teacher-clock .c-action-row[data-v-f0142d3c]{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s-100);gap:var(--s-100)}.vc-teacher-clock .c-action-row>.cancel[data-v-f0142d3c],.vc-teacher-clock .c-action-row>.confirm[data-v-f0142d3c]{border:none;border-radius:10px;border-radius:var(--radius-md,10px);cursor:pointer;font-size:1.0625rem;font-weight:600;min-height:52px;transition:background .15s}.vc-teacher-clock .c-action-row>.cancel[data-v-f0142d3c]{background:var(--surface-sunken-strong);color:var(--ink-soft)}.vc-teacher-clock .c-action-row>.cancel[data-v-f0142d3c]:hover{background:var(--surface-hi-strong)}.vc-teacher-clock .c-action-row>.confirm[data-v-f0142d3c]{background:var(--accent);color:#fff}.vc-teacher-clock .c-action-row>.confirm[data-v-f0142d3c]:hover{background:var(--accent-deep)}.vc-teacher-clock .c-action-row>.confirm.-checkout[data-v-f0142d3c]{background:var(--warn);color:#fff}.vc-teacher-clock .c-action-row>.confirm.-checkout[data-v-f0142d3c]:hover{background:var(--warn-deep,var(--warn));filter:brightness(.9)}.vc-teacher-clock .fade-enter-active[data-v-f0142d3c],.vc-teacher-clock .fade-leave-active[data-v-f0142d3c]{transition:opacity .18s}.vc-teacher-clock .fade-enter-from[data-v-f0142d3c],.vc-teacher-clock .fade-leave-to[data-v-f0142d3c]{opacity:0}}@keyframes pulse-f0142d3c{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin-f0142d3c{to{transform:rotate(1turn)}}