@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-accent:#10b981;--color-accent-deep:#059669;--color-accent-soft:#d1fae5;--color-ink:#0f172a;--color-text:#64748b;--color-paper:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-sidebar-bg:#0f2e28;--color-sidebar-text:#a7d9cf;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-warning-bg:#fef3c7;--color-warning-text:#92400e;--color-error:#dc2626;--font-body:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--font-display:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--font-readout:"Inter", system-ui, sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--shadow-resting:0 1px 2px #0f172a0f, 0 1px 3px #0f172a14}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-paper);color:var(--color-text);margin:0}h1,h2{color:var(--color-ink);font-family:var(--font-display);margin:0;font-weight:700}p{margin:0}::selection{background:var(--color-accent);color:var(--color-surface)}.app{max-width:480px;padding:var(--space-lg);margin:0 auto}.app-header{margin-bottom:var(--space-lg);color:var(--color-text);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;font-size:.85rem;display:flex}.brand-group{align-items:center;gap:var(--space-sm);display:flex}.brand-mark{font-family:var(--font-display);color:var(--color-accent-deep);font-size:1.15rem;font-weight:700}.status-indicator{letter-spacing:.02em;color:var(--color-text);align-items:center;gap:4px;font-size:.75rem;font-weight:600;display:inline-flex}.status-dot{background:var(--color-error);border-radius:50%;width:8px;height:8px}.status-indicator.online .status-dot{background:var(--color-success)}.app-header-user{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.app-header-user span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.loading{text-align:center;margin-top:var(--space-xl);color:var(--color-text)}.login-form,.entry-form{gap:var(--space-md);max-width:360px;padding:var(--space-lg);flex-direction:column;margin:0 auto;display:flex}.login-page{min-height:100svh;padding:var(--space-lg);justify-content:center;align-items:center;display:flex}.login-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-resting);padding:var(--space-xl);margin:0}.login-form h1{margin-bottom:var(--space-xs);font-size:1.75rem;font-weight:700}.login-form label,.entry-form label{gap:var(--space-xs);color:var(--color-ink);flex-direction:column;font-size:1rem;display:flex}.login-form input,.entry-form input,.entry-form textarea,.entry-form select{background:var(--color-surface);color:var(--color-ink);font-size:1rem;font-family:var(--font-body);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px}.login-form input:focus,.entry-form input:focus,.entry-form textarea:focus,.entry-form select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.login-form button[type=submit],.entry-form button[type=submit],button.primary{font-size:1rem;font-weight:600;font-family:var(--font-body);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-surface);box-shadow:var(--shadow-resting);cursor:pointer;border:none;padding:12px 16px;transition:background .15s ease-out,transform 80ms ease-out,box-shadow 80ms ease-out}.login-form button[type=submit]:hover:not(:disabled),.entry-form button[type=submit]:hover:not(:disabled),button.primary:hover:not(:disabled){background:var(--color-accent-deep)}.login-form button[type=submit]:active:not(:disabled),.entry-form button[type=submit]:active:not(:disabled),button.primary:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.login-form button:disabled,.entry-form button:disabled,button.primary:disabled{opacity:.6;cursor:default}.error{color:var(--color-error);font-size:.85rem}.field-error{color:var(--color-error);font-size:.8rem}.field-hint{color:var(--color-text);font-size:.8rem}.tracked-note{color:var(--color-text);margin:0;font-size:.8rem}.last-saved{border-top:1px solid var(--color-border);padding-top:var(--space-md);margin-top:var(--space-xs)}.last-saved .field-hint{margin:0 0 var(--space-xs)}.login-form input.invalid,.entry-form input.invalid,.entry-form select.invalid,.entry-card input.invalid{border-color:var(--color-error)}.saved{color:var(--color-success);font-size:.85rem}.saved.synced{font-weight:700}.pending-badge{background:var(--color-warning-bg);color:var(--color-warning-text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);font-size:.85rem;font-weight:600;display:flex}.link-button{color:var(--color-warning-text);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:600;text-decoration:underline}.link-button:disabled{opacity:.6;cursor:default}.tabs{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.tabs button{flex:1 1 calc(50% - var(--space-sm));border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font-body);padding:10px}.tabs button.active{color:var(--color-accent-deep);background:var(--color-accent-soft);border-color:var(--color-accent-soft);font-weight:700}.entries-list{gap:var(--space-md);flex-direction:column;display:flex}.entry-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-resting);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.entry-date{letter-spacing:.02em;color:var(--color-text);margin:0;font-size:.8rem;font-weight:600}.entry-card-header{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.draft-badge{background:var(--color-warning-bg);color:var(--color-warning-text);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.entry-type-toggle{margin:0 0 var(--space-sm)}.type-pill{border-radius:var(--radius-pill);align-self:flex-start;padding:2px 10px;font-size:.72rem;font-weight:600;display:inline-block}.type-pill--own_production{background:var(--color-accent-soft);color:var(--color-accent-deep)}.type-pill--service{background:var(--color-border);color:var(--color-text)}.type-pill--pending{background:var(--color-warning-bg);color:var(--color-warning-text)}.pointage-status{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-resting);padding:var(--space-lg);margin-bottom:var(--space-lg);gap:var(--space-sm);flex-direction:column;align-items:flex-start;display:flex}.pointage-time{font-family:var(--font-readout);font-variant-numeric:tabular-nums;color:var(--color-accent-deep);margin:0;font-size:2rem;font-weight:700}.entry-readout{column-gap:var(--space-sm);grid-template-columns:auto 1fr;row-gap:2px;margin:0;display:grid}.entry-readout dt{font-family:var(--font-body);color:var(--color-text);font-size:.9rem}.entry-readout dd{font-family:var(--font-readout);font-variant-numeric:tabular-nums;color:var(--color-ink);text-align:right;margin:0;font-size:1.05rem;font-weight:600}.entry-notes{color:var(--color-text);margin:0;font-style:italic}.entry-card label{gap:var(--space-xs);color:var(--color-ink);flex-direction:column;font-size:.9rem;display:flex}.entry-card input,.entry-card textarea{background:var(--color-surface);color:var(--color-ink);font-size:.95rem;font-family:var(--font-body);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 10px}.entry-card input:focus,.entry-card textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.edit-actions{gap:var(--space-sm);display:flex}.offline-note{background:var(--color-border);color:var(--color-ink);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.85rem}button.secondary{background:var(--color-surface);color:var(--color-accent-deep);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;padding:8px 12px;font-weight:600;transition:border-color .15s ease-out}button.secondary:hover:not(:disabled){border-color:var(--color-accent-deep)}button.secondary:disabled{opacity:.6;cursor:default;color:var(--color-text)}