.nc24-punch{max-width:620px;margin:20px auto;padding:18px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102A43}.nc24-punch-head{display:flex;gap:14px;align-items:center;margin-bottom:16px;background:linear-gradient(135deg,#102A43,#243b53);color:#fff;padding:18px;border-radius:24px;box-shadow:0 18px 38px rgba(15,23,42,.17)}.nc24-punch-head h2{margin:0;color:#fff;letter-spacing:-.04em}.nc24-punch-head p{margin:4px 0 0;color:#dbeafe}.nc24-avatar{width:48px;height:48px;border-radius:16px;background:#eaf1f9;display:inline-flex;align-items:center;justify-content:center;object-fit:cover;overflow:hidden;color:#102A43}.nc24-avatar.large{width:70px;height:70px;border-radius:22px}.nc24-punch-card{background:#fff;border:1px solid #e5eaf2;border-radius:24px;padding:18px;margin:14px 0;box-shadow:0 10px 30px rgba(15,23,42,.08)}.nc24-punch-card h3{margin:0 0 4px;font-size:22px;letter-spacing:-.03em}.nc24-punch-card p{font-weight:800;margin:0 0 6px}.nc24-punch-card small{display:block;color:#64748b}.nc24-progress{display:flex;gap:7px;margin:15px 0;flex-wrap:wrap}.nc24-progress span{font-size:12px;border-radius:999px;background:#e2e8f0;color:#64748b;padding:7px 10px;font-weight:800}.nc24-progress span.done{background:#dcfce7;color:#166534}.nc24-punch-actions{display:grid;grid-template-columns:1fr;gap:10px}.nc24-do-punch,.nc24-punch-btn{border:0;border-radius:16px;background:#f5c542;color:#102A43;font-weight:900;font-size:16px;padding:15px 16px;text-decoration:none;text-align:center;display:block;box-shadow:0 6px 14px rgba(245,197,66,.22)}.nc24-do-punch:disabled{background:#d1fae5;color:#166534;box-shadow:none}.nc24-note{width:100%;margin-top:12px;border:1px solid #d8e0ea;border-radius:14px;min-height:70px;padding:10px;box-sizing:border-box}.nc24-punch-msg{font-weight:800;margin-top:10px}.nc24-punch-msg.ok{color:#166534}.nc24-punch-msg.bad{color:#991b1b}.nc24-privacy{color:#64748b;text-align:center;font-size:13px}.dashicons{font-family:dashicons}
.nc24-action-step{border:1px solid #e5eaf2;border-radius:18px;padding:12px;background:#f8fafc}.nc24-action-step.active{background:#fffdf4;border-color:#f5c542}.nc24-action-step.done{background:#f0fdf4;border-color:#bbf7d0}.nc24-action-step.locked{background:#f8fafc;opacity:.72}.nc24-step-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.nc24-step-title b{font-size:15px}.nc24-step-title span{font-size:12px;font-weight:800;color:#64748b}.nc24-action-step .nc24-note{margin:0 0 10px}.nc24-action-step small{margin-bottom:8px}.nc24-saved-note{background:#fff;border:1px solid #d8e0ea;border-radius:12px;padding:8px;margin-bottom:8px}.nc24-complete{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:16px;padding:12px;font-weight:900;margin:12px 0}.nc24-action-step.locked .nc24-do-punch:disabled{background:#e2e8f0;color:#64748b}.nc24-action-step.done .nc24-do-punch:disabled{background:#d1fae5;color:#166534}

/* NC24 ShiftDesk branded login */
.nc24-login-wrap{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at top left,rgba(245,197,66,.22),transparent 34%),linear-gradient(135deg,#eef4fb,#ffffff 48%,#f8fafc);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102A43;box-sizing:border-box}.nc24-login-shell{width:min(980px,100%);display:grid;grid-template-columns:1.1fr .9fr;border:1px solid rgba(148,163,184,.32);border-radius:32px;background:rgba(255,255,255,.8);backdrop-filter:blur(14px);box-shadow:0 28px 80px rgba(15,23,42,.16);overflow:hidden}.nc24-login-hero{position:relative;background:linear-gradient(140deg,#102A43,#243b53 56%,#0f172a);color:#fff;padding:44px;min-height:420px;display:flex;flex-direction:column;justify-content:space-between}.nc24-login-hero:after{content:"";position:absolute;right:-80px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:rgba(245,197,66,.16);border:1px solid rgba(245,197,66,.18)}.nc24-login-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.nc24-login-brand b{display:block;font-size:18px;letter-spacing:-.03em}.nc24-login-brand span{display:block;color:#bfdbfe;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.nc24-login-mark{width:50px;height:50px;border-radius:17px;background:#f5c542;color:#102A43;display:grid;place-items:center;font-weight:950;box-shadow:0 12px 30px rgba(245,197,66,.24)}.nc24-login-hero h1{font-size:48px;line-height:1.02;letter-spacing:-.065em;margin:54px 0 14px;max-width:470px;color:#fff;position:relative;z-index:1}.nc24-login-hero p{font-size:17px;line-height:1.6;color:#dbeafe;max-width:500px;position:relative;z-index:1}.nc24-login-points{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.nc24-login-points span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:9px 12px;font-size:13px;font-weight:850;color:#eff6ff}.nc24-login-card{background:#fff;padding:44px;display:flex;flex-direction:column;justify-content:center}.nc24-login-card-head small{display:inline-flex;background:#fff8db;color:#7a5704;border:1px solid #fde68a;border-radius:999px;padding:6px 10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.nc24-login-card h2{margin:16px 0 6px;font-size:32px;letter-spacing:-.055em;color:#102A43}.nc24-login-card p{margin:0 0 24px;color:#64748b}.nc24-login-alert,.nc24-login-success{border-radius:16px;padding:12px 14px;margin-bottom:14px;font-weight:850}.nc24-login-alert{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.nc24-login-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.nc24-login-form{display:grid;gap:14px}.nc24-login-form label span{display:block;font-size:13px;font-weight:900;color:#334155;margin-bottom:7px}.nc24-login-form input[type=text],.nc24-login-form input[type=password]{width:100%;border:1px solid #d8e0ea;border-radius:16px;padding:14px 14px;font-size:15px;box-sizing:border-box;background:#f8fafc;outline:0}.nc24-login-form input:focus{border-color:#f5c542;background:#fff;box-shadow:0 0 0 4px rgba(245,197,66,.18)}.nc24-login-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:#64748b}.nc24-login-row a{color:#102A43;font-weight:850;text-decoration:none}.nc24-login-remember{display:flex!important;gap:8px;align-items:center;font-weight:800}.nc24-login-button{border:0;border-radius:16px;background:#f5c542;color:#102A43;font-weight:950;font-size:16px;padding:15px 18px;cursor:pointer;box-shadow:0 10px 28px rgba(245,197,66,.26)}.nc24-login-button:hover{filter:brightness(.98);transform:translateY(-1px)}.nc24-login-help{margin-top:18px;border:1px dashed #cbd5e1;border-radius:18px;padding:14px;background:#f8fafc;color:#64748b;font-size:13px;line-height:1.45}.nc24-login-help b{color:#102A43}.nc24-punch-logout{margin-left:auto;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff!important;text-decoration:none;border-radius:999px;padding:9px 12px;font-weight:900;font-size:13px;white-space:nowrap}@media(max-width:820px){.nc24-login-wrap{padding:14px;align-items:flex-start}.nc24-login-shell{grid-template-columns:1fr;border-radius:24px}.nc24-login-hero{min-height:auto;padding:28px}.nc24-login-hero h1{font-size:36px;margin:34px 0 12px}.nc24-login-card{padding:28px}.nc24-login-card h2{font-size:28px}.nc24-login-row{align-items:flex-start;flex-direction:column}.nc24-punch-head{align-items:flex-start}.nc24-punch-logout{margin-left:0}}