*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%}input,textarea,select,button{font-size:16px}button{touch-action:manipulation}.scroll-area{scrollbar-width:none;-ms-overflow-style:none}.scroll-area::-webkit-scrollbar{width:0;height:0;display:none}@keyframes cw-spin{to{transform:rotate(360deg)}}input:-webkit-autofill{caret-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--text)!important}input:-webkit-autofill:hover{caret-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--text)!important}input:-webkit-autofill:focus{caret-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--text)!important}input:-webkit-autofill:active{caret-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--text)!important}:root,[data-theme=dark]{--glass-bg:#141821;--glass-border:#ffffff0f;--glass-blur:blur(20px);--glass-shadow:0 4px 20px #00000040;--accent:#5ac8fa;--accent2:#5ac8fa;--accent-ink:#0b0e13;--text:#eceef2;--muted:#7e8594;--danger:#f07a6b;--success:#5ac8fa;--warning:#f5c451;--bg:#0b0e13;--phone-bg:#0b0e13;--modal-bg:#141821;--surface-subtle:#141821;--surface-hover:#1b2029;--input-bg:#1b2029;--select-bg:#1b2029;--toast-bg:#141821;--avatar-bg:#5ac8fa;--chip-bg:#141821;--chip-color:#eceef2;--logo-bg:#5ac8fa1f;--logo-border:#5ac8fa40}[data-theme=light]{--glass-bg:#fff;--glass-border:#11111114;--glass-blur:blur(20px);--glass-shadow:0 4px 20px #0000000f;--accent:#5ac8fa;--accent2:#5ac8fa;--accent-ink:#111;--text:#111;--muted:#6b6f78;--danger:#c04a3e;--success:#0a84b4;--warning:#b07418;--bg:#f7f7f4;--phone-bg:#f7f7f4;--modal-bg:#fff;--surface-subtle:#fff;--surface-hover:#f1f1ed;--input-bg:#f1f1ed;--select-bg:#fff;--toast-bg:#fff;--avatar-bg:#5ac8fa;--chip-bg:#fff;--chip-color:#111;--logo-bg:#5ac8fa2e;--logo-border:#5ac8fa73}body{background:var(--bg);min-height:100dvh;color:var(--text);justify-content:center;align-items:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100dvh;display:flex}.bg{z-index:0;background:var(--bg);position:fixed;inset:0;overflow:hidden}.bg-orb{filter:blur(100px);opacity:.15;border-radius:50%;animation:20s ease-in-out infinite drift;position:absolute}.bg-orb.o1{background:var(--accent2);width:500px;height:500px;top:-150px;left:-150px}.bg-orb.o2{background:var(--accent2);width:400px;height:400px;animation-delay:-6s;bottom:-120px;right:-120px}.bg-orb.o3{background:var(--accent);width:300px;height:300px;animation-delay:-12s;top:40%;left:40%}[data-theme=light] .bg-orb{opacity:.08}@keyframes drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-15px)scale(1.03)}66%{transform:translate(-15px,20px)scale(.97)}}.phone{z-index:1;background:var(--phone-bg);width:100vw;height:100dvh;box-shadow:none;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);border-radius:0;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width>=768px) and (height>=700px){.phone{width:390px;height:844px;max-height:calc(100dvh - 32px);box-shadow:0 25px 60px #0000004d, 0 0 0 1px var(--glass-border);border-radius:44px;padding:0}}.status-bar{z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 28px 8px;font-size:12px;font-weight:700;display:flex;position:relative}@media (width<=767px){.status-bar{display:none}}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.glass-input,.glass-select,.glass-textarea{background:var(--input-bg);border:1px solid var(--glass-border);width:100%;color:var(--text);border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.glass-input:focus,.glass-select:focus,.glass-textarea:focus{border-color:var(--accent)}.glass-input::placeholder{color:var(--muted)}.glass-select{appearance:none;cursor:pointer}.glass-select option{background:var(--select-bg);color:var(--text)}.glass-textarea{resize:none;height:80px;line-height:1.5}.btn-primary{background:var(--accent);width:100%;color:var(--accent-ink,#0b0e13);cursor:pointer;letter-spacing:-.1px;border:none;border-radius:14px;padding:16px;font-size:15px;font-weight:700;transition:opacity .15s,transform .1s,box-shadow .15s;box-shadow:0 10px 30px #5ac8fa33}.btn-primary:active{opacity:.9;transform:scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-confirm{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:14px;font-weight:600;transition:opacity .15s,transform .1s}.btn-confirm:active{opacity:.85;transform:scale(.98)}.btn-back{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:8px;font-family:inherit;font-size:13px}.field-lbl{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.tag{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.tag .dot{background:currentColor;border-radius:50%;width:5px;height:5px}.tag-pending{color:var(--warning);background:#eab3081a}.tag-in{color:var(--success);background:#22c55e1a}.tag-break{color:var(--danger);background:#ef44441a}.tag-out{color:var(--accent);background:#60a5fa1a}.badge-ok{color:var(--success);background:#22c55e1a;border-radius:20px;align-items:center;gap:4px;margin-top:8px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-warn{color:var(--warning);background:#eab3081a;border-radius:20px;align-items:center;gap:4px;margin-top:8px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-err{color:var(--danger);background:#ef44441a;border-radius:20px;align-items:center;gap:4px;margin-top:8px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.info-card{background:var(--surface-subtle);border:1px solid var(--glass-border);border-radius:12px;padding:14px}.info-row{align-items:center;gap:10px;display:flex}.info-icon{flex-shrink:0;font-size:20px}.info-main{color:var(--text);font-size:13px;font-weight:600}.info-detail{color:var(--muted);margin-top:2px;font-size:11px}.action-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.action-btn{background:var(--surface-subtle);border:1px solid var(--glass-border);text-align:center;cursor:pointer;border-radius:14px;padding:18px 12px 14px;transition:all .15s}.action-btn:not(.disabled):hover{background:var(--surface-hover)}.action-btn:not(.disabled):active{transform:scale(.96)}.action-btn.disabled{opacity:.2;pointer-events:none}.action-btn .ab-icon{margin-bottom:6px;font-size:28px}.action-btn .ab-label{font-size:12px;font-weight:600}.action-btn .ab-sub{color:var(--muted);margin-top:2px;font-size:10px}.ab-clockin{border-color:#3b82f633}.ab-clockin .ab-label{color:var(--accent)}.ab-breakst{border-color:#eab30833}.ab-breakst .ab-label{color:var(--warning)}.ab-breaken{border-color:#22c55e33}.ab-breaken .ab-label{color:var(--success)}.ab-clockout{border-color:#ef444433}.ab-clockout .ab-label{color:var(--danger)}.log-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:11px;font-weight:600}.log-item{background:var(--surface-subtle);border:1px solid var(--glass-border);border-radius:12px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;display:flex}.log-icon{background:var(--input-bg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}.log-label{color:var(--text);font-size:13px;font-weight:500}.log-detail{color:var(--muted);margin-top:1px;font-size:10px}.log-time{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px;font-weight:500}.log-empty{text-align:center;color:var(--muted);padding:20px 0;font-size:13px}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#0009;align-items:flex-end;display:flex;position:absolute;inset:0}.modal-sheet{background:var(--modal-bg);border:1px solid var(--glass-border);width:100%;padding:20px 22px calc(40px + env(safe-area-inset-bottom,0));border-radius:24px 24px 0 0;max-height:88%;overflow-y:auto}.sheet-handle{background:var(--muted);border-radius:2px;width:32px;height:3px;margin:0 auto 16px}.step-bar{align-items:center;gap:5px;margin-bottom:18px;display:flex}.step-dot{background:var(--glass-border);border-radius:50%;width:7px;height:7px;transition:all .25s}.step-dot.done{background:var(--success)}.step-dot.active{background:var(--accent);border-radius:4px;width:22px}.step-label{color:var(--muted);margin-left:auto;font-size:10px;font-weight:600}.step-title{color:var(--text);margin-bottom:4px;font-size:17px;font-weight:700}.step-sub{color:var(--muted);margin-bottom:18px;font-size:12px;line-height:1.4}.toast{background:var(--toast-bg);border:1px solid var(--glass-border);color:var(--text);white-space:nowrap;z-index:200;opacity:0;pointer-events:none;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:500;transition:opacity .25s;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.hours-strip{justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 18px;display:flex}.hours-strip .h-label{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.hours-strip .h-val{color:var(--text);margin-top:2px;font-size:15px;font-weight:700}.login-error{color:var(--danger);text-align:center;min-height:18px;margin-top:8px;font-size:12px;font-weight:500}.shift-strip{justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 18px;display:flex}.shift-col{text-align:center}.shift-col .s-label{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;font-size:10px;font-weight:600}.shift-col .s-val{color:var(--text);font-size:14px;font-weight:600}.shift-sep{background:var(--glass-border);width:1px;height:28px}.workspace-chip{background:var(--chip-bg);color:var(--chip-color);border-radius:20px;align-items:center;gap:6px;margin-top:10px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.chip-dot{background:var(--success);border-radius:50%;width:5px;height:5px}.avatar{background:var(--avatar-bg);border:1px solid var(--glass-border);width:42px;height:42px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.clock-time{letter-spacing:-2px;font-variant-numeric:tabular-nums;color:var(--text);font-size:56px;font-weight:800}.clock-date{color:var(--muted);margin-top:4px;font-size:13px}.buffer-bar{background:var(--glass-border);border-radius:2px;width:100%;height:4px;margin-top:6px;overflow:hidden}.buffer-fill{background:linear-gradient(90deg, var(--success), var(--warning));border-radius:2px;height:100%;transition:width .3s}