*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f0f2f5;color:#1a1a2e;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font-family:inherit}:root{--color-bg: #f0f2f5;--color-card: #ffffff;--color-text: #1a1a2e;--color-text-muted: #6b7280;--color-border: #e5e7eb;--color-entrada: #16a34a;--color-entrada-hover: #15803d;--color-salida: #dc2626;--color-salida-hover: #b91c1c;--color-disabled: #d1d5db;--color-error: #dc2626;--radius: 12px;--radius-sm: 10px;--shadow: 0 4px 24px rgba(0, 0, 0, .1)}.page{min-height:100vh;min-height:100dvh;background:var(--color-card);display:flex;flex-direction:column;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.card{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px 24px 32px}.card-header{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.card-header>*+*{margin-top:10px}.logo{width:72px;height:72px;object-fit:contain}.app-title{font-size:24px;font-weight:700;color:var(--color-text);letter-spacing:-.4px}.form{display:flex;flex-direction:column}.form>*+*{margin-top:20px}.field{display:flex;flex-direction:column}.field>*+*{margin-top:8px}.label{font-size:15px;font-weight:600;color:var(--color-text-muted)}.input-wrapper{position:relative;display:flex;align-items:center}.input{height:56px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:0 18px;font-size:16px;color:var(--color-text);background:#f9fafb;outline:none;transition:border-color .15s,background .15s;-webkit-appearance:none;appearance:none;width:100%}.input--with-toggle{padding-right:52px}.input:focus{border-color:#6366f1;background:#fff}.toggle-password{position:absolute;right:14px;background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;line-height:0}.toggle-password:active{color:var(--color-text)}.actions{display:flex;margin-top:8px}.actions>*+*{margin-left:12px}.btn{flex:1;height:56px;border:none;border-radius:var(--radius-sm);font-size:17px;font-weight:700;color:#fff;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent;letter-spacing:.2px}.btn:disabled{background:var(--color-disabled)!important;cursor:not-allowed}.btn-entrada{background:var(--color-entrada)}.btn-entrada:not(:disabled):active{background:var(--color-entrada-hover)}.btn-salida{background:var(--color-salida)}.btn-salida:not(:disabled):active{background:var(--color-salida-hover)}.btn-secondary{background:var(--color-bg);color:var(--color-text-muted);font-weight:600}.btn-secondary:not(:disabled):active{background:var(--color-border)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center;z-index:100}.modal{background:var(--color-card);border-radius:20px 20px 0 0;width:100%;padding:28px 24px;padding-bottom:calc(28px + constant(safe-area-inset-bottom));padding-bottom:calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.modal>*+*{margin-top:14px}.modal>.modal-actions{margin-top:18px}.modal-title{font-size:22px;font-weight:700;color:var(--color-text)}.modal-body{font-size:18px;color:var(--color-text-muted);line-height:1.6;display:flex;align-items:center;justify-content:center;gap:10px}.modal-datetime{font-size:17px;font-weight:600;color:var(--color-text)}.modal-error{font-size:14px;color:var(--color-error);background:#fef2f2;border-radius:var(--radius-sm);padding:12px 16px}.modal-actions{display:flex}.modal-actions>*+*{margin-left:12px}.snackbar{position:fixed;bottom:calc(24px + constant(safe-area-inset-bottom));bottom:calc(24px + env(safe-area-inset-bottom));left:16px;right:16px;background:var(--color-entrada);color:#fff;padding:16px 20px;border-radius:var(--radius-sm);font-size:16px;font-weight:600;text-align:center;z-index:200;box-shadow:0 4px 20px rgba(0,0,0,.2);animation:snackbar-in .25s ease}.snackbar--error{background:var(--color-salida)}@keyframes snackbar-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:480px){.page{background:var(--color-bg);align-items:center;justify-content:center;padding:32px 16px}.card{flex:none;border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:420px;padding:40px 32px;justify-content:flex-start}.modal-backdrop{align-items:center}.modal{border-radius:var(--radius);max-width:440px;padding:32px}.snackbar{left:50%;right:auto;transform:translate(-50%);white-space:nowrap;animation:snackbar-in-desktop .25s ease}@keyframes snackbar-in-desktop{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}}