:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f4fa;--bg-grad:radial-gradient(circle at 20% -10%, #ece9fb 0%, #f4f4fa 45%, #f4f4fa 100%);--surface:#ffffffb8;--surface-solid:#fff;--surface-input:#f5f5f8;--surface-border:#3c3c4321;--text:#1d1d1f;--muted:#6e6e73;--accent:#5546d8;--accent-a:#5e5ce6;--accent-b:#0071e3;--accent-soft:#5e5ce61a;--accent-glow:#5e5ce647;--focus:#0071e3;--danger:#d70015;--danger-soft:#d7001514;--shadow-card:0 1px 2px #0000000d, 0 16px 40px -24px #1e145029;--shadow-btn:0 6px 20px -6px var(--accent-glow)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#050508;--bg-grad:radial-gradient(circle at 15% 0%, #1c1830 0%, #0a0a12 55%, #050508 100%);--surface:#ffffff0e;--surface-solid:#17151f;--surface-input:#ffffff0f;--surface-border:#ffffff17;--text:#f5f5f7;--muted:#9e9ea7;--accent:#7d7aff;--accent-a:#5e5ce6;--accent-b:#64d2ff;--accent-soft:#5e5ce629;--accent-glow:#5e5ce68c;--focus:#64d2ff;--danger:#ff453a;--danger-soft:#ff453a24;--shadow-card:0 20px 60px -30px #000000b3;--shadow-btn:0 6px 24px -6px var(--accent-glow)}}*{box-sizing:border-box}body{background:var(--bg);background-image:var(--bg-grad);min-height:100vh;color:var(--text);background-attachment:fixed;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .5rem;font-weight:700}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1.05rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.brand:before{content:"";vertical-align:middle;background:linear-gradient(135deg, var(--accent-a), var(--accent-b));width:8px;height:8px;box-shadow:0 0 10px 2px var(--accent-glow);border-radius:50%;margin-right:.5rem;display:inline-block}.app-header{z-index:10;background:var(--surface);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.5rem;display:flex;position:sticky;top:0}.app-header-title{color:var(--text);font-weight:700}.app-header-title:hover{text-decoration:none}.app-header nav,.app-header>a+a{align-items:center;gap:1.25rem;display:flex}.app-header a,.app-header .link-button{color:var(--muted);font-size:.9rem}.app-header a:hover,.app-header .link-button:hover{color:var(--text);text-decoration:none}.link-button{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.link-button:hover{text-decoration:underline}.page{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.card,.glass-panel,.activity-meta,.entries-card{background:var(--surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-card);border-radius:18px}.card{margin-bottom:.85rem;padding:1.1rem 1.25rem}.stat-strip{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem;padding:1.1rem 1.25rem;display:grid}.stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;background:linear-gradient(135deg, var(--text), var(--accent-a) 160%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700}.stat-label{color:var(--muted);margin-top:.15rem;font-size:.78rem}.entries-card{margin-bottom:1rem;overflow:hidden}.entry{border-bottom:1px solid var(--surface-border);color:var(--text);align-items:center;gap:.9rem;padding:.9rem 1.1rem;display:flex}.entry:last-child{border-bottom:none}.entry:hover{background:var(--accent-soft);text-decoration:none}.entry-bar{border-radius:3px;flex-shrink:0;align-self:stretch;width:4px}.entry-main{flex:1;min-width:0}.entry-title{font-size:.95rem;font-weight:600}.entry-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.1rem;font-size:.8rem;overflow:hidden}.entry-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.15rem;display:flex}.entry-status{color:var(--muted);font-size:.75rem}.entry-hours{font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:600}.empty-state{text-align:center;color:var(--muted);padding:1.75rem 1.25rem}.activity-form,.login-form{flex-direction:column;gap:1rem;max-width:480px;margin-top:1rem;display:flex}.login-form{background:var(--surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-card);border-radius:20px;padding:1.75rem}.activity-form label,.login-form label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.activity-form input,.activity-form select,.activity-form textarea,.login-form input{border:1px solid var(--surface-border);background:var(--surface-input);color:var(--text);font:inherit;border-radius:12px;padding:.6rem .7rem;transition:border-color .16s,box-shadow .16s}.activity-form input:focus,.activity-form select:focus,.activity-form textarea:focus,.login-form input:focus{border-color:var(--accent-b);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.activity-form fieldset{border:1px solid var(--surface-border);border-radius:12px;padding:.85rem 1rem}.activity-form legend{color:var(--muted);padding:0 .4rem;font-size:.85rem}.activity-form .checkbox-field{color:var(--text);flex-direction:row;align-items:center;gap:.5rem}.activity-form .checkbox-field input{width:auto}.activity-form button,.login-form button{background:linear-gradient(135deg, var(--accent-a), var(--accent-b));color:#fff;font:inherit;cursor:pointer;box-shadow:var(--shadow-btn);border:none;border-radius:980px;padding:.65rem 1.4rem;font-weight:600;transition:transform .16s ease-out,box-shadow .16s ease-out}.activity-form button:hover,.login-form button:hover{box-shadow:0 8px 26px -6px var(--accent-glow)}.activity-form button:active,.login-form button:active{transform:scale(.97)}.form-actions{align-self:flex-start;align-items:center;gap:1rem;display:flex}.activity-meta{grid-template-columns:max-content 1fr;gap:.4rem 1.25rem;margin:1rem 0;padding:1.1rem 1.25rem;display:grid}.activity-meta dt{color:var(--muted);font-size:.85rem}.activity-meta dd{margin:0}.card{opacity:0;animation:.3s ease-out forwards card-enter}.card:first-of-type{animation-delay:0s}.card:nth-of-type(2){animation-delay:40ms}.card:nth-of-type(3){animation-delay:80ms}.card:nth-of-type(4){animation-delay:.12s}.card:nth-of-type(5){animation-delay:.16s}.card:nth-of-type(n+6){animation-delay:.2s}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.feedback-response{border-top:1px solid var(--surface-border);margin-top:.75rem;padding-top:.75rem}.muted{color:var(--muted);font-size:.9rem}.login-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.form-error{color:var(--danger);background:var(--danger-soft);opacity:1;border-radius:10px;padding:.6rem .8rem;font-size:.9rem;transition:opacity .2s ease-out}@starting-style{.form-error{opacity:0}}.signature-pad{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.signature-pad button{border:1px solid var(--surface-border);background:var(--surface-solid);color:var(--text);font:inherit;cursor:pointer;border-radius:980px;padding:.45rem .95rem;transition:transform .16s ease-out,border-color .16s ease-out}.signature-pad button:hover{border-color:var(--accent-b)}.signature-pad button:active{transform:scale(.97)}.signature-canvas{border:1px solid var(--surface-border);touch-action:none;cursor:crosshair;background:#fff;border-radius:12px}@media (prefers-reduced-motion:reduce){.activity-form button:active,.login-form button:active,.signature-pad button:active{transform:none}.card{opacity:1;animation:none}}