*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,html{overscroll-behavior-y:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--app-bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-optical-sizing:auto;line-height:1.5;margin:0;min-width:280px;padding:0;text-rendering:optimizeLegibility;transition:background-color .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1)}::backdrop{background:#00000080}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::selection{background:#4f7cff4d;color:#fafafa}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*,:after,:before{transition-duration:.2s;transition-property:background-color,border-color,color,box-shadow;transition-timing-function:cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:0ms!important;transition-property:none!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}html.no-transitions,html.no-transitions *,html.no-transitions :after,html.no-transitions :before{transition-duration:0ms!important;transition-property:none!important}@keyframes ripple-reveal{0%{-webkit-clip-path:circle(0 at 50vw 50vh);clip-path:circle(0 at 50vw 50vh);-webkit-clip-path:circle(0 at var(--toggle-x,50vw) var(--toggle-y,50vh));clip-path:circle(0 at var(--toggle-x,50vw) var(--toggle-y,50vh))}to{-webkit-clip-path:circle(150% at 50vw 50vh);clip-path:circle(150% at 50vw 50vh);-webkit-clip-path:circle(150% at var(--toggle-x,50vw) var(--toggle-y,50vh));clip-path:circle(150% at var(--toggle-x,50vw) var(--toggle-y,50vh))}}@supports (view-transition-name:none){::view-transition-old(root){animation:none;mix-blend-mode:normal;opacity:1}::view-transition-new(root){animation:ripple-reveal .6s cubic-bezier(.16,1,.3,1) both;mix-blend-mode:normal}}@media (prefers-reduced-motion:reduce){::view-transition-new(root),::view-transition-old(root){animation:none}}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--font-display:"Inter",sans-serif;--font-ui:"Inter",sans-serif;--text-xs:0.625rem;--text-sm:0.6875rem;--text-base:0.75rem;--text-md:0.8125rem;--text-lg:0.875rem;--text-xl:1rem;--text-2xl:1.125rem;--text-3xl:1.375rem;--text-4xl:1.75rem;--text-5xl:2.25rem;--text-6xl:3rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.15;--leading-normal:1.4;--leading-relaxed:1.6;--leading-loose:1.8;--tracking-tight:-0.02em;--tracking-normal:0em;--tracking-wide:0.02em;--tracking-wider:0.04em;--tracking-widest:0.08em;--color-black:#000;--color-white:#fff;--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-200:#e4e4e7;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-900:#18181b;--gray-950:#09090b;--blue-50:#eaf2ff;--blue-100:#d6e5ff;--blue-200:#adcbff;--blue-300:#79a8ff;--blue-400:#4f7cff;--blue-500:#3f6ef5;--blue-600:#2f5ae0;--blue-700:#1f46cc;--blue-800:#0f32b8;--blue-900:#0a1e6b;--green-50:#f0fdf4;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--red-50:#fef2f2;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--amber-50:#fffbeb;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--purple-400:#a78bfa;--purple-500:#8b5cf6;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--app-bg:var(--gray-950);--surface-1:var(--gray-900);--surface-2:var(--gray-800);--surface-hover:#1f1f23;--border-default:#ffffff0f;--border-subtle:#ffffff0a;--border-hover:#ffffff1a;--border-active:#ffffff24;--text-quaternary:var(--gray-600);--text-inverse:var(--gray-900);--text-link:var(--blue-400);--blue-border:#4f7cff33;--blue-glow-soft:#4f7cff0f;--gradient-brand:linear-gradient(135deg,var(--blue-300),var(--accent));--gradient-brand-subtle:linear-gradient(135deg,#4f7cff26,#4f7cff0d);--gradient-brand-hover:linear-gradient(135deg,#8ab4ff,#5c86ff);--gradient-success:linear-gradient(135deg,var(--green-400),var(--green-500));--gradient-warning:linear-gradient(135deg,var(--amber-400),var(--amber-500));--gradient-danger:linear-gradient(135deg,var(--red-400),var(--red-500));--ring-track:#ffffff0f;--ring-glow:var(--accent-glow);--ring-glow-achieved:#22c55e2e;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--card-radius:var(--radius-xl);--section-radius:var(--radius-xl);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 8px 24px #0006;--shadow-xl:0 25px 50px -12px #00000080;--shadow-glow:0 0 20px var(--blue-glow-medium),0 2px 8px #0000001f;--card-shadow:var(--shadow-xl);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--glass-bg:#18181bb3;--glass-border:#ffffff0f;--glass-blur:12px;--glass-blur-strong:24px;--duration-instant:0ms;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--duration-slower:600ms;--duration-slowest:1000ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-linear:linear;--transition-fade:opacity var(--duration-fast) var(--ease-out);--transition-color:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);--transition-shadow:box-shadow var(--duration-normal) var(--ease-out);--transition-transform:transform var(--duration-normal) var(--ease-out);--transition-elevation:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);--transition-all:all var(--duration-normal) var(--ease-out);--container-max:1400px;--container-padding:var(--space-6);--container-gutter:var(--space-6);--grid-gap:var(--space-5);--grid-column-gap:var(--space-6);--grid-row-gap:var(--space-5);--section-gap:var(--space-5);--sidebar-width:240px;--header-height:56px;--bottomnav-height:64px}html{transition:background-color .25s cubic-bezier(.16,1,.3,1)}[data-theme-mode=light]{--app-bg:#f5f6f8;--surface-1:#fff;--surface-2:#f0f1f3;--surface-hover:#f8f9fb;--border-default:#0000000f;--border-subtle:#0000000a;--border-hover:#0000001a;--border-active:#00000024;--hover-bg:#00000008;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-quaternary:#9ca3af;--text-inverse:#fafafa;--text-link:var(--blue-500);--accent:var(--blue-500);--accent-hover:var(--blue-400);--accent-active:var(--blue-600);--accent-secondary:var(--blue-500);--accent-light:var(--blue-50);--accent-glow:#3f6ef51f;--focus-ring:#3f6ef540;--blue-subtle:#3f6ef50f;--blue-border:#3f6ef526;--blue-hover:#3f6ef514;--blue-glow-soft:#3f6ef50a;--blue-glow-medium:#3f6ef514;--blue-glow-strong:#3f6ef524;--gradient-brand:linear-gradient(135deg,var(--blue-400),var(--blue-500));--gradient-brand-subtle:linear-gradient(135deg,#3f6ef51a,#3f6ef50a);--gradient-brand-hover:linear-gradient(135deg,#79a8ff,#3f6ef5);--ring-track:#00000014;--ring-glow:#0000;--ring-glow-achieved:#0000;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-xl:0 25px 50px -12px #0000001f;--shadow-glow:0 0 20px var(--blue-glow-medium),0 2px 8px #0000000f;--card-shadow:var(--shadow-lg);--glass-bg:#ffffffb3;--glass-border:#0000000f}.ds-title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.ds-section-title{color:var(--text-secondary);font-family:var(--font-display);letter-spacing:var(--tracking-wide);text-transform:uppercase}.ds-card-title,.ds-section-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-normal);margin:0}.ds-card-title{color:var(--text-primary);font-family:var(--font-ui)}.ds-metric-primary{font-feature-settings:"tnum";font-size:var(--text-3xl);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight)}.ds-metric-primary,.ds-metric-secondary{color:var(--text-primary);font-family:var(--font-ui);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.ds-metric-secondary{font-feature-settings:"tnum";font-size:var(--text-xl);font-variant-numeric:tabular-nums}.ds-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);line-height:var(--leading-normal);text-transform:uppercase}.ds-caption,.ds-label{color:var(--text-tertiary);font-family:var(--font-ui)}.ds-caption{font-size:var(--text-sm);font-weight:var(--weight-regular);line-height:var(--leading-relaxed)}.ds-helper{color:var(--text-quaternary);font-weight:var(--weight-regular);line-height:var(--leading-normal)}.ds-badge-text,.ds-helper{font-family:var(--font-ui);font-size:var(--text-xs)}.ds-badge-text{font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);line-height:1;text-transform:uppercase}.ds-body{color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-relaxed)}.ds-mono{font-feature-settings:"tnum";font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ds-container{margin:0 auto;max-width:var(--container-max);padding:0 var(--container-padding);width:100%}.ds-section{margin-bottom:var(--section-gap)}.ds-section:last-child{margin-bottom:0}.ds-section-header{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.ds-section-header__icon{color:var(--accent);flex-shrink:0}.ds-grid{grid-gap:var(--grid-gap);display:grid;gap:var(--grid-gap)}.ds-grid--2{grid-template-columns:repeat(2,1fr)}.ds-grid--3{grid-template-columns:repeat(3,1fr)}.ds-grid--4{grid-template-columns:repeat(4,1fr)}.ds-grid--sidebar{grid-template-columns:1fr 2fr}.ds-grid--auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ds-flex{display:flex}.ds-flex--center{align-items:center;display:flex;justify-content:center}.ds-flex--between{align-items:center;display:flex;justify-content:space-between}.ds-flex--col{display:flex;flex-direction:column}.ds-flex--wrap{display:flex;flex-wrap:wrap}.ds-gap-1{gap:var(--space-1)}.ds-gap-2{gap:var(--space-2)}.ds-gap-3{gap:var(--space-3)}.ds-gap-4{gap:var(--space-4)}.ds-gap-5{gap:var(--space-5)}.ds-gap-6{gap:var(--space-6)}.ds-gap-8{gap:var(--space-8)}.ds-mt-4{margin-top:var(--space-4)}.ds-mt-6{margin-top:var(--space-6)}.ds-mt-8{margin-top:var(--space-8)}.ds-mb-4{margin-bottom:var(--space-4)}.ds-mb-6{margin-bottom:var(--space-6)}.ds-p-4{padding:var(--space-4)}.ds-p-6{padding:var(--space-6)}@media (max-width:1024px){.ds-grid--3,.ds-grid--4{grid-template-columns:repeat(2,1fr)}.ds-grid--sidebar{grid-template-columns:1fr}}@media (max-width:768px){.ds-container{padding:0 var(--space-4)}.ds-grid--2,.ds-grid--3,.ds-grid--4,.ds-grid--auto{grid-template-columns:1fr}}.ds-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--space-6);transition:var(--transition-elevation),var(--transition-color)}.ds-card:hover{border-color:var(--border-hover)}.ds-card--glow:hover{border-color:var(--blue-border);box-shadow:var(--shadow-glow)}.ds-card--interactive{cursor:pointer}.ds-card--interactive:hover{background:var(--surface-hover);border-color:var(--blue-border);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.ds-card__header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.ds-btn{align-items:center;background:#0000;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-semibold);gap:var(--space-2);justify-content:center;line-height:1;overflow:hidden;padding:var(--space-2) var(--space-4);position:relative;touch-action:manipulation;transition:var(--transition-color),var(--transition-shadow),var(--transition-transform);-webkit-user-select:none;user-select:none;white-space:nowrap}.ds-btn:hover{background:#ffffff08;border-color:var(--border-hover)}.ds-btn:active{transform:scale(.98)}.ds-btn--primary{background:var(--gradient-brand);border-color:#0000;box-shadow:0 1px 4px #4f7cff33;color:var(--color-white)}.ds-btn--primary:hover{background:var(--gradient-brand-hover);border-color:#0000;box-shadow:0 2px 12px #4f7cff4d;transform:translateY(-1px)}.ds-btn--primary:active{background:var(--accent-active);box-shadow:none;transform:translateY(0)}.ds-btn--ghost{background:#0000;border-color:#0000;color:var(--text-secondary)}.ds-btn--ghost:hover{background:#ffffff0a;border-color:#0000;color:var(--text-primary)}.ds-btn--danger{border-color:#ef444433;color:var(--red-400)}.ds-btn--danger:hover{background:#ef444414;border-color:#ef44444d}.ds-btn--sm{border-radius:var(--radius-sm);font-size:var(--text-sm);padding:var(--space-1) var(--space-3)}.ds-btn--lg{border-radius:var(--radius-lg);font-size:var(--text-md);padding:var(--space-3) var(--space-6)}.ds-btn--icon{min-height:32px;min-width:32px;padding:var(--space-2)}.ds-btn--block{width:100%}.ds-btn:disabled,.ds-btn[disabled]{opacity:.4;pointer-events:none}.ds-btn-group{display:inline-flex;gap:var(--space-1)}.ds-btn-group .ds-btn{border-radius:0}.ds-btn-group .ds-btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.ds-btn-group .ds-btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.ds-btn-group .ds-btn:only-child{border-radius:var(--radius-md)}.ds-input{background:#0003;border:1px solid var(--border-default);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);display:block;font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-regular);outline:none;padding:var(--space-2) var(--space-3);transition:var(--transition-color),var(--transition-shadow);width:100%}.ds-input::placeholder{color:var(--text-quaternary)}.ds-input:hover{border-color:var(--border-hover)}.ds-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.ds-input--error{border-color:var(--red-500)}.ds-input--error:focus{box-shadow:0 0 0 3px #ef444440}.ds-input-label{color:var(--text-tertiary);display:block;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);margin-bottom:var(--space-1);text-transform:uppercase}.ds-input-group{display:flex;flex-direction:column;gap:var(--space-1)}.ds-select{appearance:none;-webkit-appearance:none;background:#0003;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:block;font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-regular);outline:none;padding:var(--space-2) var(--space-3);padding-right:var(--space-8);transition:var(--transition-color);width:100%}.ds-select:hover{border-color:var(--border-hover)}.ds-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.ds-badge{align-items:center;background:#ffffff0f;border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-semibold);gap:var(--space-1);letter-spacing:var(--tracking-wide);line-height:1.5;padding:2px var(--space-2);white-space:nowrap}.ds-badge--accent{background:var(--blue-subtle);color:var(--accent-secondary)}.ds-badge--success{background:#22c55e1a;color:var(--green-400)}.ds-badge--warning{background:#f59e0b1a;color:var(--amber-400)}.ds-badge--danger{background:#ef44441a;color:var(--red-400)}.ds-chip{align-items:center;background:#ffffff08;border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3);transition:var(--transition-color)}.ds-chip:hover{border-color:var(--border-hover);color:var(--text-primary)}.ds-chip--active{background:var(--blue-subtle);border-color:var(--blue-border);color:var(--accent-secondary)}.ds-empty{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.ds-empty__icon{color:var(--text-quaternary);margin-bottom:var(--space-1)}.ds-empty__title{color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--weight-medium)}.ds-empty__desc,.ds-empty__title{font-family:var(--font-ui);margin:0}.ds-empty__desc{color:var(--text-tertiary);font-size:var(--text-base);line-height:var(--leading-relaxed);max-width:320px}.ds-toolbar{flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--space-5)}.ds-toolbar,.ds-toolbar__left{align-items:center;display:flex;gap:var(--space-3)}.ds-toolbar__left{flex:1 1;min-width:0}.ds-toolbar__right{align-items:center;display:flex;flex-shrink:0;gap:var(--space-3)}.ds-skeleton{animation:ds-shimmer 1.5s ease-in-out infinite;background:#ffffff0a;background-image:linear-gradient(90deg,#ffffff0a,#ffffff14 50%,#ffffff0a);background-size:200% 100%;border-radius:var(--radius-sm)}.ds-skeleton--text{height:12px;margin-bottom:var(--space-2);width:60%}.ds-skeleton--heading{height:20px;margin-bottom:var(--space-3);width:40%}.ds-skeleton--card{border-radius:var(--card-radius);height:120px}.ds-stat{display:flex;flex-direction:column;gap:2px}.ds-stat__label{color:var(--text-tertiary);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.ds-stat__value{font-feature-settings:"tnum";color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:var(--weight-bold);line-height:var(--leading-tight)}.ds-stat__value--accent{color:var(--accent-secondary)}.ds-stat__value--success{color:var(--green-400)}.ds-stat__value--warning{color:var(--amber-400)}.ds-stat__value--danger{color:var(--red-400)}.ds-stat__sub{color:var(--text-tertiary);font-family:var(--font-ui);font-size:var(--text-sm)}.ds-tabs{border-bottom:1px solid var(--border-subtle);display:flex;gap:0;margin-bottom:var(--space-4)}.ds-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-medium);gap:var(--space-2);margin-bottom:-1px;padding:var(--space-2) var(--space-4);touch-action:manipulation;transition:var(--transition-color)}.ds-tab:hover{color:var(--text-secondary)}.ds-tab--active{border-bottom-color:var(--accent);color:var(--accent)}.ds-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.ds-page-header__left{min-width:0}.ds-page-header__left,.ds-page-header__right{align-items:center;display:flex;gap:var(--space-3)}.ds-page-header__right{flex-shrink:0}@keyframes ds-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ds-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ds-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes ds-ring{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.4)}}@keyframes ds-spin{to{transform:rotate(1turn)}}@keyframes ds-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ds-anim-fade-in{animation:ds-fade-in var(--duration-normal) var(--ease-out) both}.ds-anim-fade-in-up{animation:ds-fade-in-up var(--duration-slow) var(--ease-out) both}.ds-anim-scale-in{animation:ds-scale-in var(--duration-normal) var(--ease-out) both}.ds-anim-slide-down{animation:ds-slide-down var(--duration-fast) var(--ease-out) both}.ds-anim-stagger>*{animation:ds-fade-in-up var(--duration-slow) var(--ease-out) both;animation-delay:0s;animation-delay:calc(var(--stagger-delay, .05s)*var(--item-index, 0))}.ds-card-entrance{animation:ds-fade-in-up var(--duration-slow) var(--ease-out) both}.ds-hover-lift{transition:var(--transition-elevation)}.ds-hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ds-focus-visible:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-shell[data-theme=dashboard]{--ambient-hue-1:220;--ambient-hue-2:210;--ambient-hue-3:225;--ambient-sat:55%;--ambient-light:50%;--ambient-alpha-1:0.05;--ambient-alpha-2:0.035;--ambient-alpha-3:0.025;--ambient-card-glow:220,50%;--ambient-card-glow-alpha:0.06}.app-shell[data-theme=calculator]{--ambient-hue-1:230;--ambient-hue-2:255;--ambient-hue-3:260;--ambient-sat:45%;--ambient-light:48%;--ambient-alpha-1:0.045;--ambient-alpha-2:0.03;--ambient-alpha-3:0.02;--ambient-card-glow:250,40%;--ambient-card-glow-alpha:0.05}.app-shell[data-theme=analytics]{--ambient-hue-1:200;--ambient-hue-2:185;--ambient-hue-3:175;--ambient-sat:50%;--ambient-light:48%;--ambient-alpha-1:0.045;--ambient-alpha-2:0.03;--ambient-alpha-3:0.02;--ambient-card-glow:195,45%;--ambient-card-glow-alpha:0.05}.app-shell[data-theme=history]{--ambient-hue-1:215;--ambient-hue-2:220;--ambient-hue-3:210;--ambient-sat:10%;--ambient-light:35%;--ambient-alpha-1:0.016;--ambient-alpha-2:0.012;--ambient-alpha-3:0.008;--ambient-card-glow:215,10%;--ambient-card-glow-alpha:0.025}.app-shell[data-theme=settings]{--ambient-hue-1:215;--ambient-hue-2:225;--ambient-hue-3:230;--ambient-sat:25%;--ambient-light:42%;--ambient-alpha-1:0.035;--ambient-alpha-2:0.025;--ambient-alpha-3:0.018;--ambient-card-glow:220,20%;--ambient-card-glow-alpha:0.04}.app-shell[data-theme=achievements]{--ambient-hue-1:225;--ambient-hue-2:235;--ambient-hue-3:240;--ambient-sat:40%;--ambient-light:46%;--ambient-alpha-1:0.04;--ambient-alpha-2:0.028;--ambient-alpha-3:0.02;--ambient-card-glow:230,35%;--ambient-card-glow-alpha:0.05}.app-shell[data-theme=import]{--ambient-hue-1:218;--ambient-hue-2:215;--ambient-hue-3:212;--ambient-sat:35%;--ambient-light:44%;--ambient-alpha-1:0.035;--ambient-alpha-2:0.025;--ambient-alpha-3:0.018;--ambient-card-glow:215,30%;--ambient-card-glow-alpha:0.04}.ambient-bg{inset:0;isolation:isolate;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.ambient-mesh{animation:ambientMeshDrift 60s ease-in-out infinite;height:300%;inset:-100%;width:300%}.ambient-mesh,.ambient-mesh__orb{position:absolute;will-change:transform}.ambient-mesh__orb{border-radius:50%;filter:blur(100px);opacity:.6}.ambient-mesh__orb--1{animation:ambientOrb1 50s ease-in-out infinite alternate;background:radial-gradient(ellipse,hsla(var(--ambient-hue-1),var(--ambient-sat),var(--ambient-light),var(--ambient-alpha-1)) 0,#0000 65%);height:40%;left:5%;top:10%;width:50%}.ambient-mesh__orb--2{animation:ambientOrb2 55s ease-in-out infinite alternate;background:radial-gradient(ellipse,hsla(var(--ambient-hue-2),var(--ambient-sat),var(--ambient-light),var(--ambient-alpha-2)) 0,#0000 65%);height:50%;right:0;top:45%;width:45%}.ambient-mesh__orb--3{animation:ambientOrb3 45s ease-in-out infinite alternate;background:radial-gradient(ellipse,hsla(var(--ambient-hue-3),var(--ambient-sat),var(--ambient-light),var(--ambient-alpha-3)) 0,#0000 65%);bottom:5%;height:35%;left:30%;width:40%}@keyframes ambientMeshDrift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-2%,1.5%) scale(1.02)}50%{transform:translate(1%,-2%) scale(.98)}75%{transform:translate(-1.5%,-1%) scale(1.01)}}@keyframes ambientOrb1{0%{transform:translate(0) scale(1)}33%{transform:translate(3%,-2%) scale(1.05)}66%{transform:translate(-2%,3%) scale(.95)}to{transform:translate(2%,1%) scale(1.02)}}@keyframes ambientOrb2{0%{transform:translate(0) scale(1)}33%{transform:translate(-3%,2%) scale(.95)}66%{transform:translate(2%,-3%) scale(1.05)}to{transform:translate(-1%,-2%) scale(1.02)}}@keyframes ambientOrb3{0%{transform:translate(0) scale(1)}50%{transform:translate(2%,3%) scale(1.04)}to{transform:translate(-3%,-1%) scale(.96)}}.ambient-aurora{animation:ambientAuroraDrift 45s ease-in-out infinite alternate;height:300%;inset:-100%;pointer-events:none;width:300%}.ambient-aurora,.ambient-aurora__band{position:absolute;will-change:transform}.ambient-aurora__band{border-radius:50%;filter:blur(150px);opacity:.35}.ambient-aurora__band--1{animation:ambientAurora1 40s ease-in-out infinite alternate;background:radial-gradient(ellipse at 50% 50%,hsla(var(--ambient-hue-1),var(--ambient-sat),var(--ambient-light),calc(var(--ambient-alpha-1)*.7)) 0,#0000 70%);height:30%;left:15%;top:20%;width:70%}.ambient-aurora__band--2{animation:ambientAurora2 50s ease-in-out infinite alternate;background:radial-gradient(ellipse at 50% 50%,hsla(var(--ambient-hue-2),var(--ambient-sat),var(--ambient-light),calc(var(--ambient-alpha-2)*.7)) 0,#0000 70%);height:25%;right:10%;top:55%;width:60%}.ambient-aurora__band--3{animation:ambientAurora3 55s ease-in-out infinite alternate;background:radial-gradient(ellipse at 50% 50%,hsla(var(--ambient-hue-3),calc(var(--ambient-sat) + 10%),var(--ambient-light),calc(var(--ambient-alpha-3)*.8)) 0,#0000 70%);bottom:5%;height:35%;left:40%;width:50%}@keyframes ambientAuroraDrift{0%{transform:translateY(-2%) scale(1)}50%{transform:translateY(2%) scale(1.02)}to{transform:translateY(-1%) scale(.98)}}@keyframes ambientAurora1{0%{opacity:.3;transform:translate(0) scaleX(1)}50%{opacity:.45;transform:translate(1%,-2%) scaleX(1.05)}to{opacity:.35;transform:translate(-1%,1%) scaleX(.95)}}@keyframes ambientAurora2{0%{opacity:.35;transform:translate(0) scaleX(1)}50%{opacity:.25;transform:translate(-1.5%,1%) scaleX(.95)}to{opacity:.35;transform:translate(1%,-1.5%) scaleX(1.05)}}@keyframes ambientAurora3{0%{opacity:.3;transform:translate(0) scaleX(1)}50%{opacity:.4;transform:translate(1.5%,1.5%) scaleX(1.04)}to{opacity:.3;transform:translate(-1%,-1%) scaleX(.96)}}.ambient-grid{animation:ambientGridShift 120s linear infinite;background-image:linear-gradient(hsla(var(--ambient-hue-1),var(--ambient-sat),var(--ambient-light),.15) 1px,#0000 1px),linear-gradient(90deg,hsla(var(--ambient-hue-1),var(--ambient-sat),var(--ambient-light),.15) 1px,#0000 1px);background-size:80px 80px;inset:0;opacity:.025;position:absolute;will-change:transform}@keyframes ambientGridShift{0%{transform:translate(0)}25%{transform:translate(-10px,5px)}50%{transform:translate(5px,-10px)}75%{transform:translate(-5px,8px)}to{transform:translate(8px,-3px)}}.ambient-canvas{inset:0;pointer-events:none;position:absolute;z-index:1}.app-card,.dash-ach-badge,.dash-card,[class*=card]{--card-ambient-glow:hsla(var(--ambient-card-glow,220,50%),var(--ambient-card-glow-alpha,0.04))}.app-card:after,.dash-ach-badge:after,.dash-card:after{border-radius:inherit;box-shadow:inset 0 0 60px var(--card-ambient-glow),0 0 40px var(--card-ambient-glow);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .6s ease}.app-card:hover:after,.dash-ach-badge:hover:after,.dash-card:hover:after{opacity:1}@media (prefers-reduced-motion:reduce){.ambient-bg{display:none}.ambient-aurora,.ambient-aurora__band,.ambient-grid,.ambient-mesh,.ambient-mesh__orb{animation:none!important}.app-card:after,.dash-ach-badge:after,.dash-card:after{display:none}}[data-theme-mode=light] .ambient-mesh__orb{opacity:.2}[data-theme-mode=light] .ambient-aurora__band{opacity:.12}[data-theme-mode=light] .ambient-grid{opacity:.008}[data-theme-mode=light]{--ambient-alpha-1:0.025;--ambient-alpha-2:0.018;--ambient-alpha-3:0.012;--ambient-card-glow-alpha:0.025}[data-theme-mode=light] .ambient-aurora__band,[data-theme-mode=light] .ambient-mesh__orb{filter:blur(80px)}:root{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;--card-bg:var(--surface-1);--border:var(--border-default);--hover-bg:#ffffff0a;--text-primary:var(--gray-50);--text-secondary:var(--gray-400);--text-tertiary:var(--gray-500);--accent:var(--blue-400);--accent-hover:var(--blue-300);--accent-active:var(--blue-500);--accent-secondary:var(--blue-300);--accent-light:var(--blue-50);--accent-glow:#4f7cff2e;--focus-ring:#4f7cff59;--blue-subtle:#4f7cff0f;--blue-border:#4f7cff26;--blue-hover:#4f7cff1a;--blue-glow-soft:#4f7cff14;--blue-glow-medium:#4f7cff1f;--blue-glow-strong:#4f7cff33;--gradient-brand:linear-gradient(135deg,var(--blue-300),var(--blue-400));--gradient-brand-subtle:linear-gradient(135deg,#79a8ff26,#4f7cff1a);--gradient-brand-hover:linear-gradient(135deg,#79a8ff40,#4f7cff2e)}.app-loader{align-items:center;background:var(--app-bg);display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9999}.app-loader__orb{border-radius:50%;filter:blur(80px);pointer-events:none;position:absolute}.app-loader__orb--1{background:radial-gradient(circle,#4f7cff40 0,#0000 70%);height:400px;right:-80px;top:-100px;width:400px}.app-loader__orb--2{background:radial-gradient(circle,#4f7cff2e 0,#0000 70%);bottom:-80px;height:320px;left:-60px;width:320px}.app-loader__content{align-items:center;display:flex;flex-direction:column;gap:0;position:relative;z-index:1}.app-loader__logo{align-items:center;background:linear-gradient(135deg,#4f7cff33,#4f7cff26);border:1px solid #4f7cff4d;border-radius:18px;color:var(--blue-400);color:var(--accent);display:flex;height:64px;justify-content:center;margin-bottom:20px;width:64px}.app-loader__title{color:var(--gray-50);color:var(--text-primary);font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin:0 0 10px}.app-loader__msg-wrap{align-items:center;display:flex;height:20px;justify-content:center;margin-bottom:28px}.app-loader__msg{color:var(--gray-500);color:var(--text-tertiary);font-size:.82rem;letter-spacing:.01em;margin:0;text-align:center}.app-loader__track{background:#ffffff12;border-radius:2px;height:2px;overflow:hidden;position:relative;width:200px}.app-loader__bar{background:linear-gradient(90deg,#0000,var(--blue-400),var(--blue-300),#0000);background:linear-gradient(90deg,#0000,var(--accent),var(--accent-secondary),#0000);border-radius:2px;inset-block:0;left:0;position:absolute;width:45%}.sk-box,.sk-line{background:#ffffff0d;border-radius:6px;display:inline-block;flex-shrink:0;overflow:hidden;position:relative}.sk-line{display:block}.sk-shimmer{animation:sk-sweep 1.8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff0f 45%,#ffffff1a 50%,#ffffff0f 55%,#0000);background-size:300% 100%;inset:0;position:absolute}@keyframes sk-sweep{0%{background-position:150%}to{background-position:-50%}}@media (prefers-reduced-motion:reduce){.sk-shimmer{animation:none;background:#ffffff0f}.app-loader__bar{animation:none;opacity:.5;width:60%}}.sk-card-wrap{overflow:hidden;position:relative}.App{background:var(--app-bg);color:var(--gray-50);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.App-header{display:flex;justify-content:center;padding:24px 24px 0}.App-header__inner{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;max-width:680px;width:100%}.App-header__left{flex:1 1;min-width:0}.App-brand{align-items:center;display:flex;gap:10px}.App-brand__icon{color:var(--blue-400);color:var(--accent);flex-shrink:0}.App-title{color:var(--gray-50);color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0}.App-subtitle{color:var(--gray-500);color:var(--text-tertiary);font-size:13px;font-weight:400;margin:4px 0 0}.App-header__right{flex-shrink:0}.App-header__status{align-items:center;background:#ffffff0a;background:var(--hover-bg);border:1px solid var(--border-default);border-radius:20px;color:var(--gray-400);color:var(--text-secondary);display:flex;font-size:12px;gap:6px;padding:6px 10px}.App-header__dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.App-header__dot--online{background:#22c55e;box-shadow:0 0 0 3px #22c55e26}.App-header__dot--offline{background:#71717a}.App-header__status-label{font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.App-header__signin{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--gray-400);color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;padding:6px 12px;transition:all .15s ease}.App-header__signin:hover{background:#4f7cff14;border-color:var(--accent);color:var(--blue-400);color:var(--accent)}.App-main{width:100%}.calc-section{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--card-radius);box-shadow:var(--card-shadow);margin-bottom:var(--space-5);padding:var(--space-6)}.calc-section:last-child{margin-bottom:0}.calc-section-header{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.calc-section-header__icon{color:var(--blue-300);color:var(--accent-secondary);flex-shrink:0}.calc-section-header__title{color:var(--gray-400);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);margin:0;text-transform:uppercase}.App-card{margin:0 auto;max-width:920px;width:100%}.calc-hero{display:flex;flex-direction:column;gap:var(--space-5)}.calc-hero__toolbar{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between}.calc-hero__expected{align-items:center;display:flex;gap:var(--space-3)}.calc-hero__expected label{color:var(--gray-500);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;white-space:nowrap}.calc-hero__expected-input{align-items:center;background:#0003;border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:text;display:flex;gap:var(--space-1);padding:var(--space-1) var(--space-2);transition:var(--transition-color)}.calc-hero__expected-input:hover{border-color:var(--border-hover)}.calc-hero__expected-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #4f7cff59;box-shadow:0 0 0 3px var(--focus-ring)}.calc-hero__expected-input input{font-feature-settings:"tnum";-moz-appearance:textfield;background:#0000;border:none;color:var(--gray-50);color:var(--text-primary);font-family:inherit;font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:var(--weight-bold);outline:none;padding:0;text-align:center;width:40px}.calc-hero__expected-input input::-webkit-inner-spin-button,.calc-hero__expected-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calc-hero__expected-suffix{color:var(--gray-500);color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}.calc-hero__actions{align-items:center;display:flex;gap:var(--space-2)}.calc-hero__punch{display:flex;gap:var(--space-8);justify-content:center;padding:var(--space-3) 0}.calc-hero__session{align-items:center;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:center;padding:var(--space-3) var(--space-5)}.calc-hero__session-stat{align-items:center;color:var(--gray-500);color:var(--text-tertiary);display:flex;font-size:var(--text-sm);gap:var(--space-2)}.calc-hero__session-stat svg{color:var(--blue-300);color:var(--accent-secondary);flex-shrink:0}.calc-hero__session-stat strong{font-feature-settings:"tnum";color:var(--gray-50);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.calc-hero__session-stat--status{gap:var(--space-1)}.calc-hero__session-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.calc-hero__session-dot--in{background:#22c55e;box-shadow:0 0 8px #22c55e66}.calc-hero__session-dot--out{background:var(--gray-500);background:var(--text-tertiary)}.calc-hero__session-divider{background:var(--border-subtle);flex-shrink:0;height:24px;width:1px}.csv-export-panel{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:16px;overflow:hidden;padding:16px}.csv-export-panel__empty{color:#71717a;font-size:13px;margin:0}.csv-export-panel__options{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.csv-export-panel__radio{align-items:center;color:#a1a1aa;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:4px 0}.csv-export-panel__radio input{accent-color:var(--blue-400);accent-color:var(--accent)}.csv-export-panel__custom{background:#ffffff08;border-radius:8px;margin-bottom:12px;padding:12px}.csv-export-panel__label{align-items:center;color:var(--gray-500);color:var(--text-tertiary);display:flex;font-size:var(--text-base);gap:8px;margin-bottom:6px}.csv-export-panel__label select{background:#4f7cff0f;background:var(--blue-subtle);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--gray-50);color:var(--text-primary);flex:1 1;font-family:inherit;font-size:var(--text-base);outline:none;padding:4px 8px}.csv-export-panel__label select:focus{border-color:var(--accent)}.csv-export-panel__actions{display:flex;gap:8px}.csv-export-panel__btn{border:1px solid #0000;border-radius:8px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:6px 14px}.csv-export-panel__btn--primary{background:var(--blue-400);background:var(--accent);border-color:var(--accent);color:#fafafa}.csv-export-panel__btn--primary:hover:not(:disabled){background:var(--blue-300);background:var(--accent-hover)}.csv-export-panel__btn--primary:disabled{cursor:not-allowed;opacity:.4}.csv-export-panel__btn--secondary{background:#0000;border-color:#ffffff14;color:#a1a1aa}.csv-export-panel__btn--secondary:hover{border-color:#ffffff24;color:#fafafa}.App-punch{display:flex;gap:16px;justify-content:center}.App-punch__btn{align-items:center;border:none;border-radius:40px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:-.01em;min-width:180px;overflow:hidden;padding:11px 28px;position:relative;touch-action:manipulation;transition:box-shadow .25s ease,background .25s ease,transform .2s ease,opacity .25s ease}.App-punch__btn:after{border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.App-punch__btn:hover:after{opacity:1}.App-punch__btn:active{transform:scale(.97)}.App-punch__btn--in{background:linear-gradient(135deg,var(--blue-400),#3f6ef5);background:linear-gradient(135deg,var(--accent),#3f6ef5);box-shadow:0 8px 24px #4f7cff33;color:#fafafa}.App-punch__btn--in:after{background:linear-gradient(135deg,#ffffff1a,#0000)}.App-punch__btn--in:hover{box-shadow:0 12px 32px #4f7cff4d;transform:translateY(-2px)}.App-punch__btn--in:active{transform:translateY(0) scale(.97)}.App-punch__btn--out{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 24px #ef444433;color:#fafafa}.App-punch__btn--out:after{background:linear-gradient(135deg,#ffffff1a,#0000)}.App-punch__btn--out:hover{box-shadow:0 12px 32px #ef44444d;transform:translateY(-2px)}.App-punch__btn--out:active{transform:translateY(0) scale(.97)}.App-punch__icon,.progress-ring{align-items:center;display:flex}.progress-ring{flex-shrink:0;justify-content:center;position:relative}.progress-ring svg{display:block}.ring-track{stroke:var(--ring-track)}.ring-progress{stroke:var(--blue-400);stroke:var(--accent);transition:stroke-dashoffset .5s cubic-bezier(.16,1,.3,1)}.progress-ring--achieved .ring-progress{stroke:var(--green-500)}.ring-glow{stroke:var(--blue-400);stroke:var(--accent);opacity:0;transition:stroke-dashoffset .5s cubic-bezier(.16,1,.3,1),opacity .3s}[data-theme-mode=dark] .ring-glow{filter:url(#ringGlow);opacity:1}.progress-ring--achieved .ring-glow{stroke:var(--green-500)}.progress-ring__center{align-items:center;display:flex;flex-direction:column;gap:0;pointer-events:none;position:absolute;text-align:center}.progress-ring__time{font-feature-settings:"tnum";color:var(--gray-50);color:var(--text-primary);font-size:1.1rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.progress-ring--achieved .progress-ring__time{color:var(--green-400)}.progress-ring__pct{color:var(--blue-400);color:var(--accent);font-size:.75rem;font-weight:600;letter-spacing:.02em;line-height:1.3}.progress-ring__pct--achieved{color:var(--green-400)}.progress-ring__goal{color:var(--gray-500);color:var(--text-tertiary);font-size:.6rem;font-weight:500;letter-spacing:.01em;line-height:1.3;margin-top:1px}.App-empty{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:28px 16px;text-align:center}.App-empty__icon{color:var(--gray-700);margin-bottom:4px}.App-empty__text{color:var(--gray-400);color:var(--text-secondary);font-size:14px;font-weight:500;margin:0}.App-empty__hint{color:var(--text-quaternary);font-size:12px;margin:0}.App-timeline-wrap{overflow:hidden;width:100%}.calc-timeline-surface{background:hsla(0,0%,100%,.018);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000001a,inset 0 1px 0 hsla(0,0%,100%,.025);padding:var(--space-5) var(--space-6);transition:box-shadow .2s var(--ease-out),border-color .2s var(--ease-out)}.calc-timeline-surface .calc-timeline{padding:4px 0 0}@media (hover:hover){.calc-timeline-surface:hover{border-color:var(--border-hover);box-shadow:0 2px 8px #00000026,inset 0 1px 0 #ffffff08}}@media (prefers-reduced-motion:reduce){.calc-timeline-surface{transition:none}}.calc-timeline{padding:8px 0 0}.calc-timeline__track{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;min-width:0;overflow-x:auto;overflow-y:visible;position:relative;scrollbar-width:none;width:100%}.calc-timeline__track::-webkit-scrollbar{display:none}.calc-timeline__inner{min-width:720px;position:relative}.calc-timeline__bar{background:hsla(0,0%,100%,.025);border:1px solid #ffffff0a;border-radius:18px;height:36px;margin:0 24px;overflow:visible;position:relative}.calc-timeline__grid{background:hsla(0,0%,100%,.035);bottom:0;pointer-events:none;position:absolute;top:0;width:1px;z-index:0}.calc-timeline__block{background:linear-gradient(180deg,#4f7cffb3,#4f7cff80);border-radius:14px;bottom:3px;box-shadow:0 0 16px #4f7cff1f;position:absolute;top:3px;transform-origin:left center;z-index:1}.calc-timeline__block--active{background:linear-gradient(180deg,var(--blue-400),#3f6ef5);background:linear-gradient(180deg,var(--accent),#3f6ef5);box-shadow:0 0 20px #4f7cff33,inset 0 1px 0 #ffffff26;z-index:2}.calc-timeline__block--break{background:linear-gradient(180deg,#f59e0b40,#f59e0b1f);border-radius:6px;box-shadow:none;z-index:0}.calc-timeline__block-pulse{animation:calc-timeline-pulse 2s ease-in-out infinite;border:1px solid #4f7cff40;border-radius:inherit;inset:-2px;position:absolute}@keyframes calc-timeline-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.calc-timeline__now{align-items:center;display:flex;justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.calc-timeline__now-dot{background:#fafafa;border-radius:50%;box-shadow:0 0 12px #fafafa80;height:10px;width:10px}.calc-timeline__now-ring{animation:calc-timeline-ring 2s ease-in-out infinite;border:1.5px solid #fafafa4d;border-radius:50%;height:24px;position:absolute;width:24px}@keyframes calc-timeline-ring{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.4)}}.calc-timeline__predict{inset:0;pointer-events:none;position:absolute}.calc-timeline__predict-marker{background:#ffffff26;bottom:0;position:absolute;top:0;width:1.5px;z-index:1}.calc-timeline__labels{display:flex;justify-content:space-between;margin-top:8px;min-width:720px;padding:0 24px}.calc-timeline__labels span{font-feature-settings:"tnum";color:var(--gray-500);color:var(--text-tertiary);font-size:.7rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.05em}.calc-timeline__labels span,.calc-timeline__markers{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.calc-timeline__markers{color:var(--gray-400);color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.7rem;gap:8px;justify-content:space-between;margin-top:10px;min-width:720px;padding:0 24px}.calc-timeline__marker{align-items:center;display:flex;font-weight:var(--weight-medium);gap:6px}.calc-timeline__marker svg{flex-shrink:0}.App-punchlog{margin-top:var(--space-8)}.App-punchlog__header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3) var(--space-4)}.App-punchlog__toggle{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;flex:1 1;font:inherit;gap:var(--space-2);margin:0;min-width:0;padding:0;touch-action:manipulation}.App-punchlog__chevron{align-items:center;color:var(--gray-500);color:var(--text-tertiary);display:flex;flex-shrink:0}.App-punchlog__title{color:var(--gray-400);color:var(--text-secondary);font-size:var(--text-base);letter-spacing:var(--tracking-wider);margin:0;text-transform:uppercase}.App-punchlog__count,.App-punchlog__title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--weight-semibold)}.App-punchlog__count{background:#ffffff0f;border-radius:var(--radius-full);font-size:var(--text-xs);line-height:1.6;padding:1px var(--space-2)}.App-punchlog__add,.App-punchlog__count{color:var(--gray-500);color:var(--text-tertiary)}.App-punchlog__add{align-items:center;background:#ffffff0a;border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-1);padding:var(--space-1) var(--space-3);touch-action:manipulation;transition:var(--transition-color)}.App-punchlog__add:hover{background:#4f7cff0f;background:var(--blue-subtle);border-color:#4f7cff26;border-color:var(--blue-border);color:var(--gray-50);color:var(--text-primary)}.App-punchlog__body{overflow:hidden}.App-punchlog__list{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);padding-bottom:var(--space-6)}.App-punchlog__empty{color:var(--gray-500);color:var(--text-tertiary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0;padding:var(--space-3) var(--space-4) var(--space-4)}.App-punchlog__row{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000f,0 1px 4px #0000000a;display:flex;flex-direction:column;overflow:hidden;padding:0;transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease}.App-punchlog__row:hover{border-color:#4f7cff26;border-color:var(--blue-border);box-shadow:0 2px 8px #4f7cff14,0 1px 3px #0000000f;transform:translateY(-1px)}.App-punchlog__row--deleting{opacity:.5}.App-punchlog__row--editing{border-color:#4f7cff26;border-color:var(--blue-border);box-shadow:0 0 0 1px #4f7cff26,0 4px 16px #4f7cff14}.App-punchlog__summary{align-items:center;cursor:pointer;display:flex;gap:var(--space-3);min-height:56px;padding:var(--space-3) var(--space-4)}.App-punchlog__summary-index{font-feature-settings:"tnum";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--gray-400);color:var(--text-secondary);display:flex;flex-shrink:0;font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);height:28px;justify-content:center;line-height:1;width:28px}.App-punchlog__summary-times{align-items:center;display:flex;flex:1 1;gap:var(--space-4);min-width:0}.App-punchlog__summary-block{align-items:flex-start;display:flex;gap:var(--space-2);min-width:0}.App-punchlog__summary-block-inner{display:flex;flex-direction:column;gap:2px;min-width:0}.App-punchlog__summary-icon{align-items:center;color:var(--gray-500);color:var(--text-tertiary);display:flex;flex-shrink:0;margin-top:1px}.App-punchlog__summary-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--gray-500);color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);line-height:1;text-transform:uppercase;white-space:nowrap}.App-punchlog__summary-time{font-feature-settings:"tnum";color:var(--gray-50);color:var(--text-primary);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:1.25;white-space:nowrap}.App-punchlog__summary-time,.App-punchlog__summary-time--active{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App-punchlog__summary-time--active{color:var(--blue-400);color:var(--accent);font-size:var(--text-md);font-weight:var(--weight-semibold)}.App-punchlog__summary-arrow{align-items:center;color:var(--text-quaternary);display:flex;flex-shrink:0;opacity:.4}.App-punchlog__summary-right{align-items:center;display:flex;flex-shrink:0;gap:var(--space-3)}.App-punchlog__row-dur{font-feature-settings:"tnum";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:#4f7cff0f;background:var(--blue-subtle);border:1px solid #4f7cff26;border:1px solid var(--blue-border);border-radius:var(--radius-full);color:var(--blue-300);color:var(--accent-secondary);display:inline-flex;flex-shrink:0;font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);gap:4px;letter-spacing:var(--tracking-tight);line-height:1.2;padding:var(--space-1) var(--space-2);white-space:nowrap}.App-punchlog__row:hover .App-punchlog__row-dur{background:#4f7cff1f;border-color:#4f7cff33}.App-punchlog__summary-status{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-quaternary);display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:4px;letter-spacing:var(--tracking-wider);line-height:1.2;padding:2px 8px;text-transform:uppercase}.App-punchlog__summary-status--completed{background:#22c55e0f;border-color:#22c55e33;color:var(--green-500)}.App-punchlog__summary-status--active{background:#4f7cff0f;background:var(--blue-subtle);border-color:#4f7cff33;color:var(--blue-400);color:var(--accent)}.App-punchlog__edit-body{overflow:hidden}.App-punchlog__edit-inner{background:#00000038;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.App-punchlog__edit-fields{align-items:flex-end;display:flex;gap:var(--space-3)}.App-punchlog__edit-group{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2)}.App-punchlog__edit-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;color:var(--gray-500);color:var(--text-tertiary);display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:5px;letter-spacing:var(--tracking-wider);line-height:1;padding-left:1px;text-transform:uppercase}.App-punchlog__edit-label-dot{border-radius:50%;flex-shrink:0;height:5px;width:5px}.App-punchlog__edit-label-dot--in{background:var(--green-500);box-shadow:0 0 6px #22c55e80}.App-punchlog__edit-label-dot--out{background:var(--red-400);box-shadow:0 0 6px #ef444466}.App-punchlog__edit-connector{align-items:center;color:var(--text-quaternary);display:flex;flex-shrink:0;justify-content:center;padding-bottom:6px}.App-punchlog__edit-connector svg{opacity:.3}.App-punchlog__edit-actions{align-items:center;display:flex;gap:var(--space-2);justify-content:flex-end}.App-punchlog__edit-btn{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:6px;height:32px;justify-content:center;letter-spacing:.02em;padding:0 14px;text-rendering:optimizeLegibility;touch-action:manipulation;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.App-punchlog__edit-btn--save{background:linear-gradient(135deg,var(--blue-400),#3f6ef5);background:linear-gradient(135deg,var(--accent),#3f6ef5);border:none;box-shadow:0 1px 3px #4f7cff40,0 1px 1px #00000026;color:#fff}.App-punchlog__edit-btn--save:hover{background:linear-gradient(135deg,#5c86ff,#4f7cff);box-shadow:0 2px 6px #4f7cff59,0 1px 2px #0003}.App-punchlog__edit-btn--save:active{background:linear-gradient(135deg,#3f6ef5,#2e5ce0);box-shadow:0 1px 2px #4f7cff33}.App-punchlog__edit-btn--save:focus-visible{outline:2px solid #4f7cff59;outline:2px solid var(--focus-ring);outline-offset:2px}.App-punchlog__edit-btn--cancel{background:#ffffff0a;border:1px solid var(--border-default);color:var(--gray-400);color:var(--text-secondary)}.App-punchlog__edit-btn--cancel:hover{background:#ffffff14;border-color:var(--border-hover);color:var(--gray-50);color:var(--text-primary)}.App-punchlog__edit-btn--danger{background:#0000;border:1px solid #ef444433;color:var(--red-400);margin-right:auto}.App-punchlog__edit-btn--danger:hover{background:#ef44441a;border-color:#ef444473;box-shadow:0 1px 4px #ef444426;color:var(--red-300)}.App-punchlog__edit-btn--danger:active{background:#ef444429}.App-punchlog__edit-btn--danger:focus-visible{outline:2px solid #4f7cff59;outline:2px solid var(--focus-ring);outline-offset:2px}.App-punchlog__edit-trigger{align-items:center;background:#ffffff0a;background:var(--hover-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--gray-500);color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;touch-action:manipulation;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;width:36px}.App-punchlog__edit-trigger:hover{background:#4f7cff14;border-color:#4f7cff26;border-color:var(--blue-border);box-shadow:0 1px 4px #4f7cff1f;color:var(--blue-400);color:var(--accent)}.App-punchlog__edit-trigger:focus-visible{outline:2px solid #4f7cff59;outline:2px solid var(--focus-ring);outline-offset:2px}.App-punchlog__edit-trigger svg{transition:transform .25s ease}.App-punchlog__edit-trigger:hover svg{transform:scale(1.1)}.App-punchlog__delete-trigger{align-items:center;background:#ffffff0a;background:var(--hover-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--gray-500);color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;touch-action:manipulation;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;width:36px}.App-punchlog__delete-trigger:hover{background:#ef444414;border-color:#ef444433;box-shadow:0 1px 4px #ef44441f;color:var(--red-400)}.App-punchlog__delete-trigger:focus-visible{outline:2px solid #4f7cff59;outline:2px solid var(--focus-ring);outline-offset:2px}.App-punchlog__delete-trigger svg{transition:transform .25s ease}.App-punchlog__delete-trigger:hover svg{transform:scale(1.1)}.App-punchlog__delete-trigger:disabled{opacity:.4;pointer-events:none}.App-punchlog__delete-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App-punchlog__summary:focus-visible{border-radius:inherit;outline:2px solid #4f7cff59;outline:2px solid var(--focus-ring);outline-offset:-2px}.App-punchlog__edit-btn:focus-visible{outline:2px solid #4f7cff59;outline:2px solid var(--focus-ring);outline-offset:2px}.App-punchlog__edit-btn,.App-punchlog__edit-trigger,.App-punchlog__summary{-webkit-tap-highlight-color:transparent}.App-tabs{margin-bottom:0}.App-tabs__bar{background:#ffffff0a;border-radius:10px;display:flex;gap:2px;margin-bottom:14px;padding:3px}.App-tabs__tab{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--gray-500);color:var(--text-tertiary);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.7rem;font-weight:600;gap:6px;justify-content:center;padding:7px 12px;touch-action:manipulation;transition:color .2s,background .2s}.App-tabs__tab:hover{color:var(--gray-400);color:var(--text-secondary)}.App-tabs__tab--active{background:var(--surface-2);box-shadow:0 1px 3px #0003;color:var(--gray-50);color:var(--text-primary)}.App-tab-content{padding:0}.App-tab-content--bulk,.App-tab-content--upload{background:#ffffff0a;background:var(--hover-bg);border:1px solid var(--border-subtle);border-radius:12px;padding:16px}.App-tab-hint{font-size:.7rem;line-height:1.5;margin:0 0 12px}.App-tab-hint,.App-upload-label{color:var(--gray-500);color:var(--text-tertiary)}.App-upload-label{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.75rem;font-weight:600;gap:8px;padding:8px 16px;transition:border-color .2s,color .2s,background .2s}.App-upload-label:hover{background:#4f7cff0a;border-color:var(--accent);color:var(--gray-50);color:var(--text-primary)}.App-upload-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.App-tab-error{background:#ef444414;border:1px solid #ef444426;border-radius:8px;color:#fca5a5;font-size:.7rem;line-height:1.4;margin:10px 0 0;padding:8px 12px}.App-tab-preview{margin-top:12px}.App-tab-preview__title{color:var(--gray-500);color:var(--text-tertiary);font-size:.7rem;font-weight:700;letter-spacing:.02em;margin:0 0 8px}.App-tab-preview__list{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.App-tab-preview__row{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;color:var(--gray-400);color:var(--text-secondary);display:flex;font-size:.7rem;gap:6px;padding:6px 10px}.App-tab-preview__arrow{color:#52525b;flex-shrink:0;transform:rotate(-90deg)}.App-tab-preview__btn{align-items:center;background:linear-gradient(135deg,var(--blue-400),#3f6ef5);background:linear-gradient(135deg,var(--accent),#3f6ef5);border:none;border-radius:8px;box-shadow:0 4px 12px #4f7cff26;color:#fafafa;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.7rem;font-weight:600;gap:6px;padding:7px 14px;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.App-tab-preview__btn:hover{background:linear-gradient(135deg,var(--blue-300),var(--blue-400));background:linear-gradient(135deg,var(--accent-hover),var(--accent));box-shadow:0 6px 16px #4f7cff33}.App-tab-preview__btn:active{transform:scale(.97)}.App-bulk-textarea{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;box-sizing:border-box;color:var(--gray-50);color:var(--text-primary);font-family:inherit;font-size:.8rem;line-height:1.5;padding:10px 12px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.App-bulk-textarea::placeholder{color:var(--gray-500);color:var(--text-tertiary)}.App-bulk-textarea:hover{background:#ffffff0a;background:var(--hover-bg);border-color:var(--border-hover)}.App-bulk-textarea:focus{background:#4f7cff0f;background:var(--blue-subtle);border-color:var(--accent);box-shadow:0 0 0 3px #4f7cff59;box-shadow:0 0 0 3px var(--focus-ring);outline:none}.App-bulk-actions{margin-top:10px}.App-bulk-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:var(--gray-500);color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.7rem;font-weight:600;gap:6px;padding:7px 14px;transition:border-color .2s,color .2s,background .2s,transform .15s}.App-bulk-btn:hover{background:#4f7cff0a;border-color:var(--accent);color:var(--gray-50);color:var(--text-primary)}.App-footer{align-items:center;color:var(--text-quaternary);display:flex;font-size:12px;gap:4px;justify-content:center;padding:0 24px 24px}.App-footer a{color:var(--gray-500);color:var(--text-tertiary);font-weight:500;text-decoration:none}.App-footer a:hover{color:var(--gray-400);color:var(--text-secondary)}.toast-container{bottom:24px;flex-direction:column;pointer-events:none;position:fixed;right:24px;z-index:9999}.toast,.toast-container{display:flex;gap:10px;max-width:420px}.toast{align-items:flex-start;background:var(--surface-1);border:1px solid var(--border-default);border-radius:12px;box-shadow:var(--shadow-lg);color:var(--gray-50);color:var(--text-primary);cursor:pointer;font-size:13.5px;font-weight:500;line-height:1.5;min-width:280px;outline:none;overflow:hidden;padding:14px 16px;pointer-events:auto;position:relative}[data-theme-mode=light] .toast{background:#fff;border:1px solid #0000001f;box-shadow:0 10px 28px #0000001f,0 2px 8px #0000000f;color:#111827}[data-theme-mode=light] .toast__message{color:#111827}[data-theme-mode=light] .toast__close{color:#6b7280}[data-theme-mode=light] .toast__close:hover{background:#0000000f;color:#111827}.toast:focus-visible{outline:2px solid #4f7cff59;outline:2px solid var(--focus-ring);outline-offset:2px}.toast--success{border-color:#22c55e4d}.toast--error{border-color:#ef44444d}.toast--warning{border-color:#f59e0b4d}.toast--info{border-color:#3b82f64d}.toast__icon{align-items:center;display:flex;flex-shrink:0;height:22px;justify-content:center;margin-top:1px;width:22px}.toast--success .toast__icon{color:var(--green-500)}.toast--error .toast__icon{color:var(--red-500)}.toast--warning .toast__icon{color:var(--amber-500)}.toast--info .toast__icon{color:var(--blue-500)}[data-theme-mode=light] .toast--success .toast__icon{color:var(--green-600)}[data-theme-mode=light] .toast--error .toast__icon{color:var(--red-600)}[data-theme-mode=light] .toast--warning .toast__icon{color:var(--amber-600)}[data-theme-mode=light] .toast--info .toast__icon{color:var(--blue-600)}.toast__message{word-wrap:break-word;flex:1 1;-webkit-hyphens:auto;hyphens:auto;min-width:0;overflow-wrap:break-word}.toast__close{align-items:center;background:none;border:none;border-radius:6px;color:var(--gray-500);color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;height:24px;justify-content:center;margin:-2px -4px 0 0;padding:0;transition:color .15s,background .15s;width:24px}.toast__close:hover{background:#ffffff0a;background:var(--hover-bg);color:var(--gray-400);color:var(--text-secondary)}.toast__close:focus-visible{outline:2px solid #4f7cff59;outline:2px solid var(--focus-ring);outline-offset:1px}.toast__progress{background:var(--border-default);bottom:0;height:2px;left:0;position:absolute;right:0;transform-origin:left center}.toast--success .toast__progress{background:#22c55e80}.toast--error .toast__progress{background:#ef444480}.toast--warning .toast__progress{background:#f59e0b80}.toast--info .toast__progress{background:#3b82f680}.ds-select,select{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--gray-50);color:var(--text-primary);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-normal);outline:none;padding:5px 8px;transition:var(--transition-color)}.ds-select:hover,select:hover{border-color:var(--border-hover)}.ds-select:focus-visible,select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px #4f7cff59;box-shadow:0 0 0 2px var(--focus-ring)}.ds-select:disabled,select:disabled{cursor:not-allowed;opacity:.4}select option{background:var(--surface-2);color:var(--gray-50);color:var(--text-primary);padding:6px 10px}select option:disabled{color:var(--text-quaternary)}select optgroup{background:var(--surface-1);color:var(--gray-500);color:var(--text-tertiary);font-weight:var(--weight-semibold)}.overlay{background:var(--surface-2);border:1px solid var(--border-hover);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);list-style:none;margin:0;max-height:200px;min-width:48px;overflow-y:auto;padding:6px;z-index:10000}.overlay::-webkit-scrollbar{width:4px}.overlay::-webkit-scrollbar-thumb{background:var(--text-quaternary);border-radius:2px}.overlay::-webkit-scrollbar-track{background:#0000}.overlay__option{font-feature-settings:"tnum";-webkit-tap-highlight-color:transparent;border-radius:var(--radius-sm);color:var(--gray-400);color:var(--text-secondary);cursor:pointer;font-size:var(--text-md);font-variant-numeric:tabular-nums;font-weight:var(--weight-medium);padding:6px 10px;text-align:center;touch-action:manipulation;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.overlay__option:hover{background:#4f7cff1a;background:var(--blue-hover);color:var(--gray-50);color:var(--text-primary)}.overlay__option--selected{background:var(--blue-400);background:var(--accent);color:var(--color-white)}.overlay__option--selected:hover{background:var(--blue-300);background:var(--accent-hover)}.overlay__option--highlighted{background:#ffffff0a;background:var(--hover-bg);color:var(--gray-50);color:var(--text-primary)}.overlay__option--selected.overlay__option--highlighted{background:var(--blue-400);background:var(--accent);color:var(--color-white)}@media (max-width:720px){.overlay{max-height:140px}.App-header{padding:16px 16px 0}.App-main{padding:16px 16px 32px}.App-card{padding:0}.calc-section{border-radius:12px;margin-bottom:16px;padding:16px}.App-card__header{align-items:stretch;flex-direction:column;gap:10px}.App-card__expected{justify-content:space-between}.App-card__csv-btn{justify-content:center;touch-action:manipulation;width:100%}.calc-kpi-grid{gap:var(--space-2)}.calc-kpi{padding:var(--space-3)}.calc-hero__punch{align-items:center;flex-direction:column;gap:var(--space-4)}.calc-hero__session{gap:var(--space-3);padding:var(--space-2) var(--space-3)}.calc-hero__session-divider{display:none}.App-punch__btn{max-width:320px;min-height:44px;min-width:0;width:100%}.App-punchlog__summary{gap:var(--space-2);min-height:48px;padding:var(--space-2) var(--space-3)}.App-punchlog__summary-index{font-size:var(--text-xs);height:24px;width:24px}.App-punchlog__summary-times{gap:var(--space-2)}.App-punchlog__summary-block{gap:var(--space-1)}.App-punchlog__summary-arrow,.App-punchlog__summary-status{display:none}.App-punchlog__edit-fields{align-items:stretch;flex-direction:column}.App-punchlog__edit-connector{display:none}.App-punchlog__edit-group{width:100%}.App-punchlog__summary-right{gap:var(--space-1)}.App-punchlog__edit-inner{padding:var(--space-3)}.App-punchlog__edit-fields{gap:var(--space-2)}.calc-timeline-surface{padding:var(--space-4) var(--space-4)}.csv-export-panel__options{gap:4px}.toast-container{bottom:16px;left:16px;max-width:none;right:16px}.toast{font-size:13px;max-width:none;min-width:0;padding:12px 14px;width:100%}}@media (max-width:480px){.App-punchlog__summary{grid-column-gap:var(--space-2);grid-row-gap:var(--space-2);align-items:start;box-sizing:border-box;column-gap:var(--space-2);display:grid;grid-template-areas:"index times right right" "index times edit  delete";grid-template-columns:auto minmax(0,1fr) auto auto;min-width:0;row-gap:var(--space-2);width:100%}.App-punchlog__summary-index{align-self:start;grid-area:index}.App-punchlog__summary-times{align-items:flex-start;flex-direction:column;flex-wrap:nowrap;gap:var(--space-2);grid-area:times;min-width:0;width:100%}.App-punchlog__summary-block{flex:0 0 auto;min-width:0;width:100%}.App-punchlog__summary-block-inner{max-width:100%;min-width:0}.App-punchlog__summary-time{overflow-wrap:anywhere;word-break:break-word}.App-punchlog__summary-right{align-self:start;grid-area:right;justify-self:end}.App-punchlog__edit-trigger{align-self:end;grid-area:edit;justify-self:end}.App-punchlog__delete-trigger{align-self:end;grid-area:delete}.App-punchlog__row--readonly .App-punchlog__summary{align-items:center;grid-template-areas:"index times right";grid-template-columns:auto minmax(0,1fr) auto}}@media (max-width:360px){.App-punchlog__header{flex-wrap:wrap;gap:8px;padding:8px 10px}.App-punchlog__toggle{flex:1 1 auto;min-width:0}.App-punchlog__add{flex-shrink:0;min-height:36px;padding:6px 10px}.App-punchlog__list{padding:0 8px 20px}.App-punchlog__row{min-width:0}.App-punchlog__summary{column-gap:8px;grid-template-areas:"index times right right" "index times edit  delete";grid-template-columns:auto minmax(0,1fr) auto auto;padding:12px;row-gap:8px}.App-punchlog__summary-times{gap:8px}.App-punchlog__summary-icon{display:none}.App-punchlog__summary-time{font-size:15px;line-height:1.25}.App-punchlog__summary-time--active{font-size:13px}.App-punchlog__summary-right{align-self:start;justify-self:end}.App-punchlog__row-dur{font-size:12px;padding:4px 8px}.App-punchlog__delete-trigger,.App-punchlog__edit-trigger{align-self:end;height:36px;justify-self:end;width:36px}.App-punchlog__row--readonly .App-punchlog__summary{align-items:center;grid-template-areas:"index times right";grid-template-columns:auto minmax(0,1fr) auto}}@media (max-width:480px){.App-header__inner{flex-direction:column;gap:12px}.App-header__right{width:100%}.App-header__status{justify-content:center;width:100%}.App-stat__value{font-size:16px}.app-shell__main{padding:12px 12px 76px}.app-header{padding:10px 12px}.app-header__title{font-size:1.05rem}.bottom-nav{padding:4px 0 env(safe-area-inset-bottom,4px)}.bottom-nav__link{font-size:.6rem;padding:4px 6px}.bottom-nav__link svg{height:18px;width:18px}.dash-greeting__title{font-size:1.25rem}.dash-card{border-radius:10px;padding:16px}.dash-progress-row{padding:var(--space-1) 0}.dash-progress-row__value{font-size:var(--text-xs)}.dash-progress-row--worked .dash-progress-row__value{font-size:var(--text-md)}.calc-progress-body{gap:var(--space-5)}.calc-kpi{padding:var(--space-3) var(--space-4)}.calc-kpi--primary .calc-kpi__value{font-size:var(--text-3xl)}.dash-score__value,.dash-streak__count{font-size:2rem}.dash-actions__grid{gap:8px}.dash-qa-btn{font-size:.8rem;padding:12px 16px}.App-card{padding:12px}.App-punch{gap:10px}.App-punch__btn{font-size:14px;min-height:44px;min-width:0;padding:10px 20px}.calc-progress-body{gap:var(--space-4)}.calc-kpi-grid{gap:var(--space-2)}.calc-kpi{padding:var(--space-2) var(--space-3)}.calc-kpi__value{font-size:var(--text-xl)}.calc-kpi--primary .calc-kpi__value{font-size:var(--text-2xl)}.calc-timeline__labels span{font-size:.5rem}.calc-timeline__marker{font-size:.5rem;gap:3px}.calc-timeline__marker svg{height:8px;width:8px}.calc-timeline__bar{height:32px}.calc-timeline__block{border-radius:12px;bottom:2px;top:2px}.calc-timeline-surface{padding:var(--space-4) var(--space-4)}.calc-hero-expected{align-items:stretch;flex-direction:column}.App-punchlog__header{padding:10px 12px}.App-punchlog__summary{min-height:52px;padding:var(--space-3)}.App-punchlog__summary-index{font-size:var(--text-xs);height:24px;width:24px}.App-punchlog__summary-arrow,.App-punchlog__summary-status{display:none}.App-punchlog__edit-fields{align-items:stretch;flex-direction:column;gap:var(--space-1)}.App-punchlog__edit-group{width:100%}.App-punchlog__edit-connector{display:none}.App-punchlog__edit-inner{gap:var(--space-2);padding:var(--space-3)}.App-punchlog__edit-fields{gap:var(--space-2)}.App-punchlog__edit-actions{flex-wrap:wrap;gap:var(--space-1)}.App-punchlog__edit-btn{min-height:36px;padding:8px 12px}.App-punchlog__list{padding:0 8px 20px}.App-punchlog__empty,.App-tab-content--bulk,.App-tab-content--upload,.csv-export-panel,.history-card__content,.history-card__header{padding:12px}.history-card__day-name{font-size:.85rem}.history-card__stats{font-size:.7rem;gap:6px}.history-empty{padding:60px 16px}.history-empty__title{font-size:.95rem}.analytics-card{border-radius:10px;padding:14px}.analytics-monthly{gap:10px}.analytics-monthly-stat strong{font-size:1.1rem}.analytics-trend-row,.settings-row{font-size:.8rem}.settings-row{padding:10px 14px}.settings-upgrade{padding:20px 14px}.settings-upgrade__title{font-size:1rem}.settings-upgrade__benefits li{font-size:.8rem}.settings-profile{gap:10px;padding:12px 14px}.settings-profile__avatar{height:36px;width:36px}.settings-profile__name{font-size:.85rem}.settings-section__title{font-size:.7rem}.settings-logout-btn{padding:12px 14px}.ach-hero{border-radius:12px;gap:16px;padding:16px}.ach-hero__ring-level{font-size:1.3rem}.ach-hero__xp{font-size:1.1rem}.ach-hero__stat-value{font-size:.95rem}.ach-card{border-radius:12px;padding:14px}.ach-card__title{font-size:.88rem}.ach-card__desc{font-size:.75rem}.import-dropzone{padding:28px 16px}.import-dropzone p{font-size:.85rem}.import-preview{padding:14px}.import-preview h4{font-size:.85rem}.import-msg{font-size:.8rem;padding:10px 12px}.import-modal{padding:24px 20px 20px!important}.add-punch-modal{padding:28px 20px 24px!important}.add-punch-modal__fields{flex-direction:column;gap:12px}.add-punch-modal__field{flex:none;width:100%}.add-punch-modal__duration-val{font-size:1.25rem}.import-modal__title{font-size:1rem}.import-modal__desc{font-size:.8rem}.import-modal__btn{font-size:.8rem;padding:8px 12px}.toast-container{bottom:72px;left:12px;max-width:none;right:12px}.toast{font-size:12.5px;max-width:none;min-width:0;padding:10px 12px;width:100%}.pm__dropdown{left:auto;min-width:260px;right:-8px;width:auto}.pm-upgrade-card__features{grid-template-columns:1fr}.filter-bar__row{gap:6px}.chip{font-size:.72rem;padding:4px 8px}.page-empty{font-size:.85rem;padding:40px 16px}.page-toolbar{gap:8px}.ach-skeleton__icon--ring{height:72px;width:72px}}@media (max-width:400px){.bottom-nav{padding:4px 0 env(safe-area-inset-bottom,4px)}.bottom-nav__link{font-size:.55rem;padding:4px}.bottom-nav__link svg{height:16px;width:16px}}@media (max-width:360px){.app-shell__main{padding:8px 8px 72px}.dash-card{padding:12px}.dash-progress-row{padding:3px 0}.dash-progress-row__label{font-size:.55rem}.dash-progress-row__value{font-size:.65rem}.dash-progress-row--worked .dash-progress-row__value{font-size:var(--text-xs)}.calc-progress-body{gap:var(--space-3)}.calc-kpi-grid{gap:var(--space-2)}.calc-kpi{padding:var(--space-2) var(--space-3)}.calc-kpi__value{font-size:var(--text-lg)}.calc-kpi--primary .calc-kpi__value{font-size:var(--text-2xl)}.calc-kpi__meta{font-size:.55rem}.calc-timeline-surface{border-radius:var(--radius-md);padding:var(--space-3) var(--space-3)}.bottom-nav__link{font-size:.55rem;padding:4px}.bottom-nav__link svg{height:16px;width:16px}.App-card{padding:10px}.App-punch{gap:8px}.App-punch__btn{font-size:13px;padding:8px 16px}.App-punchlog__header{padding:8px 10px}.history-card__content,.history-card__header{padding:10px}.analytics-card{padding:12px}.analytics-monthly{gap:8px;grid-template-columns:1fr 1fr}.analytics-monthly-stat strong{font-size:1rem}.settings-row{padding:8px 12px}.import-dropzone{padding:20px 12px}.import-modal{padding:20px 16px 16px!important}.add-punch-modal{padding:24px 16px 20px!important}.ach-card,.ach-hero{padding:12px}.ach-card__icon{height:36px;width:36px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.App-punch__btn,.App-punch__btn--in,.App-punch__btn--out{transition:none}.digital-ecosystem,.ecosystem-wave-catcher{display:none}.glass-card-glow,.mesh-gradient{animation:none!important}.glass-card-glow{opacity:.3}.glass-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--glass-bg)}}.landing{align-items:center;background:var(--app-bg);display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed}.digital-ecosystem{z-index:0}.digital-ecosystem,.ecosystem-wave-catcher{inset:0;pointer-events:none;position:absolute}.ecosystem-wave-catcher{cursor:default;z-index:1}.mesh-gradient{background:radial-gradient(ellipse 70% 55% at 15% 50%,#2337640f 0,#0000 55%),radial-gradient(ellipse 55% 65% at 85% 25%,#3246780d 0,#0000 55%),radial-gradient(ellipse 50% 50% at 50% 80%,rgba(60,90,140,.035) 0,#0000 55%),radial-gradient(ellipse 60% 40% at 30% 20%,#283c6e0a 0,#0000 50%);z-index:-1}.landing-noise,.mesh-gradient{inset:0;pointer-events:none;position:absolute}.landing-noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-size:256px 256px;opacity:.012;z-index:0}.landing-content{flex-direction:column;gap:0;max-width:420px;padding:24px;text-align:center;width:100%;z-index:10}.landing-content,.landing-logo{align-items:center;display:flex;position:relative}.landing-logo{height:72px;justify-content:center;margin:0 auto 24px;width:72px}.landing-logo-ring{border:1.5px solid #4f7cff33;border-radius:50%;inset:-8px;position:absolute}.landing-logo-inner{align-items:center;background:linear-gradient(135deg,#4f7cff26,#4f7cff1a);border:1px solid #4f7cff33;border-radius:20px;color:var(--blue-300);color:var(--accent-secondary);display:flex;height:72px;justify-content:center;position:relative;transition:border-color .5s ease,box-shadow .5s ease,background .5s ease;width:72px;z-index:1}.landing-logo-glow-flare{background:radial-gradient(circle at 30% 30%,#82afff26 0,#4f7cff0d 40%,#0000 70%);border-radius:50%;inset:-12px;pointer-events:none;position:absolute;z-index:-1}.landing-title{color:var(--gray-50);color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin:0 0 8px}.landing-title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#79a8ff,#4f7cff,#2e63ff);-webkit-background-clip:text;background-clip:text}.landing-subtitle{color:var(--gray-500);color:var(--text-tertiary);font-size:.95rem;font-weight:400;letter-spacing:.01em;margin:0 0 32px}.glass-card-wrap{width:100%}.glass-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;padding:32px 28px;position:relative;text-align:center;transition:var(--transition-color),box-shadow .3s ease;width:100%}.glass-card:hover{box-shadow:var(--shadow-lg),0 0 40px #4f7cff2e;box-shadow:var(--shadow-lg),0 0 40px var(--accent-glow)}.glass-card:hover,.glass-card[data-energy="1"]{border-color:#4f7cff26;border-color:var(--blue-border)}.glass-card[data-energy="1"]{box-shadow:var(--shadow-lg),0 0 20px #4f7cff2e;box-shadow:var(--shadow-lg),0 0 20px var(--accent-glow)}.glass-card[data-energy="2"]{border-color:#4f7cff4d;box-shadow:var(--shadow-lg),0 0 30px #4f7cff2e;box-shadow:var(--shadow-lg),0 0 30px var(--accent-glow)}.glass-card[data-energy="3"]{border-color:#79a8ff66;box-shadow:var(--shadow-lg),0 0 40px #4f7cff2e,0 0 80px #4f7cff14;box-shadow:var(--shadow-lg),0 0 40px var(--accent-glow),0 0 80px var(--blue-glow-soft)}.glass-card-glow{background:radial-gradient(circle at 50% 50%,#4f7cff08 0,#0000 50%);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transition:opacity .5s ease;width:200%}.glass-card[data-energy="1"] .glass-card-glow{background:radial-gradient(circle at 50% 50%,#4f7cff0f 0,#0000 50%)}.glass-card[data-energy="2"] .glass-card-glow{background:radial-gradient(circle at 50% 50%,#79a8ff1a 0,#0000 50%)}.glass-card[data-energy="3"] .glass-card-glow{background:radial-gradient(circle at 50% 50%,#79a8ff26 0,#4f7cff0d 40%,#0000 60%)}.glass-card-body{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}.glass-card-footer{color:var(--text-quaternary);font-size:.72rem;line-height:1.4;margin:20px 0 0;position:relative;z-index:1}.btn-magnetic{align-items:center;background:#ffffff0a;background:var(--hover-bg);border:1px solid var(--border-default);border-radius:12px;color:var(--gray-50);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;outline:none;overflow:hidden;padding:12px 20px;position:relative;transition:var(--transition-color)}.btn-magnetic:before{background:linear-gradient(135deg,#0000,#4f7cff14);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.btn-magnetic:hover:before{opacity:1}.btn-magnetic:after{background:#ffffff0f;border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute}.btn-magnetic:active:after{animation:btnRipple .4s ease-out forwards}@keyframes btnRipple{0%{opacity:.12}to{opacity:0}}.btn-magnetic:disabled{cursor:not-allowed;opacity:.5}.btn-guest{background:#4f7cff0f;background:var(--blue-subtle);border-color:#4f7cff26;border-color:var(--blue-border)}.btn-guest,.btn-guest:hover{color:var(--gray-50);color:var(--text-primary)}.btn-guest:hover{background:#4f7cff1a;background:var(--blue-hover);border-color:#4f7cff66}[data-theme-mode=light] .btn-guest{background:#3f6ef51f;border-color:#3f6ef566;color:#1e3a8a;font-weight:600}[data-theme-mode=light] .btn-guest:hover{background:#3f6ef52e;border-color:#3f6ef58c;color:#1e3a8a}.divider{align-items:center;color:var(--text-quaternary);display:flex;font-size:.75rem;gap:12px}.divider:after,.divider:before{background:var(--border-default);content:"";flex:1 1;height:1px}.google-btn-wrap{display:flex;justify-content:center;width:100%}.google-btn-wrap>div{width:100%!important}.google-btn-wrap iframe{border-radius:12px!important}@media (max-width:768px){.landing-content{padding:20px}.landing-title{font-size:1.65rem}.landing-subtitle{font-size:.85rem;margin-bottom:24px}.glass-card{border-radius:16px;padding:24px 20px}.landing-logo{height:60px;margin-bottom:20px;width:60px}.landing-logo-inner{border-radius:16px;height:60px;width:60px}.landing-logo-ring{inset:-6px}}@media (max-width:480px){.landing-title{font-size:1.4rem}.glass-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:20px 16px}}.import-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;box-sizing:border-box;display:flex;inset:0;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px;position:fixed;z-index:400;z-index:var(--z-modal,400)}.import-modal{background:var(--surface-1);background:var(--card-bg);border:1px solid var(--border);border-radius:16px;max-width:400px;padding:32px 28px 24px;position:relative;text-align:center;width:100%}.import-modal__close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--gray-500);color:var(--text-tertiary);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px}.import-modal__close:hover{background:#ffffff0a;background:var(--hover-bg)}.import-modal__icon{align-items:center;background:linear-gradient(135deg,var(--blue-400),var(--blue-300));background:linear-gradient(135deg,var(--accent),var(--accent-secondary));border-radius:50%;color:#fff;display:flex;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.import-modal__title{color:var(--gray-50);color:var(--text-primary);font-size:1.15rem;font-weight:600;margin:0 0 8px}.import-modal__desc{color:var(--gray-400);color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin:0 0 20px}.import-modal__actions{display:flex;gap:8px}.import-modal__btn{border:1px solid var(--border);border-radius:10px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:10px 16px;transition:all .15s ease}.import-modal__btn--primary{background:var(--blue-400);background:var(--accent);border-color:var(--accent);color:#fff}.import-modal__btn--primary:hover{background:var(--blue-300);background:var(--accent-hover)}.import-modal__btn--primary:disabled{cursor:not-allowed;opacity:.5}.import-modal__btn--secondary{background:#0000;color:var(--gray-50);color:var(--text-primary)}.import-modal__btn--secondary:hover{background:#ffffff0a;background:var(--hover-bg)}.confirm-dialog{max-width:360px}.confirm-dialog__icon{background:linear-gradient(135deg,var(--red-500),var(--red-600))!important}.confirm-dialog__btn--delete{align-items:center;background:var(--red-500);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:.85rem;font-weight:500;justify-content:center;padding:10px 16px;transition:all .15s ease}.confirm-dialog__btn--delete:hover{background:var(--red-600)}.confirm-dialog__btn--delete:disabled{cursor:not-allowed;opacity:.5}.app-shell,.app-shell__content{display:flex;min-height:100vh}.app-shell__content{flex:1 1;flex-direction:column;margin-left:var(--sidebar-width);min-height:100dvh;min-width:0;position:relative;z-index:1}.app-shell__main{flex:1 1;margin:0 auto;max-width:var(--container-max);padding:var(--space-6) var(--container-padding);padding-bottom:88px;width:100%}.app-shell__main,.sidebar{-webkit-overflow-scrolling:touch}.sidebar{background:var(--surface-1);background:var(--card-bg);border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;top:0;width:var(--sidebar-width);z-index:var(--z-sticky)}.sidebar__brand{align-items:center;border-bottom:1px solid var(--border);color:var(--gray-50);color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:700;gap:10px;margin-bottom:8px;padding:20px 20px 24px}.sidebar__brand svg{color:var(--blue-400);color:var(--accent)}.sidebar__brand-name{letter-spacing:-.02em}.sidebar__nav{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:8px 12px}.sidebar__link{align-items:center;border-radius:8px;color:var(--gray-400);color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:10px;padding:10px 12px;text-decoration:none;transition:all .12s ease}.sidebar__link:hover{background:#ffffff0a;background:var(--hover-bg);color:var(--gray-50);color:var(--text-primary)}.sidebar__link--active{background:#4f7cff1a;color:var(--blue-400);color:var(--accent)}.bottom-nav{background:var(--surface-1);background:var(--card-bg);border-top:1px solid var(--border);bottom:0;display:none;justify-content:space-around;left:0;padding:6px 0 env(safe-area-inset-bottom,6px);position:fixed;right:0;transform:translateZ(0);will-change:transform;z-index:var(--z-sticky)}.bottom-nav__link{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:8px;color:var(--gray-500);color:var(--text-tertiary);display:flex;flex-direction:column;font-size:.65rem;font-weight:500;gap:2px;justify-content:center;min-height:44px;min-width:44px;padding:6px 12px;text-decoration:none;touch-action:manipulation;transition:color .12s ease}.bottom-nav__link--active{color:var(--blue-400);color:var(--accent)}.bottom-nav__label{line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header{background:var(--app-bg);border-bottom:1px solid var(--border);justify-content:space-between;padding:16px 32px}.app-header,.app-header__left{align-items:center;display:flex}.app-header__left{gap:12px}.app-header__title{color:var(--gray-50);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.app-header__right{align-items:center;display:flex;gap:16px}.app-header__date{align-items:center;color:var(--gray-500);color:var(--text-tertiary);display:flex;font-size:.8rem;gap:6px}.pm,.pm__trigger{position:relative}.pm__trigger{align-items:center;background:#0000;border:1.5px solid var(--border);border-radius:50%;cursor:pointer;display:flex;height:38px;justify-content:center;overflow:visible;padding:0;touch-action:manipulation;transition:border-color .15s ease,box-shadow .15s ease;width:38px}.pm__trigger--active,.pm__trigger:hover{border-color:var(--accent);box-shadow:0 0 0 3px #4f7cff1f}.pm__avatar{align-items:center;background:#ffffff0a;background:var(--hover-bg);border-radius:50%;color:var(--gray-50);color:var(--text-primary);display:flex;font-size:.7rem;font-weight:700;height:100%;justify-content:center;overflow:hidden;width:100%}.pm__avatar img{height:100%;object-fit:cover;width:100%}.pm__avatar--lg{flex-shrink:0;font-size:1rem;height:44px;width:44px}.pm__avatar--auth{border:2px solid var(--accent)}.pm__guest-dot{background:#71717a;border:2px solid var(--app-bg);border-radius:50%;bottom:0;height:9px;position:absolute;right:0;width:9px}.pm__dropdown{background:var(--surface-1);background:var(--card-bg);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #00000047,0 2px 8px #0000001f;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);transform-origin:top right;width:280px;z-index:200}.pm-upgrade-card{background:linear-gradient(135deg,#4f7cff24,#4f7cff1a);border:1px solid #4f7cff40;border-radius:10px;margin:12px 12px 0;overflow:hidden;padding:14px;position:relative}.pm-upgrade-card__glow{background:radial-gradient(circle,#4f7cff4d 0,#0000 70%);border-radius:50%;height:100px;pointer-events:none;position:absolute;right:-30px;top:-30px;width:100px}.pm-upgrade-card__header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.pm-upgrade-card__icon{align-items:center;background:linear-gradient(135deg,var(--blue-300),var(--blue-400));background:var(--gradient-brand);border-radius:6px;color:#fff;display:flex;flex-shrink:0;height:26px;justify-content:center;width:26px}.pm-upgrade-card__title{color:var(--gray-50);color:var(--text-primary);font-size:.82rem;font-weight:600}.pm-upgrade-card__features{grid-gap:4px 8px;display:grid;gap:4px 8px;grid-template-columns:1fr 1fr;list-style:none;margin:0 0 10px;padding:0}.pm-upgrade-card__features li{align-items:center;color:var(--gray-400);color:var(--text-secondary);display:flex;font-size:.72rem;gap:5px}.pm-upgrade-card__cta{display:flex;justify-content:center}.pm-upgrade-card__cta>div{width:100%!important}.pm__section{padding:14px 16px 10px}.pm__section--auth{padding:20px 16px 14px;text-align:center}.pm__user-info{align-items:center;display:flex;gap:10px}.pm__name{color:var(--gray-50);color:var(--text-primary);font-size:.88rem;font-weight:600;margin:0 0 2px}.pm__sub{color:var(--gray-500);color:var(--text-tertiary);font-size:.72rem;margin:0}.pm__section--auth .pm__avatar--lg{margin:0 auto 10px}.pm__section--auth .pm__name{margin-bottom:2px;text-align:center}.pm__section--auth .pm__sub{margin-bottom:8px;text-align:center}.pm__divider{background:var(--border-default);background:var(--border);height:1px;margin:0}.pm__items{padding:6px 0}.pm__item{align-items:center;background:#0000;border:none;color:var(--gray-50);color:var(--text-primary);cursor:pointer;display:flex;font-size:.84rem;gap:10px;padding:10px 16px;text-align:left;transition:background .1s ease;width:100%}.pm__item:hover{background:#ffffff0a;background:var(--hover-bg)}.pm__item svg{color:var(--gray-400);color:var(--text-secondary);flex-shrink:0}.pm__item--danger,.pm__item--danger svg{color:#ef4444}.pm-badge{border-radius:4px;display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.pm-badge--guest{background:#71717a26;color:#71717a}.pm-badge--cloud{background:#22c55e26;color:#22c55e}.pm-badge--offline{background:#f9731626;color:#f97316}.pm-badge--syncing{background:#3b82f626;color:#3b82f6}.dashboard{min-height:100vh;position:relative}.dash-greeting__title{color:var(--gray-50);color:var(--text-primary);display:inline-block;font-size:1.5rem;font-weight:700;margin:0 0 4px;position:relative}.dash-greeting__title:after{animation:underlineGlow 3s ease-in-out infinite;background:linear-gradient(135deg,var(--blue-300),var(--blue-400));background:var(--gradient-brand);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:40%}@keyframes underlineGlow{0%,to{opacity:.5;width:40%}50%{opacity:1;width:60%}}.dash-greeting__wave{animation:waveHand 3s ease-in-out infinite;display:inline-block;margin-left:6px;transform-origin:70% 70%}@keyframes waveHand{0%,to{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%,to{transform:rotate(0deg)}}.dash-greeting__meta{align-items:center;display:flex;gap:6px;margin-top:2px}.dash-greeting__date{font-size:.85rem;margin:0}.dash-greeting__date,.dash-greeting__sep{color:var(--gray-500);color:var(--text-tertiary)}.dash-greeting__sep{font-size:.7rem;opacity:.3}.dash-greeting__time{font-feature-settings:"tnum";color:var(--gray-400);color:var(--text-secondary);font-size:.82rem;font-variant-numeric:tabular-nums;font-weight:500}.dash-greeting__insight{align-items:center;color:var(--gray-500);color:var(--text-tertiary);display:flex;font-size:.75rem;gap:5px;margin-top:8px}.dash-greeting__insight svg{color:var(--blue-300);color:var(--accent-secondary);flex-shrink:0}.dash-grid{grid-gap:var(--grid-gap);display:grid;gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:var(--space-5)}.dash-card{background:var(--surface-1);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--space-5)}.dash-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.dash-card__header h3{color:var(--gray-400);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);margin:0;text-transform:uppercase}.dash-card__badge{border-radius:4px;font-size:.65rem;font-weight:600;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.dash-card--progress{container-type:inline-size}.dash-progress-body{grid-gap:var(--space-5);align-items:center;display:grid;gap:var(--space-5);grid-template-columns:auto 1fr}@container (max-width: 350px){.dash-progress-body{gap:var(--space-4);grid-template-columns:1fr;justify-items:center}.dash-progress-stats{width:100%}.dash-ring-svg,.dash-ring-visual{height:100px!important;width:100px!important}.dash-ring-value{font-size:var(--text-md)!important}.dash-ring-pct{font-size:var(--text-xs)!important}}@container (max-width: 260px){.dash-progress-body{gap:var(--space-2)}.dash-ring-svg,.dash-ring-visual{height:80px!important;width:80px!important}.dash-ring-value{font-size:var(--text-sm)!important}}.dash-ring-wrap{align-items:center;display:flex;justify-content:center}.dash-ring-visual{flex-shrink:0;height:120px;position:relative;width:120px}.dash-ring-svg{display:block}.dash-ring-center{align-items:center;display:flex;flex-direction:column;gap:0;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.dash-ring-value{color:var(--gray-50);color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:1.1}.dash-ring-pct{font-feature-settings:"tnum";color:var(--blue-400);color:var(--accent);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);margin-top:1px}.dash-progress-stats{display:flex;flex-direction:column;gap:0;min-width:0}.dash-progress-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:var(--space-3);justify-content:space-between;min-width:0;padding:var(--space-2) 0}.dash-progress-row:first-child{padding-top:0}.dash-progress-row--last{border-bottom:none;padding-bottom:0}.dash-progress-row__label{color:var(--gray-500);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;white-space:nowrap}.dash-progress-row__value{font-feature-settings:"tnum";color:var(--gray-50);color:var(--text-primary);flex-shrink:0;font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);text-align:right;white-space:nowrap}.dash-progress-row--worked .dash-progress-row__value{color:var(--blue-400);color:var(--accent);font-size:var(--text-lg)}.calc-progress-body{grid-gap:var(--space-8);align-items:center;display:grid;gap:var(--space-8);grid-template-columns:auto 1fr}.calc-ring-block{align-items:center;display:flex;flex-shrink:0;justify-content:center}.calc-kpi-grid{grid-gap:var(--space-4);display:grid;flex:1 1;gap:var(--space-4);grid-template-columns:1fr 1fr;min-width:0}.calc-kpi{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:default;display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-4);transition:transform .15s var(--ease-out),border-color .15s var(--ease-out),box-shadow .15s var(--ease-out)}.calc-kpi:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.calc-kpi--primary{background:linear-gradient(135deg,#4f7cff0f,var(--surface-2) 70%);background:linear-gradient(135deg,var(--blue-subtle),var(--surface-2) 70%);border-color:#4f7cff26;border-color:var(--blue-border)}.calc-kpi--primary:hover{border-color:#4f7cff4d;box-shadow:0 4px 16px #00000026,0 0 12px #4f7cff14;box-shadow:0 4px 16px #00000026,0 0 12px var(--blue-glow-soft)}.calc-kpi__header{align-items:center;display:flex;gap:4px}.calc-kpi__header,.calc-kpi__label{color:var(--gray-500);color:var(--text-tertiary)}.calc-kpi__label{font-size:10px;font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase}.calc-kpi__value{font-feature-settings:"tnum";color:var(--gray-50);color:var(--text-primary);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:var(--weight-bold);line-height:1.2}.calc-kpi__value--span{color:var(--blue-300);color:var(--accent-secondary)}.calc-kpi__value--break{color:var(--amber-400)}.calc-kpi--primary .calc-kpi__value{color:var(--blue-400);color:var(--accent);font-size:var(--text-2xl);line-height:1.1}.calc-kpi__value--danger{color:var(--red-400)}.calc-kpi__meta{font-weight:var(--weight-medium)}.calc-kpi--primary .calc-kpi__meta,.calc-kpi__meta{color:var(--text-quaternary);font-size:10px}.dash-streak{gap:12px;padding:4px 0}.dash-streak,.dash-streak__main{align-items:center;display:flex;flex-direction:column}.dash-streak__main{gap:2px}.dash-streak__count{color:#fbbf24;font-size:2.8rem;font-weight:700;line-height:1}.dash-streak__label{color:var(--gray-500);color:var(--text-tertiary);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.dash-streak__secondary{border-top:1px solid #ffffff0a;display:flex;gap:8px;justify-content:center;padding-top:10px;width:100%}.dash-streak__stat{align-items:center;display:flex;flex-direction:column;gap:1px}.dash-streak__stat-value{color:var(--gray-50);color:var(--text-primary);font-size:.95rem;font-weight:700;line-height:1.2}.dash-streak__stat-label{color:var(--gray-500);color:var(--text-tertiary);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase}.dash-streak__rating{color:var(--gray-400);color:var(--text-secondary);display:block;font-size:.78rem;font-weight:500;margin-top:2px}.dash-productivity{align-items:center;display:flex;flex-direction:column;gap:6px;padding:4px 0}.dash-productivity__main{align-items:baseline;display:flex;gap:2px}.dash-productivity__score{color:var(--blue-400);color:var(--accent);font-size:2.8rem;font-weight:700;line-height:1}.dash-productivity__total{color:var(--gray-500);color:var(--text-tertiary);font-size:1rem}.dash-productivity__rating{color:var(--gray-400);color:var(--text-secondary);font-size:.8rem;font-weight:500}.dash-productivity__subs{border-top:1px solid #ffffff0a;display:flex;gap:16px;justify-content:center;margin-top:2px;padding-top:8px;width:100%}.dash-productivity__sub{align-items:center;display:flex;flex-direction:column;gap:1px}.dash-productivity__sub-label{color:var(--gray-500);color:var(--text-tertiary);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase}.dash-productivity__sub-value{color:var(--gray-400);color:var(--text-secondary);font-size:.9rem;font-weight:700}.dash-guest-msg{color:var(--gray-500);color:var(--text-tertiary);font-size:.85rem;margin:0;padding:16px 0;text-align:center}.dash-bars{align-items:flex-end;display:flex;gap:8px;min-height:140px}.dash-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;height:100%;justify-content:flex-end}.dash-bar__track{height:80px;max-width:32px;width:100%}.dash-bar__fill,.dash-bar__track{border-radius:4px}.dash-bar__label{color:var(--gray-500);color:var(--text-tertiary);font-size:.65rem;text-transform:uppercase}.dash-holiday-compact{display:flex;flex-direction:column;gap:5px}.dash-holiday-compact__type{border-radius:999px;display:inline-block;font-size:.62rem;font-weight:600;letter-spacing:.02em;line-height:1.4;margin-bottom:2px;padding:3px 10px;width:-webkit-fit-content;width:fit-content}.dash-holiday-compact__name{color:var(--gray-50);color:var(--text-primary);font-size:.98rem;font-weight:600;line-height:1.35;margin:0}.dash-holiday-compact__meta{color:var(--gray-500);color:var(--text-tertiary);font-size:.72rem;margin:0}.dash-holiday-compact__dot{color:var(--gray-500);color:var(--text-tertiary);margin:0 3px;opacity:.4}.dash-holiday-compact__countdown{animation:holidayCountdownPulse 60s ease-in-out infinite;background:#4f7cff1a;background:var(--blue-hover);border:1px solid #4f7cff26;border:1px solid var(--blue-border);border-radius:999px;color:var(--blue-300);color:var(--accent-secondary);display:inline-block;font-size:.68rem;font-weight:600;line-height:1.3;margin-top:6px;padding:3px 10px;width:-webkit-fit-content;width:fit-content}@keyframes holidayCountdownPulse{0%,95%,to{opacity:1}97%{opacity:.6}}.dash-holiday-loading{display:flex;flex-direction:column;gap:8px}.dash-holiday-empty{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;min-height:72px}.dash-holiday-empty__title{color:var(--gray-400);color:var(--text-secondary);font-size:.88rem;font-weight:600;margin:0 0 2px}.dash-holiday-empty__sub{color:var(--gray-500);color:var(--text-tertiary);font-size:.76rem;margin:0}.dash-card--achievements{margin-bottom:16px}.dash-greeting{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:24px}.dash-greeting__live{align-items:center;background:#22c55e14;border:1px solid #22c55e26;border-radius:8px;color:#22c55e;display:flex;flex-shrink:0;font-size:.75rem;font-weight:500;gap:6px;padding:5px 10px}.dash-greeting__live-dot{animation:liveDotPulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;height:7px;width:7px}@keyframes liveDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.dash-grid--analytics{gap:var(--grid-gap);grid-template-columns:1fr 1fr;margin-bottom:var(--space-5)}.dash-card--analytics{background:linear-gradient(160deg,#4f7cff05,var(--surface-1) 55%);background:linear-gradient(160deg,#4f7cff05,var(--card-bg) 55%);border-color:#4f7cff26;border-color:var(--blue-border);display:flex;flex-direction:column;min-height:380px;transition:border-color .3s ease,box-shadow .4s ease,transform .3s ease}.dash-card--analytics:hover{border-color:#4f7cff40;box-shadow:0 8px 32px #0000002e,0 0 24px #4f7cff14;box-shadow:0 8px 32px #0000002e,0 0 24px var(--blue-glow-soft);transform:translateY(-2px)}.dash-card--analytics .dash-card__header{margin-bottom:14px}.dash-card--analytics .dash-card__glow-border{background:linear-gradient(135deg,#4f7cff1f,#0000 35%,#79a8ff14 65%,#0000)}.dash-trend-badge{align-items:center;background:#4f7cff14;border:1px solid #4f7cff1f;border-radius:999px;color:var(--blue-300);color:var(--accent-secondary);display:inline-flex;font-size:.62rem;font-weight:600;gap:4px;letter-spacing:.03em;padding:2px 8px;white-space:nowrap}.dash-trend-badge svg{flex-shrink:0}.dash-card__header-right{align-items:center;display:flex;gap:6px}.dash-weekly-suffix{color:var(--gray-500);color:var(--text-tertiary);font-size:.6rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.dash-analytics-chart{align-items:stretch;display:flex;flex:1 1;padding:4px 0}.dash-bars--tall{align-items:flex-end;display:flex;flex:1 1;gap:8px;height:100%;width:100%}.dash-bars--tall .dash-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;height:100%;justify-content:flex-end}.dash-bars--tall .dash-bar__track{background:#ffffff0a;background:var(--hover-bg);border-radius:6px;cursor:default;height:140px;max-width:36px;overflow:hidden;position:relative;transition:background .25s ease,box-shadow .3s ease;width:100%}.dash-bars--tall .dash-bar__track:hover{background:#4f7cff1a;background:var(--blue-hover);box-shadow:0 0 8px #4f7cff0f}.dash-bars--tall .dash-bar__fill{background:linear-gradient(to top,var(--blue-400),var(--blue-300));background:linear-gradient(to top,var(--accent),var(--accent-secondary));border-radius:6px;bottom:0;height:0;left:0;position:absolute;transition:height .6s ease;width:100%;will-change:height}.dash-bars--tall .dash-bar__label{color:var(--gray-500);color:var(--text-tertiary);font-size:.65rem;letter-spacing:.03em;text-transform:uppercase}.dash-bars--tall .dash-bar__tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#16181cf5;border:1px solid #ffffff12;border-radius:10px;bottom:calc(100% + 10px);box-shadow:0 4px 6px #0000000a,0 8px 24px #0000001a,0 24px 48px #0000000f;display:flex;flex-direction:column;gap:3px;left:50%;opacity:0;padding:10px 14px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:opacity .15s ease,transform .15s ease;white-space:nowrap;z-index:100}.dash-bars--tall .dash-bar:hover .dash-bar__tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.dash-bars--tall .dash-bar__tooltip-hours{font-feature-settings:"tnum";color:#fff;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.01em;line-height:1.3}.dash-bars--tall .dash-bar__tooltip-goal{color:#ffffff80;font-size:.68rem;font-weight:500;line-height:1.3}.dash-bars--tall .dash-bar--today .dash-bar__track{box-shadow:0 0 6px #4f7cff1f}.dash-bars--tall .dash-bar--today .dash-bar__label{color:var(--blue-300);color:var(--accent-secondary);font-weight:700}.dash-weekly-stats{align-items:center;border-top:1px solid #ffffff0a;display:flex;gap:8px;justify-content:space-around;margin-top:auto;padding:12px 4px 0}.dash-weekly-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.dash-weekly-stat__value{font-feature-settings:"tnum";color:var(--gray-50);color:var(--text-primary);font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.dash-weekly-stat__label{color:var(--gray-500);color:var(--text-tertiary);font-size:.6rem;letter-spacing:.05em;text-transform:uppercase}.dash-timeline{display:flex;flex:1 1;flex-direction:column;gap:0;padding:2px 0}.dash-timeline__item{align-items:flex-start;border-radius:8px;display:flex;gap:12px;margin:0 -8px;padding:10px 8px;position:relative;transition:background .2s ease}.dash-timeline__item:hover{background:#4f7cff08}.dash-timeline__dot-wrap{flex-direction:column;padding-top:3px}.dash-timeline__dot,.dash-timeline__dot-wrap{align-items:center;display:flex;flex-shrink:0;position:relative;width:24px}.dash-timeline__dot{border-radius:50%;cursor:default;height:24px;justify-content:center;transition:box-shadow .3s ease,border-color .3s ease;z-index:1}.dash-timeline__dot--active{background:#22c55e26;border:1.5px solid #22c55e66;color:#22c55e}.dash-timeline__dot--active:hover{box-shadow:0 0 12px #22c55e40}.dash-timeline__dot--present{background:#4f7cff1f;border:1.5px solid #4f7cff40;color:var(--blue-300);color:var(--accent-secondary)}.dash-timeline__dot--present:hover{box-shadow:0 0 10px #4f7cff33}.dash-timeline__dot--missed{background:#71717a14;border:1.5px solid #71717a26;color:#71717a}.dash-timeline__line{background:linear-gradient(180deg,#4f7cff26,#0000);background:linear-gradient(to bottom,var(--blue-border),#0000);height:calc(100% + 4px);left:50%;opacity:.35;position:absolute;top:24px;transform:translateX(-50%);width:1.5px}.dash-timeline__pulse-ring{border:2px solid #22c55e4d;border-radius:50%;inset:-4px;pointer-events:none;position:absolute}.dash-timeline__body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;padding-top:2px}.dash-timeline__top{align-items:center;display:flex;gap:8px;justify-content:space-between}.dash-timeline__day{color:var(--gray-50);color:var(--text-primary);font-size:.85rem;font-weight:600}.dash-timeline__time{font-feature-settings:"tnum";color:var(--gray-400);color:var(--text-secondary);font-size:.78rem;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.dash-timeline__details{align-items:center;display:flex;gap:12px;margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .25s ease,opacity .25s ease,margin .25s ease}.dash-timeline__item:hover .dash-timeline__details{margin-top:4px;max-height:24px;opacity:1}.dash-timeline__detail-item{align-items:center;color:var(--gray-500);color:var(--text-tertiary);display:inline-flex;font-size:.68rem;gap:4px;white-space:nowrap}.dash-timeline__detail-item svg{flex-shrink:0;opacity:.6}.dash-timeline__badge-wrap{align-items:center;display:flex;margin-top:2px}.dash-timeline__badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.58rem;font-weight:700;gap:4px;letter-spacing:.04em;line-height:1.3;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.dash-timeline__badge--active{background:#22c55e1f;color:#22c55e}.dash-timeline__badge--done{background:#4f7cff1a;color:var(--blue-300);color:var(--accent-secondary)}.dash-timeline__badge--missed{background:#71717a1a;color:#71717a}.dash-timeline__badge-dot{background:#22c55e}.dash-timeline__badge-dot,.dash-timeline__check{border-radius:50%;display:inline-block;height:5px;width:5px}.dash-timeline__check{background:var(--blue-300);background:var(--accent-secondary)}.ga-preview{margin-bottom:16px}.ga-preview__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.ga-preview__header h3{align-items:center;color:var(--gray-400);color:var(--text-secondary);display:flex;font-size:.85rem;font-weight:600;letter-spacing:.04em;margin:0;text-transform:uppercase}.ga-preview__header h3 svg{color:var(--blue-300);color:var(--accent-secondary)}.ga-preview__header-right{align-items:center;display:flex;gap:10px}.ga-preview__count{color:var(--gray-500);color:var(--text-tertiary);font-size:.68rem;font-weight:500;white-space:nowrap}.ga-preview__grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.ga-preview__badge{align-items:center;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;flex:0 0 auto;flex-direction:column;gap:6px;padding:12px 8px;transition:border-color .15s var(--ease-out);width:calc(50% - 5px)}.ga-preview__badge--unlocked{background:var(--surface-2);border-color:var(--border)}.ga-preview__badge--locked{opacity:.55}.ga-preview__badge-icon-wrap{align-items:center;display:flex;flex-direction:column;position:relative}.ga-preview__badge-icon{border:1.5px solid;border-radius:var(--radius-full);height:36px;width:36px}.ga-preview__badge-icon,.ga-preview__lock-icon{align-items:center;display:flex;justify-content:center}.ga-preview__lock-icon{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-full);bottom:-4px;color:var(--gray-500);color:var(--text-tertiary);height:16px;position:absolute;right:-4px;width:16px}.ga-preview__xp{color:var(--blue-400);color:var(--accent);font-size:.6rem;font-weight:600;margin-top:2px;white-space:nowrap}.ga-preview__badge-name{color:var(--gray-400);color:var(--text-secondary);font-size:.7rem;font-weight:500;line-height:1.3;margin:0;text-align:center}.ga-preview__locked-label{color:var(--text-quaternary);font-size:.6rem;font-weight:500;text-align:center}@media (min-width:480px){.ga-preview__badge{width:calc(33.33333% - 6.66667px)}}.dash-ach-section{margin-bottom:16px}.dash-ach-section__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.dash-ach-section__header h3{align-items:center;color:var(--gray-400);color:var(--text-secondary);display:flex;font-size:.85rem;font-weight:600;letter-spacing:.04em;margin:0;text-transform:uppercase}.dash-ach-section__header h3 svg{color:var(--blue-300);color:var(--accent-secondary)}.dash-ach-section__header-right{align-items:center;display:flex;gap:10px}.dash-ach-section__count{color:var(--gray-500);color:var(--text-tertiary);font-size:.68rem;font-weight:500;white-space:nowrap}.dash-ach-section__grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.dash-ach-section__grid>.dash-ach-badge{flex:0 0 auto;width:100%}@media (min-width:480px){.dash-ach-section__grid>.dash-ach-badge{width:calc(50% - 5px)}}@media (min-width:768px){.dash-ach-section__grid>.dash-ach-badge{width:calc(33.33333% - 6.66667px)}}@media (min-width:992px){.dash-ach-section__grid>.dash-ach-badge{width:calc(25% - 7.5px)}}@media (min-width:1200px){.dash-ach-section__grid>.dash-ach-badge{width:calc(20% - 8px)}}@media (min-width:1400px){.dash-ach-section__grid>.dash-ach-badge{width:calc(16.66667% - 8.33333px)}}.dash-ach-section__sub-header{align-items:center;display:flex;margin-bottom:10px;margin-top:4px}.dash-ach-section__sub-header span{color:var(--gray-500);color:var(--text-tertiary);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dash-ach-badge{align-items:center;background:#ffffff0a;background:var(--hover-bg);border:1px solid #0000;border-radius:12px;cursor:default;display:flex;flex-direction:column;gap:6px;padding:14px 10px;transition:border-color .2s ease,background .2s ease}.dash-ach-badge:hover{background:#ffffff08}.dash-ach-badge--unlocked,.dash-ach-badge:hover{border-color:#4f7cff26;border-color:var(--blue-border)}.dash-ach-badge--unlocked{animation:achBadgeGlow 3.5s ease-in-out}@keyframes achBadgeGlow{0%,to{border-color:#4f7cff26;border-color:var(--blue-border);box-shadow:0 0 0 #0000}10%{border-color:#4f7cff66;box-shadow:0 0 20px #4f7cff1f}30%{border-color:#4f7cff33;box-shadow:0 0 8px #4f7cff0f}60%{border-color:#4f7cff26;border-color:var(--blue-border);box-shadow:0 0 0 #0000}}.dash-ach-badge--locked{border-color:#0000;opacity:.55;transition:opacity .2s ease,border-color .2s ease,box-shadow .2s ease}.dash-ach-badge--locked:hover{border-color:#4f7cff33;box-shadow:0 0 16px #4f7cff0f;opacity:1}.dash-ach-badge--locked .dash-ach-badge__progress-fill{background:linear-gradient(90deg,#4f7cff80,#79a8ff66)}.dash-ach-badge--locked .dash-ach-badge__name{color:var(--gray-500);color:var(--text-tertiary)}.dash-ach-badge__icon-wrap{align-items:center;display:flex;flex-direction:column;gap:4px;overflow:hidden;position:relative}.dash-ach-badge__icon{align-items:center;border:1.5px solid var(--border);border-radius:12px;display:flex;height:44px;justify-content:center;transition:box-shadow .3s ease,border-color .3s ease;width:44px}.dash-ach-badge--unlocked .dash-ach-badge__icon{box-shadow:0 0 14px #4f7cff40}.dash-ach-badge__icon svg{display:block}.dash-ach-badge__xp{background:#fbbf241a;border:1px solid #fbbf2426;border-radius:4px;color:#fbbf24;font-size:.58rem;font-weight:700;line-height:1.4;padding:1px 6px}.dash-ach-badge__lock-icon{align-items:center;background:#71717a26;border:1px solid #71717a33;border-radius:50%;color:#71717a;cursor:help;display:flex;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;transition:background .2s ease,border-color .2s ease,color .2s ease;width:18px}.dash-ach-badge--locked:hover .dash-ach-badge__lock-icon{background:#4f7cff1f;border-color:#4f7cff33;color:var(--blue-300);color:var(--accent-secondary)}.dash-ach-badge__shimmer{animation:shimmerSweep 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff14,#0000);border-radius:8px;height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);width:60%}@keyframes shimmerSweep{0%{left:-100%}50%{left:150%}to{left:150%}}.dash-ach-badge__name{color:var(--gray-50);color:var(--text-primary);font-size:.7rem;font-weight:600;line-height:1.3;margin:0;text-align:center}.dash-ach-badge__progress{align-items:center;display:flex;gap:5px;width:100%}.dash-ach-badge__progress-track{background:#ffffff0f;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.dash-ach-badge__progress-fill{background:linear-gradient(90deg,var(--blue-400),var(--blue-300));background:linear-gradient(90deg,var(--accent),var(--accent-secondary));border-radius:2px;height:100%;width:0}.dash-ach-badge__progress-label{color:var(--gray-500);color:var(--text-tertiary);flex-shrink:0;font-size:.58rem;font-weight:600}.dash-link-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--blue-400);color:var(--accent);cursor:pointer;display:flex;font-size:.8rem;gap:4px;padding:4px 8px}.dash-link-btn:hover{background:#4f7cff14}.dash-actions{margin-top:24px}.dash-actions__header{align-items:center;display:flex;margin-bottom:14px}.dash-actions__header h3{align-items:center;color:var(--gray-400);color:var(--text-secondary);display:flex;font-size:.85rem;font-weight:600;letter-spacing:.04em;margin:0;text-transform:uppercase}.dash-actions__header h3 svg{color:var(--blue-300);color:var(--accent-secondary)}.dash-actions__grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.dash-qa-btn{align-items:center;background:var(--surface-1);background:var(--card-bg);border:1px solid var(--border);border-radius:10px;color:var(--gray-50);color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:10px;padding:14px 18px;transition:border-color .15s ease,background .15s ease,box-shadow .2s ease}.dash-qa-btn:hover{background:#ffffff05;border-color:#ffffff1a;box-shadow:0 4px 16px #00000014}.dash-qa-btn--primary{background:var(--blue-400);background:var(--accent);border-color:var(--accent);box-shadow:0 4px 20px #4f7cff26;color:#fff}.dash-qa-btn--primary:hover{background:var(--blue-300);background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 6px 28px #4f7cff40}.dash-qa-btn--secondary{background:#ffffff0a;background:var(--hover-bg);border-color:#0000;color:var(--gray-400);color:var(--text-secondary)}.dash-qa-btn--secondary:hover{border-color:#ffffff0f;color:var(--gray-50);color:var(--text-primary)}.dash-qa-btn__icon{align-items:center;color:inherit;display:flex;flex-shrink:0;justify-content:center}.dash-qa-btn--secondary .dash-qa-btn__icon{color:var(--gray-500);color:var(--text-tertiary);transition:color .15s ease}.dash-qa-btn--secondary:hover .dash-qa-btn__icon{color:var(--blue-300);color:var(--accent-secondary)}.dash-qa-btn__text{font-size:.82rem;font-weight:500;line-height:1.3}.dashboard-content{position:relative;z-index:3}.dash-particle-canvas{inset:0;pointer-events:none;position:fixed;touch-action:none;z-index:1}.dash-card{transform-style:preserve-3d;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;will-change:transform}.dash-card:hover{border-color:#ffffff1f;box-shadow:0 8px 32px #0003,0 0 20px #4f7cff0a}.dash-card__glow-border{background:linear-gradient(135deg,#4f7cff26,#0000 40%,#79a8ff1a 70%,#0000);border-radius:inherit;inset:-1px;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease;z-index:-1}.dash-card:hover .dash-card__glow-border{opacity:1}.dash-pulse .dash-card{animation:dashGlobalPulse 1.5s ease-in-out}@keyframes dashGlobalPulse{0%,to{border-color:var(--border);box-shadow:0 0 0 #0000}30%{border-color:#4f7cff26;box-shadow:0 0 12px #4f7cff0f,0 0 0 #0000}60%{border-color:#4f7cff14;box-shadow:0 0 6px #4f7cff08}}.dash-pulse .dash-ring-wrap svg circle:last-child{animation:ringPulse 1.5s ease-in-out}@keyframes ringPulse{0%,to{filter:drop-shadow(0 0 0 transparent)}30%{filter:drop-shadow(0 0 3px rgba(79,124,255,.35))}}.dash-grid--summary{grid-template-columns:repeat(4,1fr)}@keyframes dashCardBreathe{0%,72%,to{border-color:var(--border);box-shadow:0 0 0 #0000}78%{border-color:#4f7cff26;border-color:var(--blue-border);box-shadow:0 0 20px #4f7cff0a}86%{border-color:#4f7cff26;border-color:var(--blue-border);box-shadow:0 0 24px #4f7cff0d}}.dash-card--breathing{animation:dashCardBreathe 13s ease-in-out infinite;will-change:border-color,box-shadow}.dash-card--holiday{background:linear-gradient(160deg,#4f7cff0f,var(--surface-1) 55%);background:linear-gradient(160deg,var(--blue-subtle),var(--card-bg) 55%);border-color:#4f7cff26;border-color:var(--blue-border);overflow:hidden;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.dash-card--holiday:hover{border-color:#4f7cff4d;box-shadow:0 12px 32px #0000004d,0 0 24px #4f7cff14;box-shadow:0 12px 32px #0000004d,0 0 24px var(--blue-glow-soft)}.dash-bar__track{background:#ffffff0a;background:var(--hover-bg);border-radius:5px;cursor:default;overflow:hidden;position:relative;transition:background .25s ease,box-shadow .3s ease}.dash-bar__track:hover{background:#4f7cff1a;background:var(--blue-hover);box-shadow:0 0 6px #4f7cff0a}.dash-bar__fill{background:linear-gradient(to top,var(--blue-400),var(--blue-300));background:linear-gradient(to top,var(--accent),var(--accent-secondary));border-radius:5px;bottom:0;height:0;left:0;position:absolute;transition:height .6s ease;width:100%;will-change:height}.dashboard.animations-paused .dash-ach-badge__shimmer,.dashboard.animations-paused .dash-card--breathing,.dashboard.animations-paused .dash-timeline__badge-dot,.dashboard.animations-paused .dash-timeline__pulse-ring{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.dash-ach-badge__shimmer,.dash-card--breathing,.dash-holiday-compact__countdown,.dash-timeline__badge-dot,.dash-timeline__pulse-ring{animation:none!important}.dash-bar__fill{transition-duration:0s!important}.dash-ach-badge--unlocked{animation:none!important}.dash-timeline__details{max-height:24px!important;opacity:1!important}}@media (max-width:1100px){.dash-grid--summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.dash-grid--analytics{grid-template-columns:1fr 1fr}.dash-card{padding:var(--space-4)}}@media (max-width:720px){.dash-grid--analytics{grid-template-columns:1fr}.dash-card--analytics{min-height:0;min-height:auto}.dash-progress-body{gap:var(--space-4)}}@media (max-width:540px){.dash-grid--summary{grid-template-columns:1fr}.dash-card--breathing{animation-duration:0s!important}.dash-actions__grid{grid-template-columns:1fr 1fr}}@media (max-width:380px){.dash-ring-svg,.dash-ring-visual{height:88px;width:88px}.dash-actions__grid{grid-template-columns:1fr}.dash-greeting__title{font-size:1.1rem}}.page-loading{font-size:var(--text-base);padding:var(--space-10) 0}.page-empty,.page-loading{color:var(--gray-500);color:var(--text-tertiary);text-align:center}.page-empty{font-size:var(--text-lg);padding:var(--space-16) var(--space-5)}.page-toolbar{gap:var(--space-3);margin-bottom:var(--space-5)}.page-search,.page-toolbar{align-items:center;display:flex}.page-search{background:var(--surface-1);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--gray-500);color:var(--text-tertiary);flex:1 1;gap:var(--space-2);max-width:320px;padding:var(--space-2) var(--space-3)}.page-search input{background:#0000;border:none;color:var(--gray-50);color:var(--text-primary);flex:1 1;font-size:.85rem;outline:none}.page-grid{grid-gap:var(--grid-gap);display:grid;gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.page--analytics .page-grid{grid-template-columns:3fr 2fr}.history-list{display:flex;flex-direction:column;gap:10px}.history-card{background:var(--surface-1);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.history-card--today{border-color:var(--accent)}.history-card__header{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-4);text-align:left;width:100%}.history-card__header:hover{background:#ffffff0a;background:var(--hover-bg)}.history-card__left{display:flex;flex-direction:column;gap:4px;min-width:0}.history-card__day{align-items:center;display:flex;gap:8px}.history-card__day-name{color:var(--gray-50);color:var(--text-primary);font-size:.9rem;font-weight:600}.history-card__date{color:var(--gray-500);color:var(--text-tertiary);font-size:.8rem}.history-card__today-badge{background:color-mix(in srgb,var(--blue-400) 12%,#0000);background:color-mix(in srgb,var(--accent) 12%,#0000);border-radius:999px;color:var(--blue-400);color:var(--accent);font-size:.65rem;font-weight:600;letter-spacing:var(--tracking-wider);padding:1px 7px;text-transform:uppercase}.history-card__stats{align-items:center;color:var(--gray-400);color:var(--text-secondary);display:flex;font-size:.75rem;gap:8px}.history-card__stat{align-items:center;display:flex;gap:4px}.history-card__stat svg{flex-shrink:0;opacity:.5}.history-card__stat-icon{align-items:center;border-radius:2px;display:flex;font-size:.55rem;font-weight:700;height:11px;justify-content:center;opacity:.5;width:11px}.history-card__stat-icon--span{background:var(--gray-500);background:var(--text-tertiary);color:var(--surface-1);color:var(--card-bg)}.history-card__stat-divider{background:var(--border-default);background:var(--border);flex-shrink:0;height:10px;width:1px}.history-card__right{align-items:center;display:flex;flex-shrink:0;gap:10px}.history-card__count{font-size:.7rem;white-space:nowrap}.history-card__chevron,.history-card__count{color:var(--gray-500);color:var(--text-tertiary)}.history-card__chevron{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.history-card__body{overflow:hidden;will-change:transform,opacity}.history-card__content{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.history-card__section{display:flex;flex-direction:column;gap:var(--space-3)}.history-card__section-title{align-items:center;color:var(--gray-500);color:var(--text-tertiary);display:flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:var(--tracking-wider);text-transform:uppercase}.history-card__section-title svg{opacity:.5}.history-card__sessions{display:flex;flex-direction:column;gap:6px}.history-card__loading{align-items:center;color:var(--gray-500);color:var(--text-tertiary);display:flex;font-size:.85rem;gap:8px;justify-content:center;padding:24px 0}.history-card__spinner{animation:history-spin .6s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:16px;width:16px}.history-card__empty{color:var(--gray-500);color:var(--text-tertiary);font-size:.85rem;padding:16px 0;text-align:center}@keyframes history-spin{to{transform:rotate(1turn)}}.analytics-card{background:var(--surface-1);background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px}.analytics-card h3{align-items:baseline;color:var(--gray-400);color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-base);font-weight:var(--weight-semibold);gap:0;letter-spacing:var(--tracking-wider);margin:0 0 var(--space-4);text-transform:uppercase}.analytics-card__period-sep{color:var(--gray-500);color:var(--text-tertiary);font-weight:400;margin:0 6px}.analytics-card__period{color:var(--gray-500);color:var(--text-tertiary);font-size:.8rem;font-weight:500;letter-spacing:0;text-transform:none}.analytics-card--wide{grid-column:1/-1}.analytics-bars{display:flex;flex-direction:column;gap:10px}.analytics-bar-item{align-items:center;display:flex;gap:10px}.analytics-bar-label{color:var(--gray-500);color:var(--text-tertiary);flex-shrink:0;font-size:.75rem;text-transform:uppercase;width:32px}.analytics-bar-track{background:#ffffff0a;background:var(--hover-bg);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.analytics-bar-fill{background:linear-gradient(90deg,var(--blue-400),var(--blue-300));background:linear-gradient(90deg,var(--accent),var(--accent-secondary));border-radius:4px;height:100%}.analytics-bar-value{color:var(--gray-400);color:var(--text-secondary);flex-shrink:0;font-size:.75rem;font-weight:600;text-align:right;width:56px}.analytics-trends{display:flex;flex-direction:column;gap:16px}.analytics-trend-row{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 0}.analytics-trend-row:last-child{border-bottom:none}.analytics-trend-row span:first-child{align-items:center;color:var(--gray-400);color:var(--text-secondary);display:flex;font-size:.85rem;gap:8px}.analytics-trend-row span:last-child{align-items:center;color:var(--gray-50);color:var(--text-primary);display:flex;font-weight:600;gap:6px}.analytics-monthly{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.analytics-monthly-stat{text-align:center}.analytics-monthly-stat span{color:var(--gray-500);color:var(--text-tertiary);display:block;font-size:.75rem;margin-bottom:4px}.analytics-monthly-stat strong{color:var(--gray-50);color:var(--text-primary);font-size:1.25rem;font-weight:700}.sr-only{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ach-hero{grid-gap:28px;align-items:center;background:linear-gradient(180deg,#4f7cff12,#0000 70%),var(--surface-1);background:linear-gradient(180deg,#4f7cff12,#0000 70%),var(--card-bg);border:1px solid var(--border);border-radius:16px;display:grid;gap:28px;grid-template-columns:auto minmax(0,1fr) minmax(240px,320px);margin-bottom:20px;padding:20px 24px}.ach-hero__level{align-items:center;display:flex;gap:16px}.ach-hero__ring{flex-shrink:0;position:relative}.ach-hero__ring-center{align-items:center;display:flex;flex-direction:column;gap:0;inset:0;justify-content:center;position:absolute}.ach-hero__ring-label{color:var(--gray-500);color:var(--text-tertiary);font-size:.58rem;font-weight:600;letter-spacing:.1em}.ach-hero__ring-level{color:var(--gray-50);color:var(--text-primary);font-size:1.55rem;font-weight:700;line-height:1.1}.ach-hero__level-info{display:flex;flex-direction:column;gap:3px;min-width:0}.ach-hero__level-title{color:var(--blue-300);color:var(--accent-secondary);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ach-hero__xp{color:var(--gray-50);color:var(--text-primary);font-size:1.3rem;font-weight:700}.ach-hero__xp-next{color:var(--gray-500);color:var(--text-tertiary);font-size:.75rem}.ach-hero__stats{grid-gap:12px 24px;display:grid;gap:12px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}.ach-hero__stat{color:var(--gray-400);color:var(--text-secondary);display:flex;flex-direction:column;gap:2px}.ach-hero__stat-value{color:var(--gray-50);color:var(--text-primary);font-size:1.05rem;font-weight:700}.ach-hero__stat-label{color:var(--gray-500);color:var(--text-tertiary);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase}.ach-hero__next{align-items:flex-start;background:#ffffff0a;background:var(--hover-bg);border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;padding:12px 14px}.ach-hero__next-icon{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.ach-hero__next-body{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.ach-hero__next-eyebrow{color:var(--gray-500);color:var(--text-tertiary);font-size:.62rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ach-hero__next-title{color:var(--gray-50);color:var(--text-primary);font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ach-hero__next-track{background:#ffffff14;border-radius:3px;height:5px;overflow:hidden}.ach-hero__next-fill{background:linear-gradient(90deg,var(--blue-400),var(--blue-300));background:linear-gradient(90deg,var(--accent),var(--accent-secondary));border-radius:3px;height:100%}.ach-hero__next-remaining{color:var(--gray-400);color:var(--text-secondary);font-size:.72rem}.ach-filters{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.ach-filters__row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.ach-chip-count{background:#ffffff14;border-radius:10px;font-size:.66rem;font-weight:600;padding:1px 6px}.chip--active .ach-chip-count{background:#4f7cff33}.ach-sort{align-items:center;background:var(--surface-1);background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--gray-400);color:var(--text-secondary);display:flex;gap:6px;padding:6px 10px;transition:border-color .15s}.ach-sort:focus-within{border-color:var(--accent)}.ach-sort select{background:#0000;border:none;cursor:pointer;font-family:inherit;font-size:.78rem;outline:none}.ach-sort select,.ach-sort select option{color:var(--gray-50);color:var(--text-primary)}.ach-sort select option{background:var(--surface-1);background:var(--card-bg)}.ach-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.ach-card{background:var(--surface-1);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;outline:none;overflow:hidden;padding:var(--space-4);position:relative;transition:var(--transition-color),var(--transition-shadow)}.ach-card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #4f7cff59;box-shadow:0 0 0 3px var(--focus-ring)}.ach-card--unlocked{border-color:#4f7cff26;border-color:var(--blue-border)}.ach-card--unlocked:hover{box-shadow:var(--shadow-lg)}.ach-card__glow{animation:achGlowPulse 4s ease-in-out infinite;inset:0;pointer-events:none;position:absolute}@keyframes achGlowPulse{0%,to{opacity:.65}50%{opacity:1}}.ach-card--locked .ach-card__title{color:var(--gray-400);color:var(--text-secondary)}.ach-card--secret{border-style:dashed}.ach-card--secret .ach-card__icon svg{filter:blur(2px);opacity:.75}.ach-card__top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px;position:relative}.ach-card__icon{align-items:center;background:#ffffff0d;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;position:relative;width:44px}.ach-card--locked .ach-card__icon,.ach-card--secret .ach-card__icon{color:var(--gray-500);color:var(--text-tertiary);filter:grayscale(1)}.ach-card__lock{align-items:center;background:#27272a;border:1px solid #ffffff1a;border-radius:50%;bottom:-5px;color:var(--gray-500);color:var(--text-tertiary);display:flex;height:18px;justify-content:center;position:absolute;right:-5px;width:18px}.ach-card__difficulty{border:1px solid #0000;border-radius:20px;font-size:.6rem;font-weight:600;letter-spacing:.05em;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.ach-card__title{color:var(--gray-50);color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 4px;position:relative}.ach-card__desc{color:var(--gray-500);color:var(--text-tertiary);flex:1 1;font-size:.78rem;line-height:1.45;margin:0 0 14px;position:relative}.ach-card__progress-zone{margin-bottom:12px;position:relative}.ach-card__track{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.ach-card__track--secret{background:repeating-linear-gradient(45deg,#ffffff0d 0 6px,#0000 6px 12px)}.ach-card__fill{background:linear-gradient(90deg,var(--blue-400),var(--blue-300));background:linear-gradient(90deg,var(--accent),var(--accent-secondary));border-radius:3px;height:100%}.ach-card__progress-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:6px}.ach-card__progress-text{color:var(--gray-400);color:var(--text-secondary);font-size:.72rem;font-weight:500}.ach-card__progress-text--pending{color:var(--gray-500);color:var(--text-tertiary);font-style:italic;font-weight:400}.ach-card__pct{color:var(--gray-400);color:var(--text-secondary);font-size:.72rem;font-weight:600}.ach-card__footer{align-items:center;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:space-between;padding-top:12px;position:relative}.ach-card__reward{background:#fbbf241a;border:1px solid #fbbf2433;border-radius:6px;color:#fbbf24;font-size:.7rem;font-weight:600;padding:3px 8px;white-space:nowrap}.ach-card__status{align-items:center;color:var(--gray-500);color:var(--text-tertiary);display:inline-flex;font-size:.72rem;gap:4px;text-align:right}.ach-card__status--unlocked{color:#34d399;font-weight:500}.ach-skeleton{min-height:200px;overflow:hidden;position:relative}.ach-skeleton:after{animation:achShimmer 1.4s infinite;background:linear-gradient(90deg,#0000,#ffffff0a,#0000);content:"";inset:0;position:absolute}@keyframes achShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.ach-skeleton__icon{background:#ffffff0a;background:var(--hover-bg);border-radius:12px;height:44px;margin-bottom:14px;width:44px}.ach-skeleton__icon--ring{border-radius:50%;height:96px;width:96px}.ach-skeleton__line{background:#ffffff0a;background:var(--hover-bg);border-radius:5px;height:10px;margin-bottom:10px;width:100%}.ach-skeleton__line--title{height:14px;width:60%}.ach-skeleton__line--bar{height:6px;margin-bottom:0;margin-top:16px}@media (max-width:1280px){.ach-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1024px){.ach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ach-hero{gap:20px;grid-template-columns:1fr}.ach-hero__stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:640px){.ach-grid{grid-template-columns:1fr}.ach-hero__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ach-filters__row{align-items:stretch;flex-direction:column}.ach-sort{justify-content:space-between}}@media (prefers-reduced-motion:reduce){.ach-card__glow,.ach-skeleton:after{animation:none}.ach-card{transition:none}}.page--achievements--guest .ach-card{border-color:#ffffff0a}.page--achievements--guest .ach-card:hover{box-shadow:none!important;transform:none!important}.page--achievements--guest .ach-card__glow{display:none}.page--achievements--guest .ach-card .ach-card__lock{display:flex}.page--achievements--guest .ach-filters button,.page--achievements--guest .ach-filters select{opacity:.5;pointer-events:none}.ach-hero--guest{align-items:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:var(--radius-lg);display:flex;gap:16px;margin-bottom:20px;padding:24px}.ach-hero__guest-icon{align-items:center;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:14px;color:#fbbf24;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.ach-hero__guest-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.ach-hero__guest-title{color:var(--gray-50);color:var(--text-primary);font-size:1.05rem;font-weight:600}.ach-hero__guest-desc{color:var(--gray-500);color:var(--text-tertiary);font-size:.82rem;line-height:1.4}.ach-hero__guest-badge{align-items:center;background:#fbbf2414;border:1px solid #fbbf2426;border-radius:20px;color:#fbbf24;display:flex;flex-shrink:0;font-size:.7rem;font-weight:500;gap:5px;padding:4px 10px;white-space:nowrap}.ach-guest-backdrop{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:radial-gradient(ellipse at 50% 40%,#09090b8c 0,#09090bbf 100%);inset:0;pointer-events:none;position:fixed;z-index:40}.ach-guest-modal{left:50%;max-width:420px;padding:0 20px;pointer-events:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:50}.ach-guest-modal__body{animation:achGuestFloat 4s ease-in-out infinite;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:var(--glass-bg);border:1px solid var(--border-default);border-radius:24px;box-shadow:0 8px 40px #0000004d,0 0 60px #4f7cff0d;padding:36px 32px 28px;position:relative;text-align:center}.ach-guest-modal__body:before{background:linear-gradient(135deg,#4f7cff1a,#0000 40%,#0000 60%,#4f7cff0d);border-radius:24px;content:"";inset:-1px;pointer-events:none;position:absolute;z-index:-1}@keyframes achGuestFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ach-guest-modal__icon{align-items:center;background:linear-gradient(135deg,#4f7cff26,#4f7cff14);border:1px solid #4f7cff33;border-radius:50%;color:#79a8ff;display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.ach-guest-modal__title{color:var(--gray-50);color:var(--text-primary);font-size:1.2rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 12px}.ach-guest-modal__lead{color:var(--gray-500);color:var(--text-tertiary);font-size:.82rem;margin:0 0 12px}.ach-guest-modal__list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0 0 24px;padding:0}.ach-guest-modal__list li{color:var(--gray-400);color:var(--text-secondary);font-size:.82rem;line-height:1.5;padding-left:20px;position:relative}.ach-guest-modal__list li:before{background:#4f7cff;border-radius:50%;content:"";height:5px;left:2px;opacity:.5;position:absolute;top:8px;width:5px}.ach-guest-modal__actions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.ach-guest-modal__actions>div{width:100%!important}.ach-guest-modal__actions iframe{border-radius:12px!important}.ach-guest-modal__footer{color:var(--text-quaternary);font-size:.72rem;line-height:1.5;margin:0}.premium-gate{min-height:100%;position:relative}.premium-gate__content{filter:blur(5px);opacity:.65;pointer-events:none;-webkit-user-select:none;user-select:none}.premium-gate__backdrop{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:radial-gradient(ellipse at 50% 40%,#09090b8c 0,#09090bbf 100%);inset:0;pointer-events:none;position:fixed;z-index:40}.premium-gate__modal{left:50%;max-width:420px;padding:0 20px;pointer-events:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:50}.premium-gate__modal-body{animation:premiumGateFloat 4s ease-in-out infinite;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:var(--glass-bg);border:1px solid var(--border-default);border-radius:24px;box-shadow:0 8px 40px #0000004d,0 0 60px #4f7cff0d;padding:36px 32px 28px;position:relative;text-align:center}.premium-gate__modal-body:before{background:linear-gradient(135deg,#4f7cff1a,#0000 40%,#0000 60%,#4f7cff0d);border-radius:24px;content:"";inset:-1px;pointer-events:none;position:absolute;z-index:-1}@keyframes premiumGateFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.premium-gate__modal-icon{align-items:center;background:linear-gradient(135deg,#4f7cff26,#4f7cff14);border:1px solid #4f7cff33;border-radius:50%;color:#79a8ff;display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.premium-gate__modal-title{color:var(--gray-50);color:var(--text-primary);font-size:1.2rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 12px}.premium-gate__modal-lead{color:var(--gray-500);color:var(--text-tertiary);font-size:.82rem;margin:0 0 12px}.premium-gate__modal-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0 0 24px;padding:0}.premium-gate__modal-list li{color:var(--gray-400);color:var(--text-secondary);font-size:.82rem;line-height:1.5;padding-left:20px;position:relative}.premium-gate__modal-list li:before{background:#4f7cff;border-radius:50%;content:"";height:5px;left:2px;opacity:.5;position:absolute;top:8px;width:5px}.premium-gate__modal-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.premium-gate__modal-actions>div{width:100%!important}.premium-gate__modal-actions iframe{border-radius:12px!important}.premium-gate__modal-footer{color:var(--text-quaternary);font-size:.72rem;line-height:1.5;margin:0}.import-dropzone{align-items:center;border:2px dashed var(--border);border-radius:var(--radius-lg);color:var(--gray-500);color:var(--text-tertiary);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;transition:var(--transition-color)}.import-dropzone:hover{background:#4f7cff0a;border-color:var(--accent);color:var(--blue-400);color:var(--accent)}.import-dropzone p{font-size:.9rem;margin:0}.import-dropzone__hint{font-size:.75rem;opacity:.6}.import-preview{background:var(--surface-1);background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-top:20px;padding:20px}.import-preview h4{color:var(--gray-50);color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 12px}.import-preview__text{background:#ffffff0a;background:var(--hover-bg);border-radius:8px;color:var(--gray-400);color:var(--text-secondary);font-size:.8rem;margin:0 0 8px;max-height:200px;overflow-x:auto;padding:12px}.import-preview__more{color:var(--gray-500);color:var(--text-tertiary);font-size:.75rem;margin:0 0 16px}.import-btn{background:var(--blue-400);background:var(--accent);border:1px solid var(--accent);border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:10px 24px}.import-btn:disabled{cursor:not-allowed;opacity:.5}.import-msg{align-items:center;border-radius:8px;display:flex;font-size:.85rem;gap:8px;margin-top:16px;padding:12px 16px}.import-msg--success{background:#22c55e1a;color:#22c55e}.import-msg--error{background:#ef44441a;color:#ef4444}.page--settings{gap:var(--space-6)}.page--settings,.settings-section{display:flex;flex-direction:column}.settings-section{gap:var(--space-3)}.settings-section__title{color:var(--gray-500);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);margin:0;text-transform:uppercase}.settings-card{background:var(--surface-1);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;padding:0}.settings-divider{background:var(--border-default);background:var(--border);height:1px}.settings-row{align-items:center;border-bottom:1px solid var(--border);color:var(--gray-50);color:var(--text-primary);display:flex;font-size:.85rem;justify-content:space-between;padding:14px 20px}.settings-row:last-of-type{border-bottom:none}.settings-val{color:var(--gray-400);color:var(--text-secondary);font-size:.85rem}.settings-badge{border-radius:5px;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:3px 9px;text-transform:uppercase}.settings-badge--guest{background:#71717a26;color:#71717a}.settings-badge--cloud{background:#22c55e26;color:#22c55e}.settings-badge--disabled{background:#71717a1f;color:#71717a}.settings-profile{align-items:center;display:flex;gap:14px;padding:18px 20px}.settings-profile__avatar{align-items:center;background:#ffffff0a;background:var(--hover-bg);border:2px solid var(--accent);border-radius:50%;color:var(--gray-400);color:var(--text-secondary);display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;width:44px}.settings-profile__avatar img{height:100%;object-fit:cover;width:100%}.settings-profile__info{flex:1 1;min-width:0}.settings-profile__name{color:var(--gray-50);color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 2px}.settings-profile__email{color:var(--gray-500);color:var(--text-tertiary);font-size:.75rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-upgrade{background:linear-gradient(145deg,#4f7cff1a,#4f7cff14);border-top:1px solid #4f7cff33;margin:0;overflow:hidden;padding:28px 24px;position:relative;text-align:center}.settings-upgrade__glow{background:radial-gradient(circle,#4f7cff33 0,#0000 70%);border-radius:50%;height:200px;pointer-events:none;position:absolute;right:-60px;top:-60px;width:200px}.settings-upgrade__icon{align-items:center;background:linear-gradient(135deg,var(--blue-300),var(--blue-400));background:var(--gradient-brand);border-radius:14px;box-shadow:0 4px 16px #4f7cff59;color:#fff;display:flex;height:52px;justify-content:center;margin:0 auto 14px;width:52px}.settings-upgrade__title{color:var(--gray-50);color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 6px}.settings-upgrade__subtitle{color:var(--gray-400);color:var(--text-secondary);font-size:.82rem;line-height:1.5;margin:0 0 20px}.settings-upgrade__benefits{display:inline-flex;flex-direction:column;gap:8px;list-style:none;margin:0 0 22px;padding:0;text-align:left}.settings-upgrade__benefits li{align-items:center;color:var(--gray-400);color:var(--text-secondary);display:flex;font-size:.84rem;gap:8px}.settings-upgrade__benefits svg{color:#22c55e;flex-shrink:0}.settings-upgrade__cta{display:flex;justify-content:center}.settings-upgrade__cta>div{max-width:280px;width:100%!important}.settings-logout-btn{align-items:center;background:#0000;border:none;color:#ef4444;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:10px;padding:14px 20px;text-align:left;transition:background .1s ease;width:100%}.settings-logout-btn:hover{background:#ef44440f}.settings-hint{color:var(--gray-500);color:var(--text-tertiary);font-size:.8rem;margin:16px 0 0}.settings-row__label{align-items:center;color:var(--gray-50);color:var(--text-primary);display:flex;gap:8px}.settings-row__label svg{color:var(--gray-500);color:var(--text-tertiary);flex-shrink:0}.settings-toggle{align-items:center;background:#ffffff0a;border:1px solid var(--border-default);border-radius:20px;cursor:pointer;display:inline-flex;gap:0;padding:3px;position:relative;touch-action:manipulation;transition:border-color .2s ease}.settings-toggle:hover{border-color:var(--border-hover)}.settings-toggle__option{border-radius:14px;color:var(--gray-500);color:var(--text-tertiary);font-size:.7rem;font-weight:600;line-height:1.4;padding:3px 10px;transition:color .2s ease;z-index:1}.settings-toggle__option[data-active=true]{color:var(--gray-50);color:var(--text-primary)}.settings-toggle__thumb{background:var(--surface-2);border:1px solid var(--border-default);border-radius:14px;bottom:3px;left:3px;position:absolute;top:3px;transition:transform .25s cubic-bezier(.16,1,.3,1);width:calc(50% - 3px)}.settings-toggle--active .settings-toggle__thumb{transform:translateX(100%)}@media (max-width:768px){.sidebar{display:none}.app-shell__content{margin-left:0}.app-shell__main{padding:var(--space-4) var(--space-4);padding-bottom:80px}.app-header{padding:var(--space-3) var(--space-4)}.app-header__date{display:none}.bottom-nav{display:flex}.calc-progress-body,.dash-grid,.dash-grid--wide{grid-template-columns:1fr}.calc-progress-body{gap:var(--space-5);justify-items:center}.calc-ring-block{display:flex;justify-content:center;width:100%}.calc-kpi-grid{width:100%}.dash-actions__grid{grid-template-columns:1fr 1fr}.dash-greeting__title{font-size:1.3rem}.analytics-monthly{grid-template-columns:repeat(2,1fr)}.analytics-card{padding:16px}.page--analytics .page-grid,.page-grid{grid-template-columns:1fr}.page-toolbar{flex-wrap:wrap}.history-card__content,.history-card__header{padding:14px}.filter-bar{flex-direction:column}.filter-bar__row{flex-wrap:wrap}.filter-bar__search{flex:1 1;max-width:none;min-width:0}.filter-bar__chips{flex-wrap:wrap}.filter-bar__download{flex:1 1 auto}.import-dropzone{padding:32px 20px}.settings-row{padding:12px 16px}.settings-upgrade{padding:24px 18px}.settings-profile{padding:14px 16px}}.dp-wrapper{position:relative}.dp-trigger{align-items:center;background:var(--surface-1);background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--gray-400);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.82rem;gap:6px;padding:7px 10px;transition:border-color .15s,color .15s;white-space:nowrap}.dp-trigger:hover{border-color:#ffffff1f}.dp-trigger span,.dp-trigger:hover{color:var(--gray-50);color:var(--text-primary)}.dp-clear{align-items:center;border-radius:4px;color:var(--gray-500);color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;margin-left:2px;transition:color .15s}.dp-clear:hover{color:var(--gray-50);color:var(--text-primary)}.dp-dropdown{animation:fadeIn .15s ease;background:var(--surface-1);border:1px solid var(--border-default);border-radius:12px;box-shadow:var(--shadow-lg);left:0;padding:12px;position:absolute;top:calc(100% + 6px);z-index:100}.dp-dropdown--range{left:auto;right:0}.rdp{--rdp-accent-color:var(--accent);--rdp-background-color:#4f7cff26;--rdp-selected-color:#fff;--rdp-day-height:36px;--rdp-day-width:36px;margin:0}.rdp-button:hover:not([disabled]):not(.rdp-day_selected){background:#ffffff0f}.rdp-day_today:not(.rdp-day_selected){color:var(--blue-400);color:var(--accent);font-weight:700}.rdp-nav_button{color:var(--gray-400);color:var(--text-secondary)}.rdp-caption_label{color:var(--gray-50);color:var(--text-primary);font-size:.85rem}.rdp-head_cell{color:var(--gray-500);color:var(--text-tertiary);font-size:.75rem;font-weight:500}.rdp-day{border-radius:8px;color:var(--gray-400);color:var(--text-secondary);font-size:.82rem}.rdp-day_selected{background:var(--blue-400)!important;background:var(--accent)!important;color:#fff!important;font-weight:600}.rdp-day_range_middle{background:#4f7cff0f!important;background:var(--blue-subtle)!important;border-radius:0;color:var(--gray-50)!important;color:var(--text-primary)!important}.rdp-day_range_end,.rdp-day_range_start{background:var(--blue-400)!important;background:var(--accent)!important;color:#fff!important;font-weight:600}.rdp-day_range_start:not(.rdp-day_range_end){border-radius:8px 0 0 8px}.rdp-day_range_end:not(.rdp-day_range_start){border-radius:0 8px 8px 0}.filter-bar{--tb-h:34px;--tb-radius:8px;--tb-font:0.82rem;--tb-ease:var(--ease-out);display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.filter-bar__row{align-items:center;display:flex;gap:8px}.filter-bar__row>.chip--clear,.filter-bar__row>.drp-wrapper{margin-left:auto}.filter-bar__row>.chip--clear+.drp-wrapper{margin-left:0}.filter-bar__search{align-items:center;background:var(--surface-1);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--tb-radius);color:var(--gray-500);color:var(--text-tertiary);display:flex;flex:1 1;gap:8px;height:var(--tb-h);max-width:260px;padding:0 12px;transition:border-color .15s var(--tb-ease),box-shadow .15s var(--tb-ease)}.filter-bar__search:hover{border-color:var(--border-hover)}.filter-bar__search--focused,.filter-bar__search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #4f7cff59;box-shadow:0 0 0 3px var(--focus-ring)}.filter-bar__search input{background:#0000;border:none;color:var(--gray-50);color:var(--text-primary);flex:1 1;font-family:inherit;font-size:var(--tb-font);min-width:0;outline:none}.filter-bar__search input::placeholder{color:var(--gray-500);color:var(--text-tertiary)}.filter-bar__chips{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.filter-bar .chip{background:#ffffff05;border-color:var(--border-subtle);border-radius:var(--tb-radius);font-family:inherit;font-size:var(--tb-font);font-weight:500;gap:6px;height:var(--tb-h);padding:0 12px;transition:background .15s var(--tb-ease),border-color .15s var(--tb-ease),color .15s var(--tb-ease),box-shadow .15s var(--tb-ease)}.filter-bar .chip:hover{background:#ffffff0a;background:var(--hover-bg);border-color:var(--border-hover);color:var(--gray-50);color:var(--text-primary)}.filter-bar .chip:active{background:#ffffff0f}.filter-bar .chip:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #4f7cff59;box-shadow:0 0 0 3px var(--focus-ring);outline:none}.filter-bar .chip:disabled{cursor:not-allowed;opacity:.45}.filter-bar .chip--active{background:#4f7cff1f;border-color:#4f7cff26;border-color:var(--blue-border);color:var(--blue-400);color:var(--accent)}.filter-bar .chip--active:hover{background:#4f7cff29;border-color:var(--accent);color:var(--blue-400);color:var(--accent)}.filter-bar .chip--clear{background:#0000;border-color:#0000;color:var(--gray-500);color:var(--text-tertiary)}.filter-bar .chip--clear:hover{background:#ffffff0a;background:var(--hover-bg);border-color:#0000;color:var(--gray-50);color:var(--text-primary)}.drp-wrapper{display:inline-flex;position:relative}.drp-trigger{align-items:center;background:var(--surface-1);background:var(--card-bg);border:1px solid var(--border);border-radius:8px;border-radius:var(--tb-radius,8px);color:var(--gray-400);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;font-size:var(--tb-font,.82rem);font-weight:500;gap:8px;height:34px;height:var(--tb-h,34px);padding:0 12px;transition:border-color .15s var(--ease-out),background .15s var(--ease-out),color .15s var(--ease-out),box-shadow .15s var(--ease-out),transform .15s var(--ease-out);white-space:nowrap}.drp-trigger:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-hover);box-shadow:var(--shadow-sm);color:var(--gray-50);color:var(--text-primary);transform:translateY(-1px)}.drp-trigger:active:not(:disabled){box-shadow:none;transform:translateY(0)}.drp-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #4f7cff59;box-shadow:0 0 0 3px var(--focus-ring);outline:none}.drp-trigger--open{background:var(--surface-hover);border-color:var(--border-active);color:var(--gray-50);color:var(--text-primary)}.drp-trigger:disabled{cursor:not-allowed;opacity:.45}.drp-trigger__icon{color:var(--gray-500);color:var(--text-tertiary);flex-shrink:0;transition:color .15s var(--ease-out)}.drp-trigger--open .drp-trigger__icon,.drp-trigger:hover:not(:disabled) .drp-trigger__icon{color:var(--gray-400);color:var(--text-secondary)}.drp-trigger--has-value .drp-trigger__icon{color:var(--blue-400);color:var(--accent)}.drp-trigger--has-value .drp-trigger__label{color:var(--gray-50);color:var(--text-primary)}.drp-trigger__chevron{color:var(--gray-500);color:var(--text-tertiary);flex-shrink:0;transition:transform .15s var(--ease-out)}.drp-trigger--open .drp-trigger__chevron{transform:rotate(180deg)}.drp-clear{align-items:center;border-radius:4px;color:var(--gray-500);color:var(--text-tertiary);cursor:pointer;display:inline-flex;height:18px;justify-content:center;margin:0 -2px;transition:color .15s var(--ease-out),background .15s var(--ease-out);width:18px}.drp-clear:hover{background:#ffffff0a;background:var(--hover-bg);color:var(--gray-50);color:var(--text-primary)}.drp-clear:focus-visible{box-shadow:0 0 0 2px #4f7cff59;box-shadow:0 0 0 2px var(--focus-ring);outline:none}.drp-dropdown{background:var(--surface-1);border:1px solid var(--border-default);border-radius:12px;box-shadow:var(--shadow-lg);padding:12px;position:absolute;right:0;top:calc(100% + 6px);z-index:100}.filter-bar__download{align-items:center;background:var(--blue-400);background:var(--accent);border:1px solid #0000;border-radius:var(--tb-radius);box-shadow:inset 0 1px 0 #ffffff1f,0 1px 2px #0000004d;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--tb-font);font-weight:600;gap:8px;height:var(--tb-h);justify-content:center;letter-spacing:.01em;min-width:160px;padding:0 14px;transition:background .15s var(--tb-ease),box-shadow .15s var(--tb-ease),transform .15s var(--tb-ease),opacity .15s var(--tb-ease);white-space:nowrap}.filter-bar__download:hover:not(:disabled){background:var(--blue-300);background:var(--accent-hover);box-shadow:inset 0 1px 0 #ffffff1f,0 4px 14px #4f7cff33,0 1px 2px #0000004d;box-shadow:inset 0 1px 0 #ffffff1f,0 4px 14px var(--blue-glow-strong),0 1px 2px #0000004d;transform:translateY(-1px)}.filter-bar__download:active:not(:disabled){background:var(--blue-500);background:var(--accent-active);box-shadow:inset 0 1px 0 #ffffff14,0 1px 2px #0000004d;transform:translateY(0)}.filter-bar__download:focus-visible{box-shadow:0 0 0 3px #4f7cff59,0 1px 2px #0000004d;box-shadow:0 0 0 3px var(--focus-ring),0 1px 2px #0000004d;outline:none}.filter-bar__download:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.filter-bar__download-spinner{animation:spin 1s linear infinite}.chip{align-items:center;background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--gray-400);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.78rem;gap:5px;padding:5px 10px;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.chip:hover{background:#ffffff0a;background:var(--hover-bg);border-color:#ffffff1a;color:var(--gray-50);color:var(--text-primary)}.chip--active{background:#4f7cff1f;border-color:var(--accent);color:var(--blue-400);color:var(--accent)}.chip--clear{border-color:#0000;color:var(--gray-500);color:var(--text-tertiary);margin-left:4px}.chip--clear:hover{background:#ffffff0a;background:var(--hover-bg);border-color:var(--border);color:var(--gray-50);color:var(--text-primary)}.history-empty{align-items:center;display:flex;flex-direction:column;gap:12px;padding:80px 20px;text-align:center}.history-empty__icon{color:var(--gray-500);color:var(--text-tertiary);margin-bottom:4px;opacity:.35}.history-empty__title{color:var(--gray-50);color:var(--text-primary);font-size:1.05rem;font-weight:600;margin:0}.history-empty__desc{color:var(--gray-500);color:var(--text-tertiary);font-size:.85rem;line-height:1.5;margin:0;max-width:360px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:9px 16px;transition:background .15s,opacity .15s}.btn--primary{background:var(--blue-400);background:var(--accent);color:#fff}.btn--primary:hover{background:var(--blue-300);background:var(--accent-hover)}.add-punch-modal{max-width:440px!important;padding:36px 32px 28px!important}.add-punch-modal__fields{align-items:flex-end;display:flex;gap:16px;justify-content:center;margin:24px 0 16px}.add-punch-modal__field{flex:1 1;text-align:left}.add-punch-modal__duration-wrap{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;flex-direction:column;margin:16px 0 20px;padding:12px}.add-punch-modal__duration-label{color:var(--gray-500);color:var(--text-tertiary);font-size:.75rem;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.add-punch-modal__duration-val{color:var(--blue-400);color:var(--accent);font-size:1.5rem;font-weight:700}.add-punch-modal__error{align-items:center;background:#ef444414;border:1px solid #ef444426;border-radius:8px;color:#ef4444;display:flex;font-size:.8rem;gap:6px;justify-content:center;line-height:1.4;margin-bottom:20px;padding:8px 12px;text-align:left}.system-badge-wrapper{align-items:center;display:flex;gap:4px;margin-top:2px;position:relative}.system-badge{background:#94a3b81f;border:1px solid #94a3b833;border-radius:3px;display:inline-block;font-size:.6rem;font-weight:var(--weight-semibold);letter-spacing:.08em;line-height:1.3;padding:1px 5px;text-transform:uppercase}.system-badge,.system-badge__info{color:var(--gray-500);color:var(--text-tertiary)}.system-badge__info{align-items:center;cursor:pointer;display:inline-flex;justify-content:center;opacity:.6;transition:opacity .15s}.system-badge__info:hover{opacity:1}.system-badge__tooltip{background:var(--surface-1);border:1px solid var(--border-default);border-radius:8px;box-shadow:var(--shadow-lg);padding:10px 12px;pointer-events:auto;width:260px}.system-badge__tooltip strong{color:var(--blue-400);color:var(--accent);display:block;font-size:.75rem;font-weight:var(--weight-semibold);margin-bottom:6px}.system-badge__tooltip p{color:var(--gray-400);color:var(--text-secondary);font-size:.7rem;line-height:1.5;margin:0 0 4px}.system-badge__tooltip p:last-child{margin-bottom:0}.calc-timeline__block--system{background:linear-gradient(180deg,#4f7cff59,#4f7cff33);border:1px dashed #4f7cff4d}.calc-timeline__block-sys-indicator{background:repeating-linear-gradient(90deg,#0000,#0000 3px,#4f7cff40 0,#4f7cff40 6px);border-radius:0 14px 14px 0;bottom:0;pointer-events:none;position:absolute;right:0;top:0;width:12px}@media (prefers-reduced-motion:reduce){.App-punchlog__edit-body,.App-punchlog__summary,.history-card__body{animation:none!important;transition:none!important;will-change:auto}}.sidebar__footer{border-top:1px solid var(--border);margin-top:4px;padding:8px 12px 16px}.landing-credit{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#18181b80;border:1px solid var(--border);border-radius:var(--radius-full);bottom:24px;color:var(--gray-400);color:var(--text-secondary);display:inline-flex;font-size:.72rem;font-weight:var(--weight-medium);gap:5px;left:50%;padding:6px 12px;position:absolute;text-decoration:none;transform:translateX(-50%);transition:all .15s var(--ease-out);z-index:10}.landing-credit:hover{border-color:#4f7cff26;border-color:var(--blue-border);color:var(--gray-50);color:var(--text-primary)}.landing-credit svg{color:var(--blue-400);color:var(--accent);transition:transform .15s var(--ease-out)}.landing-credit:hover svg{transform:translate(1px,-1px)}.page--about{gap:var(--space-8);margin:0 auto;max-width:680px;padding-top:var(--space-4);width:100%}.about-section,.page--about{display:flex;flex-direction:column}.about-section{gap:var(--space-3)}.about-section__label{color:var(--gray-500);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);margin:0 0 var(--space-1);text-transform:uppercase}.about-app{background:var(--surface-1);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;padding:var(--space-6)}.about-app,.about-app__header{display:flex;gap:var(--space-4)}.about-app__header{align-items:center}.about-app__icon{background:linear-gradient(135deg,#79a8ff26,#4f7cff1a);background:var(--gradient-brand-subtle);border:1px solid #4f7cff26;border:1px solid var(--blue-border);border-radius:var(--radius-lg);color:var(--blue-400);color:var(--accent);display:grid;flex-shrink:0;height:52px;place-items:center;width:52px}.about-app__heading{display:flex;flex-direction:column;gap:2px;min-width:0}.about-app__name{color:var(--gray-50);color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);margin:0}.about-app__tagline{color:var(--blue-400);color:var(--accent);font-size:var(--text-md);font-weight:var(--weight-medium);margin:0}.about-app__desc{color:var(--gray-400);color:var(--text-secondary);font-size:var(--text-md);line-height:var(--leading-relaxed);margin:0}.about-stack{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(3,1fr)}.about-stack__card{background:var(--surface-1);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:6px;padding:var(--space-4)}.about-stack__icon{background:#4f7cff0f;background:var(--blue-subtle);border-radius:var(--radius-md);color:var(--blue-400);color:var(--accent);display:grid;height:34px;margin-bottom:2px;place-items:center;width:34px}.about-stack__title{color:var(--gray-50);color:var(--text-primary);font-size:var(--text-md);font-weight:var(--weight-semibold);margin:0}.about-stack__text{color:var(--gray-400);color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal);margin:0}.about-hero{align-items:center;background:var(--surface-1);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:var(--space-3);overflow:hidden;padding:var(--space-10) var(--space-6) var(--space-8);position:relative;text-align:center;width:100%}.about-hero__glow{background:radial-gradient(circle,#4f7cff1f 0,#0000 70%);background:radial-gradient(circle,var(--blue-glow-medium) 0,#0000 70%);border-radius:50%;height:380px;left:50%;pointer-events:none;position:absolute;top:-40%;transform:translateX(-50%);width:380px}.about-avatar{background:linear-gradient(135deg,var(--blue-300),var(--blue-400));background:var(--gradient-brand);border-radius:var(--radius-full);box-shadow:0 8px 28px #4f7cff59,inset 0 0 0 1px #ffffff14;color:var(--color-white);display:grid;font-size:1.75rem;font-weight:var(--weight-bold);height:84px;letter-spacing:.02em;place-items:center;position:relative;width:84px}.about-hero__badge{background:#4f7cff0f;background:var(--blue-subtle);border:1px solid #4f7cff26;border:1px solid var(--blue-border);border-radius:var(--radius-full);color:var(--blue-300);color:var(--accent-secondary);font-size:.65rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);padding:4px 12px;position:relative;text-transform:uppercase}.about-name{color:var(--gray-50);color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);margin:0;position:relative}.about-role{color:var(--blue-400);color:var(--accent);font-size:var(--text-lg);font-weight:var(--weight-medium);margin:-4px 0 0;position:relative}.about-bio-wrap{margin:var(--space-2) 0 0;position:relative}.about-bio{color:var(--gray-400);color:var(--text-secondary);font-size:var(--text-md);line-height:var(--leading-relaxed);margin:0;max-width:46ch;position:relative}.about-bio--teaser{-webkit-mask-image:linear-gradient(180deg,#000 62%,#0003 84%,#0000);mask-image:linear-gradient(180deg,#000 62%,#0003 84%,#0000)}.about-cta{align-items:center;background:linear-gradient(135deg,var(--blue-300),var(--blue-400));background:var(--gradient-brand);border:none;border-radius:var(--radius-lg);box-shadow:0 6px 20px #4f7cff4d;color:var(--color-white);cursor:pointer;display:inline-flex;font-size:var(--text-lg);font-weight:var(--weight-semibold);gap:8px;margin-top:var(--space-4);padding:12px 22px;position:relative;text-decoration:none}.about-cta svg{transition:transform .15s var(--ease-out)}.about-cta:hover svg{transform:translate(2px,-2px)}@media (max-width:768px){.about-stack{grid-template-columns:1fr}.about-hero{padding:var(--space-8) var(--space-5) var(--space-6)}.about-name{font-size:var(--text-3xl)}}.theme-toggle{align-items:center;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--gray-400);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;outline:none;padding:0;transition:var(--transition-color),var(--transition-shadow);width:32px}.theme-toggle:hover{border-color:var(--accent);box-shadow:0 0 0 3px #4f7cff59;box-shadow:0 0 0 3px var(--focus-ring);color:var(--blue-400);color:var(--accent)}.theme-toggle:focus-visible{outline:2px solid var(--blue-400);outline:2px solid var(--accent);outline-offset:2px}.theme-toggle__icon{align-items:center;display:flex;justify-content:center;line-height:0}
/*# sourceMappingURL=main.722c7ae5.css.map*/