.clock-tool .planner-card .planner-list .slot .slot-body[data-v-83799d44]{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:8px}.clock-tool[data-v-83799d44]{background:radial-gradient(circle at 10% 20%,rgba(14,116,144,.15),transparent 45%),#f0fbff;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:60px 24px 90px}.clock-tool__inner[data-v-83799d44]{display:flex;flex-direction:column;gap:20px;width:min(1100px,100%)}.clock-tool .hero[data-v-83799d44]{text-align:center}.clock-tool .hero .eyebrow[data-v-83799d44]{background:#06b6d426;border-radius:999px;color:#0e7490;display:inline-flex;font-weight:600;letter-spacing:.2em;margin-bottom:12px;padding:6px 16px}.clock-tool .hero h1[data-v-83799d44]{color:#0f172a;font-size:clamp(32px,4vw,40px)}.clock-tool .hero .subtitle[data-v-83799d44]{color:#475569;margin-top:8px}.clock-tool .hero .tip[data-v-83799d44]{color:#0e7490;font-weight:600;margin-top:8px}.clock-tool .card[data-v-83799d44]{background:#fff;border-radius:28px;box-shadow:0 20px 45px #0f172a14;padding:28px}.clock-tool .clock-card[data-v-83799d44]{display:flex;flex-direction:column;gap:20px}.clock-tool .clock-card .clock-grid[data-v-83799d44]{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.clock-tool .clock-card .clock[data-v-83799d44]{background:#f8fdff;border:1px solid rgba(14,165,233,.2);border-radius:22px;padding:18px;position:relative}.clock-tool .clock-card .clock.working[data-v-83799d44]{background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border-color:#22c55e4d}.clock-tool .clock-card .clock .clock__head[data-v-83799d44]{align-items:center;display:flex;justify-content:space-between}.clock-tool .clock-card .clock .clock__head .city[data-v-83799d44]{color:#0f172a;font-size:18px;font-weight:600}.clock-tool .clock-card .clock .clock__head span[data-v-83799d44]{color:#94a3b8;font-size:13px}.clock-tool .clock-card .clock .time[data-v-83799d44]{color:#0e7490;font-size:32px;font-weight:700;margin:10px 0}.clock-tool .clock-card .clock .meta[data-v-83799d44]{color:#64748b;display:flex;font-size:13px;justify-content:space-between}.clock-tool .clock-card .clock .badge[data-v-83799d44]{background:#94a3b826;border-radius:999px;color:#475569;display:inline-flex;font-size:12px;margin-top:12px;padding:6px 12px}.clock-tool .clock-card .clock .badge.active[data-v-83799d44]{background:#10b98133;color:#0f766e}.clock-tool .clock-card .add-zone[data-v-83799d44]{border-top:1px dashed rgba(148,163,184,.4);display:flex;flex-direction:column;gap:12px;padding-top:16px}.clock-tool .clock-card .add-zone .add-panel[data-v-83799d44]{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.clock-tool .clock-card .add-zone .add-panel select[data-v-83799d44]{border:1px solid rgba(148,163,184,.4);border-radius:16px;flex:1;min-width:240px;padding:10px 12px}.clock-tool .clock-card .add-zone .add-panel .hint[data-v-83799d44]{color:#94a3b8}.clock-tool .planner-card[data-v-83799d44]{display:flex;flex-direction:column;gap:18px}.clock-tool .planner-card .planner-head[data-v-83799d44]{display:flex;flex-direction:column;gap:12px}.clock-tool .planner-card .planner-head .label[data-v-83799d44]{color:#0e7490;font-size:12px;letter-spacing:.2em}.clock-tool .planner-card .planner-head small[data-v-83799d44]{color:#94a3b8}.clock-tool .planner-card .planner-head .planner-controls[data-v-83799d44]{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.clock-tool .planner-card .planner-head .planner-controls label[data-v-83799d44]{color:#475569;display:flex;flex-direction:column;font-weight:600;gap:6px}.clock-tool .planner-card .planner-head .planner-controls input[data-v-83799d44],.clock-tool .planner-card .planner-head .planner-controls select[data-v-83799d44]{border:1px solid rgba(148,163,184,.4);border-radius:16px;padding:10px 12px}.clock-tool .planner-card .planner-list[data-v-83799d44]{display:flex;flex-direction:column;gap:12px}.clock-tool .planner-card .planner-list .slot[data-v-83799d44]{background:#f8fafc;border:1px solid rgba(148,163,184,.3);border-radius:18px;padding:14px 16px}.clock-tool .planner-card .planner-list .slot .slot-head[data-v-83799d44]{color:#475569;display:flex;justify-content:space-between}.clock-tool .planner-card .planner-list .slot .slot-body .window[data-v-83799d44]{color:#0f172a;font-size:18px;font-weight:600}.clock-tool .planner-card .planner-list .slot .slot-body .status[data-v-83799d44]{border-radius:999px;font-size:12px;font-weight:600;padding:4px 12px}.clock-tool .planner-card .planner-list .slot .slot-body .status.working[data-v-83799d44]{background:#22c55e33;color:#0f766e}.clock-tool .planner-card .planner-list .slot .slot-body .status.early[data-v-83799d44]{background:#3b82f626;color:#1d4ed8}.clock-tool .planner-card .planner-list .slot .slot-body .status.late[data-v-83799d44]{background:#f9731626;color:#c2410c}.clock-tool .planner-card .planner-list .slot .slot-body .status.sleep[data-v-83799d44]{background:#94a3b833;color:#475569}.clock-tool .primary[data-v-83799d44]{background:linear-gradient(120deg,#0ea5e9,#06b6d4);border:none;border-radius:16px;color:#fff;cursor:pointer;font-weight:600;padding:11px 22px}.clock-tool .primary[data-v-83799d44]:disabled{cursor:not-allowed;opacity:.6}.clock-tool .ghost[data-v-83799d44]{background:transparent;border:1px solid rgba(14,165,233,.3);border-radius:16px;color:#0e7490;cursor:pointer;font-weight:600;padding:9px 18px}.clock-tool .ghost[data-v-83799d44]:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.clock-tool .clock-card .clock__head[data-v-83799d44]{align-items:flex-start;flex-direction:column;gap:6px}}