:root{--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 9999px;--radius-full: 50%;--z-base: 0;--z-card: 10;--z-dropdown: 40;--z-navigation: 50;--z-overlay: 100;--z-modal: 110;--z-toast: 120;--z-tooltip: 130}:root{--color-neutral-0: #FFFFFF;--color-neutral-50: #F9F8F6;--color-neutral-100: #F5F4F0;--color-neutral-200: #EEEDE9;--color-neutral-300: #E8E6E0;--color-neutral-400: #B4B2A9;--color-neutral-500: #888780;--color-neutral-800: #2C2C2A;--color-neutral-900: #1A1A1B;--color-neutral-950: #0E0E0F;--color-neutral-1000: #0A0A0B;--color-orange-50: #FFF0E8;--color-orange-100: rgba(255,90,31,.05);--color-orange-200: rgba(255,90,31,.15);--color-orange-500: #FF8C5A;--color-orange-600: #FF5A1F;--color-orange-700: #ea6c0a;--color-green-50: #EAF3DE;--color-green-100: rgba(59,109,17,.2);--color-green-500: #7DC946;--color-green-700: #3B6D11;--color-red-50: rgba(220, 38, 38, .08);--color-red-100: rgba(220, 38, 38, .1);--color-red-500: #ef4444;--color-red-600: #dc2626;--color-blue-500: #38bdf8;--color-yellow-500: #facc15}:root{--bg-background: var(--color-neutral-300);--bg-page: var(--color-neutral-100);--bg-surface: var(--color-neutral-0);--bg-elevated: var(--color-neutral-0);--bg-floating: var(--color-neutral-0);--bg-glass: rgba(255, 255, 255, .85);--bg-card: var(--bg-glass);--text-primary: var(--color-neutral-800);--text-secondary: var(--color-neutral-500);--text-muted: var(--color-neutral-400);--text-inverse: var(--color-neutral-0);--border-default: rgba(0,0,0,.06);--border-subtle: rgba(0,0,0,.03);--color-accent: var(--color-orange-600);--color-accent-soft: var(--color-orange-50);--color-accent-hover: var(--color-orange-700);--color-success: var(--color-green-700);--color-success-bg: var(--color-green-50);--color-danger: var(--color-red-600);--color-danger-bg: var(--color-red-50);--color-warning: var(--color-yellow-500);--color-info: var(--color-blue-500);--bg-scan-stripe: rgba(23, 23, 23, .04);--bg-scan-band: rgba(249, 115, 22, .09);--bg-scan-band-mid: rgba(249, 115, 22, .045);--bg-scan-dot: #ea580c;--bg-scan-dot-glow: rgba(234, 88, 12, .45);--bg-scan-label: rgba(23, 23, 23, .4);--bg-image-opacity: .35}[data-theme=dark]{--bg-background: var(--color-neutral-1000);--bg-page: var(--color-neutral-950);--bg-surface: var(--color-neutral-900);--bg-elevated: #2a2a2b;--bg-floating: #141415;--bg-glass: rgba(26, 26, 27, .85);--bg-card: var(--bg-glass);--text-primary: var(--color-neutral-0);--text-secondary: rgba(255,255,255,.35);--text-muted: rgba(255,255,255,.25);--text-inverse: var(--color-neutral-950);--border-default: rgba(255,255,255,.06);--border-subtle: rgba(255,255,255,.03);--color-accent: var(--color-orange-600);--color-accent-soft: var(--color-orange-200);--color-accent-hover: var(--color-orange-500);--color-success: var(--color-green-500);--color-success-bg: var(--color-green-100);--color-danger: var(--color-red-600);--color-danger-bg: var(--color-red-100);--color-warning: var(--color-yellow-500);--color-info: var(--color-blue-500);--bg-scan-stripe: rgba(255, 255, 255, .035);--bg-scan-band: rgba(249, 115, 22, .12);--bg-scan-band-mid: rgba(249, 115, 22, .06);--bg-scan-dot: #f97316;--bg-scan-dot-glow: rgba(249, 115, 22, .6);--bg-scan-label: rgba(255, 255, 255, .4);--bg-image-opacity: .45}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-background: var(--color-neutral-1000);--bg-page: var(--color-neutral-950);--bg-surface: var(--color-neutral-900);--bg-elevated: #2a2a2b;--bg-floating: #141415;--bg-glass: rgba(26, 26, 27, .85);--bg-card: var(--bg-glass);--text-primary: var(--color-neutral-0);--text-secondary: rgba(255,255,255,.35);--text-muted: rgba(255,255,255,.25);--text-inverse: var(--color-neutral-950);--border-default: rgba(255,255,255,.06);--border-subtle: rgba(255,255,255,.03);--color-accent: var(--color-orange-600);--color-accent-soft: var(--color-orange-200);--color-accent-hover: var(--color-orange-500);--color-success: var(--color-green-500);--color-success-bg: var(--color-green-100);--color-danger: var(--color-red-600);--color-danger-bg: var(--color-red-100);--color-warning: var(--color-yellow-500);--color-info: var(--color-blue-500);--bg-scan-stripe: rgba(255, 255, 255, .035);--bg-scan-band: rgba(249, 115, 22, .12);--bg-scan-band-mid: rgba(249, 115, 22, .06);--bg-scan-dot: #f97316;--bg-scan-dot-glow: rgba(249, 115, 22, .6);--bg-scan-label: rgba(255, 255, 255, .4);--bg-image-opacity: .45}}:root{--font-sans: "Sora", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-display-xl: 48px;--text-display-xl-weight: 700;--text-display-xl-tracking: -.04em;--text-display-xl-lh: 1.1;--text-display: 40px;--text-display-weight: 700;--text-display-tracking: -.02em;--text-display-lh: 1.1;--text-heading-xl: 32px;--text-heading-xl-weight: 700;--text-heading-xl-lh: 1.2;--text-heading: 24px;--text-heading-weight: 600;--text-heading-lh: 1.3;--text-title: 20px;--text-title-weight: 600;--text-title-lh: 1.4;--text-body-large: 18px;--text-body-large-weight: 400;--text-body-large-lh: 1.5;--text-body: 16px;--text-body-weight: 400;--text-body-lh: 1.6;--text-body-small: 14px;--text-body-small-weight: 400;--text-body-small-lh: 1.5;--text-caption: 12px;--text-caption-weight: 400;--text-caption-lh: 1.4;--text-overline: 10px;--text-overline-weight: 500;--text-overline-tracking: .05em;--text-overline-lh: 1.4;--text-button: 14px;--text-button-weight: 500;--text-button-lh: 1.5}:root{--shadow-none: none;--shadow-low: 0 1px 3px rgba(0, 0, 0, .08);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .1);--shadow-high: 0 8px 24px rgba(0, 0, 0, .14);--shadow-floating: 0 10px 40px rgba(0, 0, 0, .2);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .2);--glass-blur: blur(16px)}[data-theme=dark]{--shadow-low: 0 1px 3px rgba(0, 0, 0, .4);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .5);--shadow-high: 0 8px 24px rgba(0, 0, 0, .6);--shadow-floating: 0 10px 40px rgba(0, 0, 0, .8);--glass-bg: rgba(30, 30, 30, .7);--glass-border: rgba(255, 255, 255, .05)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow-low: 0 1px 3px rgba(0, 0, 0, .4);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .5);--shadow-high: 0 8px 24px rgba(0, 0, 0, .6);--shadow-floating: 0 10px 40px rgba(0, 0, 0, .8);--glass-bg: rgba(30, 30, 30, .7);--glass-border: rgba(255, 255, 255, .05)}}:root{--anim-fast: .15s;--anim-medium: .3s;--anim-slow: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--anim-spring: cubic-bezier(.175, .885, .32, 1.275);--scale-hover: 1.02;--scale-pressed: .98}:root{--card-padding: var(--spacing-4);--card-spacing: var(--spacing-4);--card-radius: var(--radius-lg);--card-shadow: var(--shadow-medium);--card-hover-elevation: var(--shadow-high);--card-interaction-scale: var(--scale-hover);--hero-height: 400px;--hero-padding: var(--spacing-8);--hero-title-size: var(--text-display-xl);--hero-subtitle-size: var(--text-body-large);--hero-overlay: rgba(0, 0, 0, .4);--nav-height: 80px;--nav-floating-margin: var(--spacing-4);--nav-radius: var(--radius-pill);--nav-shadow: var(--shadow-floating);--nav-active-bg: var(--color-accent);--fab-size: 56px;--fab-radius: var(--radius-full);--fab-shadow: var(--shadow-floating);--fab-offset: var(--spacing-4);--input-radius: var(--radius-md);--input-padding: var(--spacing-3);--button-radius: var(--radius-pill)}.sticky-header-wrapper{position:sticky;top:0;z-index:50;width:100%;background:var(--bg-background);margin-top:calc(var(--spacing-6) * -1);padding-top:var(--safe-area-top, 0px);transition:all .35s ease}.sticky-header-wrapper.collapsed{border-bottom:1px solid rgba(255,255,255,.06)}.hero-expanded{padding:18px 20px 22px;display:flex;flex-direction:column;transition:all .35s ease;overflow:visible}.sticky-header-wrapper.collapsed .hero-expanded{padding:0 20px}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);height:64px}.sticky-header-wrapper.collapsed .header-row{margin-bottom:0}.hero-logo-link{display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none}.header-row-right{display:flex;align-items:center;gap:var(--spacing-3)}.greeting-block{margin-bottom:var(--spacing-4);max-height:100px;opacity:1;transition:all .35s ease}.greeting-line1{font-family:var(--font-sans);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.8);margin-bottom:4px}.greeting-line2{font-family:var(--font-sans);font-size:28px;font-weight:700;letter-spacing:-.05em;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8)}.sticky-header-wrapper.collapsed .greeting-block{max-height:0;opacity:0;margin-bottom:0;overflow:hidden}.shift-card{background:#ff5a1f;border-radius:20px;padding:20px 22px;position:relative;overflow:hidden;transition:all .35s ease}.sticky-header-wrapper.collapsed .shift-card{border-radius:0;padding:12px 20px;margin-left:-20px;margin-right:-20px}.sc-rings{position:absolute;border-radius:50%;border:24px solid rgba(255,255,255,.07);pointer-events:none}.sc-rings.ring-1{width:150px;height:150px;top:-50px;right:-50px}.sc-rings.ring-2{width:200px;height:200px;bottom:-100px;right:50px}.sc-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4);position:relative;z-index:2;transition:all .35s ease}.sticky-header-wrapper.collapsed .sc-top{align-items:center;margin-bottom:0}.sc-title-group{display:flex;flex-direction:column}.sc-eyebrow{font-family:var(--font-sans);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#ffffff8c;margin-bottom:4px;max-height:20px;opacity:1;transition:all .35s ease}.sticky-header-wrapper.collapsed .sc-eyebrow{max-height:0;opacity:0;margin-bottom:0;overflow:hidden}.sc-title-row{display:flex;align-items:center;gap:8px}.sc-title{font-family:var(--font-sans);font-size:20px;font-weight:700;letter-spacing:-.03em;color:#fff;transition:all .35s ease}.sticky-header-wrapper.collapsed .sc-title{font-size:15px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.live-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1.5s ease-in-out infinite}.sc-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#ff5a1f;border:none;border-radius:12px;padding:11px 20px;font-family:var(--font-sans);font-size:13px;font-weight:700;cursor:pointer;transition:all .35s ease;white-space:nowrap}.sticky-header-wrapper.collapsed .sc-btn{padding:7px 14px;font-size:12px;border-radius:10px}.sc-stats-row{display:flex;gap:var(--spacing-2);flex-wrap:wrap;position:relative;z-index:2;max-height:100px;opacity:1;transition:all .35s ease}.sticky-header-wrapper.collapsed .sc-stats-row{max-height:0;opacity:0;margin-top:0;overflow:hidden}.sc-stat-chip{background:#00000026;border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:2px;flex:1;min-width:80px}.sc-stat-val{font-family:var(--font-mono);font-size:16px;font-weight:700;color:#fff}.sc-stat-lbl{font-family:var(--font-sans);font-size:10px;font-weight:500;color:#ffffff8c}.dashboard-grid{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(1,1fr);width:100%;max-width:1200px;margin:0 auto}@media(min-width:768px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-col-span-full{grid-column:1 / -1}@media(min-width:768px){.dashboard-col-span-2{grid-column:span 2}}.dashboard-card{background:var(--bg-card, var(--bg-elevated));border:1px solid var(--border-default);border-radius:var(--card-radius, var(--radius-lg));padding:var(--card-padding, var(--spacing-4));display:flex;flex-direction:column;gap:var(--spacing-3);position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s ease,background-color .2s ease}.dashboard-card.interactive:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--card-hover-elevation, var(--shadow-medium));border-color:var(--border-subtle);background:var(--bg-surface);cursor:pointer}.dashboard-card.interactive:active{transform:translateY(0) scale(.99);transition-duration:.1s}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.dashboard-card-title-group{display:flex;align-items:center;gap:var(--spacing-2)}.dashboard-card-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.dashboard-card-title{font-size:var(--text-body-small);font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-shimmer{animation:shimmer 2s infinite linear;background:linear-gradient(to right,var(--bg-surface) 4%,var(--bg-elevated) 25%,var(--bg-surface) 36%);background-size:1000px 100%}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 20px);--bottom-nav-height: var(--nav-height);--bg-primary: var(--bg-page);--bg-secondary: var(--bg-surface);--bg-tertiary: var(--bg-background);--bg-input: var(--bg-background);--border-primary: var(--border-default);--border-secondary: var(--border-subtle);--accent-orange: var(--color-accent);--accent-orange-dark: var(--color-accent-hover);--accent-orange-light: var(--color-accent-soft);--accent-orange-subtle: rgba(255,90,31,.05);--success: var(--color-success);--danger: var(--color-danger);--danger-bg: var(--color-danger-bg);--shadow-sm: var(--shadow-low);--shadow-md: var(--shadow-medium);--shadow-lg: var(--shadow-high);--primary: var(--color-accent);--primary-dark: var(--color-accent-hover);--bg-color: var(--bg-page);--text-color: var(--text-primary);--card-bg: var(--bg-surface);--border-color: var(--border-default);--nav-bg: var(--bg-surface);--error: var(--color-danger);--desktop-bg: var(--bg-background);--section-label: var(--text-muted)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background-color:var(--desktop-bg);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-anchor:none}#root{width:100%;display:flex;justify-content:center;overflow-anchor:none}.phone-frame{width:100%;background-color:var(--bg-page);border-radius:0;box-shadow:none}@media(min-width:769px){.phone-frame{max-width:390px;margin:0 auto;border-radius:44px;box-shadow:0 10px 40px #0003}.bottom-nav-fixed,.header-fixed{max-width:390px;margin:0 auto}}.bottom-nav-fixed{position:fixed;bottom:0;left:0;right:0;z-index:100;width:100%}.header-fixed{position:fixed;top:0;left:0;right:0;z-index:50;width:100%}@media(max-width:768px){.bottom-nav-fixed{max-width:100%;border-radius:0!important}}.auth-container{min-height:100vh;display:flex;background-color:var(--bg-primary);color:var(--text-primary)}.auth-hero{display:none;flex:1;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-primary) 100%);padding:3rem;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(249,115,22,.08) 0%,transparent 50%);pointer-events:none}.auth-form-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:var(--bg-primary);position:relative}@media(min-width:1024px){.auth-hero{display:flex;flex:1.2}.auth-form-section{flex:1;max-width:600px}}.auth-hero-content{max-width:500px;margin:0 auto;position:relative;z-index:10;animation:fadeIn .8s ease-out}.auth-logo{width:240px;margin-bottom:3rem;display:block}.hero-title{font-size:2.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-.02em}.hero-subtitle{font-size:1.125rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2rem}.hero-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.hero-bullet{display:flex;align-items:center;gap:1rem;color:var(--text-secondary);font-size:1rem;font-weight:500}.bullet-icon{background:#f973161a;color:var(--primary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-card{width:100%;max-width:420px;background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:0 25px 50px -12px #00000040;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}.auth-footer{margin-top:1.5rem;text-align:center;font-size:.9rem;color:var(--text-muted)}@media(max-width:1023px){.auth-container{flex-direction:column}.auth-hero{display:flex;flex:none;height:35vh;min-height:240px;padding:1.5rem}.auth-logo{width:160px;margin-bottom:1rem}.hero-title{font-size:1.75rem;margin-bottom:.5rem}.hero-subtitle,.hero-bullets{display:none}.mobile-hero-header{margin-bottom:2rem;text-align:center;display:block}}.container{max-width:600px;margin:0 auto;padding:1.5rem}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s ease,box-shadow .2s ease}h1,h2,h3,h4{color:var(--text-primary);font-weight:600;line-height:1.3}p{color:var(--text-color)}.text-muted{color:var(--text-muted)}.btn{display:flex;justify-content:center;align-items:center;gap:.5rem;background:var(--primary);color:var(--text-primary);padding:.875rem 1.5rem;border-radius:8px;border:none;font-weight:600;text-decoration:none;text-align:center;width:100%;cursor:pointer;transition:background-color .2s,transform .1s}.btn:hover{background:var(--primary-dark)}.btn:active{transform:scale(.98)}.btn-secondary{background:transparent;color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover{background:#2d2d2d}.btn-secondary-solid{background:var(--bg-tertiary);color:var(--text-primary)!important;border:1px solid var(--border-secondary)}.btn-secondary-solid:hover{background:var(--bg-secondary)}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9rem;color:var(--text-muted)}.form-control,select{width:100%;padding:.875rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f9731633}.dashboard-header{margin-bottom:2rem}.date-display{font-size:.875rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.shift-row-header{transition:transform .1s ease,filter .1s ease!important}.shift-row-header:active{transform:scale(.98)!important;filter:brightness(1.2)}.entry-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;margin-bottom:1rem;position:relative;transition:border-color .2s}.entry-item:hover{border-color:var(--text-muted)}.timestamp{font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.category-tag{font-size:.75rem;font-weight:600;color:var(--primary);background:#f973161a;padding:2px 8px;border-radius:4px;display:inline-block;margin-left:.75rem}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:#1f1f1f;border:1px solid var(--border-color);color:var(--text-primary);padding:2rem;border-radius:12px;max-width:500px;width:100%;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;padding-bottom:var(--safe-area-bottom);height:calc(var(--bottom-nav-height) + var(--safe-area-bottom));z-index:10}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;font-size:.75rem;font-weight:500;gap:4px;background:none;border:none;cursor:pointer;transition:color .2s}.nav-item.active{color:var(--primary)}.nav-item.prominent{position:relative;top:-24px;overflow:visible}.nav-fab{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--text-primary);width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f9731666;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:relative}.nav-fab:hover{transform:scale(1.05);box-shadow:0 6px 16px #f9731680}.nav-fab:active{transform:scale(.95)}@keyframes pulse-glow{0%{box-shadow:0 0 #f9731666}70%{box-shadow:0 0 0 10px #f9731600}to{box-shadow:0 0 #f9731600}}.nav-fab.pulse{animation:pulse-glow 3s infinite}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state h3{color:var(--text-primary);font-size:1.125rem;margin-bottom:.5rem}.empty-state p{font-size:.95rem;color:var(--text-muted);margin-bottom:1.5rem;max-width:300px;margin-left:auto;margin-right:auto}.limit-warning{background:#fef3c71a;border:1px solid #fcd34d;color:#fcd34d;padding:.75rem;border-radius:8px;font-size:.875rem;margin-bottom:1.25rem;text-align:center}.header-container{height:100%;max-width:1400px;margin:0 auto;padding:0 .75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.header-left{flex:0 0 auto;display:flex;align-items:center;min-width:0}.header-center{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.header-right{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center}.logo-link{display:flex;align-items:center;text-decoration:none;height:100%;width:210px;max-width:260px}.header-logo{width:100%;height:auto;max-height:100%;object-fit:contain;display:block;object-position:left center}@media(min-width:768px){.header-container{padding:0 1.5rem}.logo-link{width:auto;max-width:280px}.header-logo{height:44px;width:auto;max-height:44px}.header-center h1{font-size:1.15rem}}.pro-badge{background:linear-gradient(90deg,#22c55e,#16a34a);color:var(--text-primary);font-size:.7rem;padding:2px 8px;border-radius:9999px;font-weight:700;margin-left:.5rem;letter-spacing:.05em;text-transform:uppercase}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-gradient-bg{background:linear-gradient(-45deg,var(--bg-secondary),var(--bg-primary),var(--border-primary),var(--bg-secondary));background-size:400% 400%;animation:heroGradient 15s ease infinite}.hero-accent-glow{position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,#f9731626,#0000 70%);border-radius:50%;pointer-events:none}.glass-panel{background:var(--bg-tertiary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.landing-hero{position:relative!important;padding:6rem 1.5rem;text-align:center;background-size:cover;background-position:center top;background-repeat:no-repeat;min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}@media(max-width:768px){.landing-hero{padding:3rem 1rem;min-height:40vh;min-height:300px;background-position:center top}}.legal-page{padding-top:2rem;padding-bottom:4rem;min-height:80vh}.legal-container{max-width:800px;margin:0 auto}.legal-title{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.legal-date{color:var(--text-muted);font-size:.9rem;margin-bottom:3rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.legal-section{margin-bottom:2.5rem}.legal-section h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem;border-left:3px solid var(--primary);padding-left:1rem}.legal-section p,.legal-section ul{font-size:1.05rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.legal-section ul{padding-left:1.5rem}.legal-section li{margin-bottom:.5rem}@media(max-width:768px){html,body{-ms-overflow-style:none;scrollbar-width:none;max-width:100vw}::-webkit-scrollbar{display:none}*,*:before,*:after{max-width:100vw}.header-container{padding:0 .5rem;gap:.25rem;width:100%;max-width:100vw;box-sizing:border-box}.header-left{flex:0 1 auto;min-width:0;max-width:45%}.logo-link{width:100%;max-width:140px}.header-right{flex:0 0 auto;gap:.5rem!important;flex-shrink:0}.header-right .btn{padding:.4rem .75rem!important;font-size:.8rem!important;white-space:nowrap;min-width:auto}.header-right a:not(.btn){font-size:.8rem!important;white-space:nowrap}.landing-hero{padding:2.5rem 1rem;width:100%;max-width:100vw;box-sizing:border-box}.landing-hero .container{width:100%;max-width:100%;padding:0 .5rem;box-sizing:border-box}.landing-hero h1{font-size:clamp(1.75rem,6vw,2.5rem)!important;word-wrap:break-word;overflow-wrap:break-word}.landing-hero p{font-size:1rem!important;padding:0 .5rem}.landing-hero .btn,.landing-hero .btn-secondary{white-space:nowrap!important;padding:.75rem 1.25rem!important;font-size:.95rem!important;min-width:auto;flex-shrink:0}.landing-hero div[style*="display: flex"][style*=gap]{flex-wrap:wrap;justify-content:center;gap:.75rem;padding:0 .5rem}.container{max-width:100%;padding-left:1rem;padding-right:1rem;box-sizing:border-box}.card{max-width:100%;box-sizing:border-box}}body:has(input:focus,textarea:focus,select:focus) .bottom-nav{display:none!important}html,body{overflow-x:hidden!important;max-width:100vw}[data-theme=light] .shift-card{box-shadow:0 4px 16px #f9731640}[data-theme=light] .bottom-nav{box-shadow:0 -1px 0 var(--border-primary)}[data-theme=light] .timeline-entry{border-color:var(--border-secondary)}[data-theme=light] input:focus,[data-theme=light] textarea:focus{outline:2px solid var(--accent-orange);outline-offset:1px}[data-theme=light] .secure-badge{background:#15803d12;border-color:#15803d2e}[data-theme=light] .modal-overlay{background:#00000059}[data-theme=light] .skeleton{background:linear-gradient(90deg,#eeede9 25%,#e8e7e3,#eeede9 75%);background-size:200% 100%}body,.bottom-nav,.nav-bar,.shift-card,.timeline-entry,.qa-btn,.modal,input,textarea,button:not(.theme-toggle):not(.start-btn):not(.fab){transition:background-color .2s ease,border-color .2s ease,color .15s ease,box-shadow .2s ease}[data-theme=light] .timeline-date-header,[data-theme=light] .shift-date-group,[data-theme=light] [class*=date-header],[data-theme=light] [class*=day-header]{background:linear-gradient(180deg,var(--bg-tertiary) 40%,transparent 100%)!important;color:var(--text-muted)!important}[data-theme=light] .shift-status-row .status-label,[data-theme=light] .shift-status-row .status-sub{color:var(--text-secondary)!important}[data-theme=light] .start-shift-btn,[data-theme=light] [class*=start-shift]{background:#fff!important;color:var(--accent-orange)!important;border:none!important}[data-theme=light] .start-shift-btn:hover{background:#ffffffeb!important}[data-theme=light] .secure-badge,[data-theme=light] [class*=privacy-badge],[data-theme=light] [class*=secure-notice]{background:#15803d14!important;border:1px solid rgba(21,128,61,.2)!important;color:#14532d!important}[data-theme=light] .secure-badge svg,[data-theme=light] .secure-badge .icon{color:#16a34a!important}[data-theme=light] input[type=email],[data-theme=light] input[type=password],[data-theme=light] input[type=text],[data-theme=light] textarea,[data-theme=light] select{background:#f9f8f6!important;color:var(--text-primary)!important;border:1px solid var(--border-secondary)!important;caret-color:var(--accent-orange)!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--text-muted)!important}[data-theme=light] input:focus,[data-theme=light] textarea:focus{background:#fff!important;border-color:var(--accent-orange)!important;outline:none!important;box-shadow:0 0 0 3px #f973161f!important}[data-theme=light] .login-card,[data-theme=light] [class*=auth-card],[data-theme=light] [class*=login-form]{background:#fff!important;border:1px solid var(--border-primary)!important;box-shadow:var(--shadow-md)!important}[data-theme=light] .login-card h2,[data-theme=light] [class*=auth-card] h2,[data-theme=light] [class*=login-form] h2{color:var(--text-primary)!important}[data-theme=light] .policy-banner,[data-theme=light] [class*=warning-banner],[data-theme=light] [class*=policy-notice]{background:#fffbeb!important;border:1px solid rgba(217,119,6,.25)!important}[data-theme=light] .policy-banner h3,[data-theme=light] .policy-banner .banner-title,[data-theme=light] [class*=warning-banner] h4{color:#92400e!important}[data-theme=light] .auth-hero-content,[data-theme=light] .auth-hero-content h1{color:#fff!important}[data-theme=light] .auth-hero-content p{color:#ffffffd9!important}[data-theme=light] .policy-banner p,[data-theme=light] .policy-banner .banner-body,[data-theme=light] [class*=warning-banner] p{color:#78350f!important;opacity:1!important}[data-theme=light] .policy-banner svg,[data-theme=light] .policy-banner .icon,[data-theme=light] [class*=warning-banner] svg{color:#d97706!important}[data-theme=light] .loop-compose textarea,[data-theme=light] .loop-compose input,[data-theme=light] [class*=post-input],[data-theme=light] [class*=compose-input]{background:#f9f8f6!important;color:var(--text-primary)!important;border:1px solid var(--border-secondary)!important}[data-theme=light] .loop-compose textarea:focus,[data-theme=light] [class*=post-input]:focus{background:#fff!important;border-color:var(--accent-orange)!important;box-shadow:0 0 0 3px #f973161a!important}[data-theme=light] .community-select,[data-theme=light] [class*=community-dropdown],[data-theme=light] select{background-color:#f9f8f6!important;color:var(--text-primary)!important;border:1px solid var(--border-secondary)!important}[data-theme=light] .feature-card,[data-theme=light] [class*=landing-feature],[data-theme=light] [class*=feature-item]{background:#fff!important;border:1px solid var(--border-primary)!important;box-shadow:var(--shadow-sm)!important}[data-theme=light] .feature-card h3,[data-theme=light] .feature-card .feature-title,[data-theme=light] [class*=feature-item] h3{color:var(--text-primary)!important}[data-theme=light] .feature-card p,[data-theme=light] .feature-card .feature-desc,[data-theme=light] [class*=feature-item] p{color:var(--text-secondary)!important}[data-theme=light] .receipts-section,[data-theme=light] [class*=receipts-hero],[data-theme=light] [class*=proof-section]{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=light] .receipts-section h2{color:var(--text-primary)!important}[data-theme=light] .receipt-item,[data-theme=light] [class*=proof-item],[data-theme=light] [class*=log-item]{background:var(--bg-card)!important;border:1px solid var(--border-primary)!important;color:var(--text-secondary)!important}[data-theme=light] .user-dropdown,[data-theme=light] [class*=account-menu],[data-theme=light] [class*=dropdown-menu]{background:#fff!important;border:1px solid var(--border-secondary)!important;box-shadow:var(--shadow-lg)!important}[data-theme=light] .dropdown-item,[data-theme=light] [class*=menu-item]{color:var(--text-primary)!important}[data-theme=light] .dropdown-item:hover{background:var(--bg-tertiary)!important}[data-theme=light] .dropdown-item.danger,[data-theme=light] .sign-out-item{color:var(--danger)!important}[data-theme=light] .nav-bar .bell-icon,[data-theme=light] .top-nav .notification-btn,[data-theme=light] header .notification-icon,[data-theme=light] [class*=nav-bell],[data-theme=light] [class*=notification-btn]{color:var(--text-secondary)}[data-theme=light] .nav-bar .bell-icon:hover,[data-theme=light] [class*=notification-btn]:hover{color:var(--text-primary);background:var(--bg-tertiary)}[data-theme=light] .user-dropdown,[data-theme=light] [class*=account-dropdown],[data-theme=light] [class*=profile-menu],[data-theme=light] [class*=user-menu]{background:#fff;border:1px solid var(--border-secondary);box-shadow:0 8px 24px #0000001f}[data-theme=light] .dropdown-email,[data-theme=light] [class*=menu-email],[data-theme=light] [class*=user-email]{color:var(--text-secondary);border-bottom:1px solid var(--border-primary)}[data-theme=light] .dropdown-item,[data-theme=light] [class*=menu-item],[data-theme=light] [class*=dropdown-link]{color:var(--text-primary)}[data-theme=light] .dropdown-item:hover,[data-theme=light] [class*=menu-item]:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=light] .dropdown-item svg,[data-theme=light] .dropdown-item .icon,[data-theme=light] [class*=menu-item] svg,[data-theme=light] [class*=menu-item] .lucide{color:var(--text-secondary)}[data-theme=light] .dropdown-item:hover svg,[data-theme=light] [class*=menu-item]:hover svg{color:var(--accent-orange)}[data-theme=light] .dropdown-item.signout,[data-theme=light] .dropdown-item.danger,[data-theme=light] [class*=sign-out],[data-theme=light] [class*=logout-item]{color:var(--danger)}[data-theme=light] .dropdown-item.signout svg,[data-theme=light] [class*=sign-out] svg{color:var(--danger)}[data-theme=light] .privacy-badge,[data-theme=light] [class*=secure-badge],[data-theme=light] [class*=privacy-notice],[data-theme=light] [class*=logs-private]{background:#15803d14!important;border:1px solid rgba(21,128,61,.2)!important}[data-theme=light] .privacy-badge *,[data-theme=light] [class*=secure-badge] *,[data-theme=light] [class*=privacy-notice] *{color:#14532d!important}[data-theme=light] .privacy-badge svg,[data-theme=light] [class*=secure-badge] svg{color:#16a34a!important}.shift-cta-card,[class*=shift-prompt],[class*=ready-card]{background:var(--bg-card)}[data-theme=light] .shift-cta-card,[data-theme=light] [class*=shift-prompt],[data-theme=light] [class*=ready-card]{background:var(--accent-orange)!important;background-image:none!important;color:#fff}[data-theme=light] .shift-cta-card h2,[data-theme=light] .shift-cta-card h3,[data-theme=light] .shift-cta-card p,[data-theme=light] .shift-cta-card h1,[data-theme=light] [class*=shift-prompt] h2,[data-theme=light] [class*=shift-prompt] p{color:#fff!important}[data-theme=light] .shift-cta-card .start-shift-btn,[data-theme=light] [class*=shift-prompt] [class*=start-btn],[data-theme=light] [class*=start-shift]{background:var(--accent-orange)!important;color:#fff!important;border:none!important}[data-theme=light] .shift-cta-card .shift-status,[data-theme=light] [class*=shift-prompt] [class*=status-row],[data-theme=light] [class*=shift-not-started],[data-theme=light] .shift-status-card{background:var(--bg-secondary)!important;border:1px solid var(--border-secondary)!important;color:var(--text-primary)!important}[data-theme=light] .shift-cta-card .shift-status *:not(button):not(button *),[data-theme=light] .shift-status-card *:not(button):not(button *),[data-theme=light] [class*=shift-prompt] [class*=status-row] *:not(button):not(button *){color:var(--text-primary)!important}[data-theme=light] .policy-warning,[data-theme=light] [class*=policy-banner],[data-theme=light] [class*=warning-notice],[data-theme=light] [class*=loop-warning]{background:#fffbeb!important;border:1px solid rgba(217,119,6,.3)!important}[data-theme=light] .policy-warning .title,[data-theme=light] [class*=policy-banner] h3,[data-theme=light] [class*=policy-banner] [class*=title],[data-theme=light] [class*=warning-title]{color:#92400e!important;opacity:1!important}[data-theme=light] .policy-warning p,[data-theme=light] .policy-warning span,[data-theme=light] [class*=policy-banner] p,[data-theme=light] [class*=policy-banner] span,[data-theme=light] [class*=policy-banner] li{color:#78350f!important;opacity:1!important}[data-theme=light] .policy-warning svg,[data-theme=light] [class*=policy-banner] svg{color:#d97706!important;opacity:1!important}.compose-textarea,.post-input{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-secondary)}.compose-textarea::placeholder,.post-input::placeholder{color:var(--text-muted)}.compose-textarea:focus,.post-input:focus{background:var(--bg-secondary);border-color:var(--accent-orange);outline:none;box-shadow:0 0 0 3px #f973161a}.post-title-input,[class*=short-title] input,[class*=loop-title],.community-select,[class*=community-dropdown] select,[class*=community-picker]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-secondary)}[data-theme=light] .landing-preview-card .timeline-entry{background:var(--bg-primary)!important}.hero-cta-group .btn-secondary-solid{background:#ffffff1a;color:#fff!important;border-color:#fff3}.hero-cta-group .btn-secondary-solid:hover{background:#fff3}[data-theme=light] .saas-card{background:#fff!important;border:1px solid var(--border-secondary)!important;box-shadow:0 4px 15px #0000000d!important;transform:translateY(0)!important}[data-theme=light] .saas-card:hover{transform:translateY(-6px)!important;border:1px solid rgba(249,115,22,.4)!important;box-shadow:0 15px 40px #0000001f!important}[data-theme=light] .saas-card h3{color:var(--accent-orange)!important}[data-theme=light] .saas-card p{color:#1a1917!important}[data-theme=light] .saas-card .feature-graphic{border-color:#fff3!important}[data-theme=light] .section-header .section-title,[data-theme=light] .auth-hero{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.4)}[data-theme=light] .section-header .section-desc{color:var(--accent-orange)!important;text-shadow:none!important}[data-theme=light] .timeline-date-header{background:var(--bg-tertiary)!important;color:var(--text-muted);border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);padding:.5rem 1rem!important}[data-theme=light] .shift-item{background:var(--bg-secondary);border:1px solid var(--border-primary)}[data-theme=light] .post-card,[data-theme=light] [class*=loop-post],[data-theme=light] [class*=post-item]{background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:none}[data-theme=light] .post-card .post-body,[data-theme=light] .post-card .post-preview,[data-theme=light] [class*=post-content] p,[data-theme=light] [class*=loop-post] .body-text{color:var(--text-secondary)}[data-theme=light] .post-card .post-author,[data-theme=light] .post-card .community-name{color:var(--text-primary);font-weight:500}[data-theme=light] .post-card .post-timestamp,[data-theme=light] [class*=post-meta] .time{color:var(--text-muted)}[data-theme=light] .post-badge,[data-theme=light] .category-badge,[data-theme=light] [class*=post-tag-badge]{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-secondary)}[data-theme=light] .asset-tag,[data-theme=light] .location-tag,[data-theme=light] [class*=post-asset],[data-theme=light] [class*=context-tag]{background:var(--accent-orange-subtle);color:var(--accent-orange-dark);border:1px solid var(--accent-orange-light)}[data-theme=light] .post-actions,[data-theme=light] [class*=post-footer]{border-top:1px solid var(--border-primary)}[data-theme=light] .post-actions button,[data-theme=light] .post-action-btn,[data-theme=light] [class*=reaction-btn]{color:var(--text-muted)}[data-theme=light] .post-actions button:hover{color:var(--accent-orange)}[data-theme=light] .post-actions .comment-count{color:var(--text-muted)}[data-theme=light] .post-open-btn,[data-theme=light] [class*=open-post-btn]{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-secondary)}[data-theme=light] .post-open-btn:hover{border-color:var(--accent-orange);color:var(--accent-orange)}[data-theme=light] .modal-sheet,[data-theme=light] [class*=full-sheet],[data-theme=light] [class*=entry-sheet],[data-theme=light] [class*=slide-up],[data-theme=light] .modal-content,[data-theme=light] .modal{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=light] .bottom-sheet h1,[data-theme=light] .bottom-sheet h2,[data-theme=light] .bottom-sheet h3,[data-theme=light] .bottom-sheet p,[data-theme=light] .bottom-sheet span,[data-theme=light] .bottom-sheet label,[data-theme=light] .modal-content h1,[data-theme=light] .modal-content h2,[data-theme=light] .modal-content h3,[data-theme=light] .modal-content p,[data-theme=light] .modal-content span,[data-theme=light] .modal-content label{color:var(--text-primary)}[data-theme=light] header svg,[data-theme=light] .top-nav svg,[data-theme=light] .nav-bar svg,[data-theme=light] header .lucide,[data-theme=light] .nav-bar .lucide{color:var(--text-secondary)}[data-theme=light] header button:hover svg,[data-theme=light] .nav-bar button:hover svg{color:var(--text-primary)}[data-theme=light] .fab svg,[data-theme=light] .post-btn svg,[data-theme=light] .start-shift-btn svg,[data-theme=light] [class*=cta-btn] svg{color:inherit}.job-title-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.job-title-supervisor{background:#4ade801a;color:#4ade80;border-color:#4ade8033}.job-title-team_leader{background:#60a5fa1a;color:#60a5fa;border-color:#60a5fa33}.job-title-operator{background:#fb923c1a;color:#fb923c;border-color:#fb923c33}.job-title-select{background:#0003;color:var(--text-primary);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:2px 6px;font-size:.75rem;font-family:inherit}.job-title-select:focus{outline:none;border-color:var(--primary)}.desktop-dashboard-wrapper{width:100%;max-width:none}.desktop-dashboard-wrapper .dashboard-grid-wrapper{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;align-items:start}.desktop-dashboard-wrapper .dashboard-col-left,.desktop-dashboard-wrapper .dashboard-col-right{display:flex;flex-direction:column;gap:20px}.desktop-greeting{margin-bottom:var(--spacing-4)}.desktop-greeting .greeting-line1{font-size:1.25rem}.desktop-greeting .greeting-line2{font-size:2rem;font-weight:700}.desktop-dashboard-wrapper .mobile-recent-activity{display:none}.dashboard-content-area:not(.desktop-dashboard-wrapper *) .desktop-recent-activity{display:none}.dashboard-content-area:not(.desktop-dashboard-wrapper *) .dashboard-grid-wrapper{display:flex;flex-direction:column;gap:16px}.desktop-shift-card .sc-stats-row{display:flex;flex-direction:row!important;gap:var(--spacing-4);margin-top:var(--spacing-4)}.desktop-shift-card .sc-stat-chip{flex:1;padding:var(--spacing-3);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center}.page-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.page-background__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:var(--bg-image-opacity, .4)}.page-background__scan{position:absolute;left:0;right:0;height:90px;background:linear-gradient(to bottom,transparent,var(--bg-scan-band-mid) 30%,var(--bg-scan-band) 50%,var(--bg-scan-band-mid) 70%,transparent);animation:page-background-sweep 9s ease-in-out infinite}.page-background__status{position:absolute;top:18px;right:20px;display:flex;align-items:center;gap:6px}.page-background__dot{width:7px;height:7px;border-radius:50%;background:var(--bg-scan-dot);animation:page-background-pulse 2.4s ease-in-out infinite}.page-background__label{font-family:var(--font-mono, monospace);font-size:11px;letter-spacing:.5px;color:var(--bg-scan-label);text-transform:uppercase}@keyframes page-background-sweep{0%{transform:translateY(-120px);opacity:0}8%{opacity:1}92%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes page-background-pulse{0%,to{opacity:.35;box-shadow:0 0 0 var(--bg-scan-dot-glow)}50%{opacity:1;box-shadow:0 0 8px var(--bg-scan-dot-glow)}}@media(prefers-reduced-motion:reduce){.page-background__scan,.page-background__dot{animation:none;opacity:.3}}.desktop-loop-wrapper{width:100%;max-width:none}.desktop-loop-wrapper .loop-grid-wrapper{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}.desktop-loop-wrapper .loop-col-left{display:flex;flex-direction:column}.desktop-loop-wrapper .loop-col-right{display:flex;flex-direction:column;gap:20px;position:sticky;top:20px}.desktop-loop-wrapper .loop-right-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-3)}.desktop-loop-wrapper .loop-right-card h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.desktop-loop-wrapper .loop-right-card h4{margin:0;font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.desktop-loop-wrapper .status-chips-container{display:flex;flex-wrap:wrap;gap:8px}.desktop-loop-wrapper .status-chip{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;cursor:default;background:var(--bg-background);border:1px solid var(--border-subtle);color:var(--text-secondary)}.desktop-loop-wrapper .status-chip.active{background:#ff5a1f;color:#fff;border-color:#ff5a1f}.desktop-loop-wrapper .team-member-row{display:flex;align-items:center;gap:12px}.desktop-loop-wrapper .team-member-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden}.desktop-loop-wrapper .team-member-info{display:flex;flex-direction:column}.desktop-loop-wrapper .team-member-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.desktop-loop-wrapper .team-member-role{font-size:.75rem;color:var(--text-secondary)}.network-container{padding-bottom:calc(var(--spacing-8) * 2);animation:fadeIn .25s ease-out}.network-main-tabs{display:flex;align-items:center;background:var(--bg-glass);border:1px solid var(--border-default);border-radius:var(--radius-pill, 9999px);padding:4px;margin-bottom:var(--spacing-4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.network-main-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-pill, 9999px);border:none;background:transparent;color:var(--text-muted, #a1a1aa);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.network-main-tab-btn:hover:not(.active){color:var(--text-primary, #ffffff);background:#ffffff08}.network-main-tab-btn.active{background:#f97316;color:#fff;box-shadow:0 4px 14px #f9731659}.network-tab-badge{background:#fff3;color:#fff;font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:999px}.network-main-tab-btn.active .network-tab-badge{background:#00000040}.network-switcher-wrapper{margin-bottom:var(--spacing-4)}.network-switcher-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #71717a);margin-bottom:8px;display:flex;align-items:center;gap:6px}.network-switcher-scroll{display:flex;align-items:center;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.network-switcher-scroll::-webkit-scrollbar{height:4px}.network-switcher-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.network-chip{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;background:#1c1c1ce6;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-pill, 9999px);color:var(--text-secondary, #d4d4d8);font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.network-chip:hover{background:#282828f2;border-color:#ffffff29;color:#fff}.network-chip.active{background:#f9731626;border-color:#f97316;color:#fff;box-shadow:0 2px 10px #f9731633}.network-chip-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.75rem;overflow:hidden;flex-shrink:0}.network-chip-avatar img{width:100%;height:100%;object-fit:cover}.network-hero-card{background:var(--bg-glass);border:1px solid var(--border-default);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg, 16px);padding:var(--spacing-5, 20px);margin-bottom:var(--spacing-4);position:relative;overflow:hidden;box-shadow:0 8px 30px #00000059}.network-hero-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f97316,#fb923c,#f97316)}.network-hero-content{display:flex;align-items:flex-start;gap:16px}.network-hero-avatar{width:64px;height:64px;border-radius:var(--radius-md, 12px);background:linear-gradient(135deg,#f97316,#c2410c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.4rem;box-shadow:0 4px 14px #f973164d;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,.12)}.network-hero-avatar img{width:100%;height:100%;object-fit:cover}.network-hero-info{flex:1;min-width:0}.network-hero-title{font-size:1.35rem;font-weight:700;color:var(--color-accent);margin:0 0 4px;line-height:1.25;word-break:break-word}.network-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.82rem;color:var(--text-muted, #a1a1aa);margin-bottom:10px}.network-hero-meta-item{display:flex;align-items:center;gap:4px}.network-hero-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.role-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:var(--radius-pill, 9999px)}.role-badge.owner{background:#f9731633;color:#fb923c;border:1px solid rgba(249,115,22,.4)}.role-badge.admin{background:#38bdf82e;color:#38bdf8;border:1px solid rgba(56,189,248,.35)}.role-badge.member{background:#a1a1aa26;color:#d4d4d8;border:1px solid rgba(255,255,255,.12)}.member-count-pill{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;color:var(--text-secondary, #d4d4d8);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:3px 9px;border-radius:var(--radius-pill, 9999px)}.network-sub-tabs{display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:var(--spacing-4);padding-bottom:2px}.network-sub-tab-btn{background:transparent;border:none;color:var(--text-muted, #a1a1aa);font-size:.88rem;font-weight:600;padding:8px 14px;border-radius:var(--radius-md, 8px) var(--radius-md, 8px) 0 0;cursor:pointer;display:flex;align-items:center;gap:6px;position:relative;transition:all .2s ease}.network-sub-tab-btn:hover{color:#fff}.network-sub-tab-btn.active{color:#f97316}.network-sub-tab-btn.active:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:2px;background:#f97316;border-radius:2px}.network-overview-grid{display:grid;gap:var(--spacing-4)}.network-card{background:var(--bg-card, var(--bg-elevated));border:1px solid var(--border-default);border-radius:var(--radius-lg, 14px);padding:var(--spacing-4, 16px)}.network-card-header{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.network-channels-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.network-channel-badge{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md, 10px)}.network-channel-icon{font-size:1.1rem}.network-channel-info h4{margin:0;font-size:.88rem;color:var(--text-primary);font-weight:600}.network-channel-info p{margin:2px 0 0;font-size:.75rem;color:var(--text-muted, #a1a1aa)}.activity-placeholder-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-surface);border:1px dashed var(--border-default);border-radius:var(--radius-md, 10px);color:var(--text-muted, #a1a1aa);font-size:.85rem}.members-search-box{position:relative;margin-bottom:var(--spacing-4)}.members-search-input{width:100%;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md, 10px);padding:10px 14px 10px 38px;color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .2s;box-sizing:border-box}.members-search-input:focus{border-color:var(--color-accent)}.members-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted, #71717a);pointer-events:none}.members-list{display:flex;flex-direction:column;gap:8px}.member-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-card, var(--bg-elevated));border:1px solid var(--border-default);border-radius:var(--radius-md, 10px);transition:background .15s ease}.member-row:hover{background:var(--bg-surface)}.member-row-left{display:flex;align-items:center;gap:12px;min-width:0}.member-avatar{width:38px;height:38px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:var(--text-primary);overflow:hidden;flex-shrink:0}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-info{min-width:0}.member-name{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-subtext{font-size:.75rem;color:var(--text-muted, #71717a);margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-section{background:var(--bg-card, var(--bg-elevated));border:1px solid var(--border-default);border-radius:var(--radius-lg, 14px);padding:var(--spacing-5, 20px);margin-bottom:var(--spacing-4)}.settings-section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 14px;display:flex;align-items:center;gap:8px}.invite-box{display:flex;align-items:center;gap:10px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md, 8px);padding:10px 14px}.invite-code{font-family:var(--font-mono, monospace);font-size:.92rem;color:var(--color-accent);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.copy-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.danger-zone{border-color:var(--color-danger);background:var(--color-danger-bg)}.danger-zone-title{color:var(--color-danger)}.danger-actions-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.danger-action-btn{padding:10px 18px;border-radius:var(--radius-md, 8px);font-size:.88rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;border:1px solid transparent}.danger-action-btn.leave{background:var(--color-danger-bg);border-color:#ef444459;color:var(--color-danger)}.danger-action-btn.leave:hover{background:var(--color-danger);color:#fff}.danger-action-btn.transfer{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.danger-action-btn.transfer:hover{background:var(--color-accent);color:#fff}.danger-action-btn.disband{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.danger-action-btn.disband:hover{background:var(--color-danger);color:#fff}.network-modal-overlay{position:fixed;inset:0;background:#000000d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);animation:fadeIn .15s ease-out}.network-modal-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg, 16px);width:100%;max-width:480px;padding:var(--spacing-5, 20px);box-shadow:0 20px 50px #0009;position:relative}.network-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.network-modal-title{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.network-modal-close-btn{background:transparent;border:none;color:var(--text-muted, #a1a1aa);cursor:pointer;padding:4px;border-radius:4px}.network-modal-close-btn:hover{color:var(--text-primary)}.network-modal-body{color:var(--text-secondary, #d4d4d8);font-size:.9rem;line-height:1.5;margin-bottom:18px}.network-modal-alert{background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:var(--radius-md, 8px);padding:12px;color:var(--color-danger);font-size:.85rem;margin:12px 0;display:flex;align-items:flex-start;gap:8px}.network-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px}.network-modal-cancel-btn{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary, #d4d4d8);padding:9px 16px;border-radius:var(--radius-md, 8px);font-size:.88rem;font-weight:600;cursor:pointer}.network-modal-cancel-btn:hover{background:var(--bg-card, var(--bg-elevated));color:var(--text-primary)}.member-select-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-card, var(--bg-elevated));border:1px solid var(--border-default);border-radius:var(--radius-md, 8px);cursor:pointer;margin-bottom:6px;transition:all .15s ease}.member-select-item:hover{background:var(--bg-surface);border-color:var(--border-hover, var(--border-secondary))}.member-select-item.selected{background:var(--color-accent-soft);border-color:var(--color-accent)}.network-empty-card{text-align:center;padding:var(--spacing-8) var(--spacing-4);background:var(--bg-card, var(--bg-elevated));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px dashed var(--border-default);border-radius:var(--radius-lg, 16px);margin-top:var(--spacing-4)}.network-empty-icon{width:64px;height:64px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-4) auto}.network-empty-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.network-empty-desc{font-size:.88rem;color:var(--text-muted, #a1a1aa);max-width:420px;margin:0 auto var(--spacing-5) auto;line-height:1.5}.network-cta-btn{background:#f97316;color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-pill, 9999px);font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #f9731659;display:inline-flex;align-items:center;gap:8px;transition:transform .15s ease}.network-cta-btn:hover{transform:translateY(-1px)}.desktop-network-wrapper{width:100%;max-width:none}.desktop-network-wrapper .network-master-detail{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}.desktop-network-wrapper .network-list-panel{display:flex;flex-direction:column;gap:12px;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}.desktop-network-wrapper .network-list-item{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease}.desktop-network-wrapper .network-list-item:hover{border-color:var(--border-hover)}.desktop-network-wrapper .network-list-item.active{background:#ff5a1f0d;border:1px solid var(--border-default);border-left:4px solid #FF5A1F}.desktop-network-wrapper .network-list-item.active:hover{background:#ff5a1f14}.desktop-network-wrapper .nli-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.desktop-network-wrapper .nli-info{display:flex;flex-direction:column;min-width:0}.desktop-network-wrapper .nli-name{font-size:.95rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-network-wrapper .nli-location{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.desktop-network-wrapper .network-detail-panel{min-width:0}.desktop-sidebar{width:260px;height:100vh;position:sticky;top:0;left:0;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--border-default);display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-4);z-index:100}.sidebar-top{display:flex;flex-direction:column;gap:var(--spacing-5)}.sidebar-logo-link{display:flex;align-items:center;padding:0 var(--spacing-2);margin-bottom:var(--spacing-2);text-decoration:none}.sidebar-logo{height:40px;width:auto;object-fit:contain}.sidebar-nav-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-3);border-radius:var(--radius-md);text-decoration:none;color:var(--text-muted);font-weight:500;transition:all .2s ease;border-left:3px solid transparent}.sidebar-nav-item:hover{background:var(--bg-surface);color:var(--text-primary)}.sidebar-nav-item.active{color:var(--color-accent);background:#ff5a1f1a;border-left:3px solid var(--color-accent)}.sidebar-log-entry-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);background:var(--color-accent);color:#fff;border:none;padding:var(--spacing-3);border-radius:var(--radius-pill);font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 4px 12px #ff5a1f4d;transition:transform .2s ease,box-shadow .2s ease;margin-top:var(--spacing-2)}.sidebar-log-entry-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ff5a1f66}.sidebar-log-entry-btn:active{transform:translateY(1px);box-shadow:0 2px 8px #ff5a1f4d}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border-subtle);padding-top:var(--spacing-4)}.sidebar-user-card{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2);border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease}.sidebar-user-card:hover{background:var(--bg-surface)}.sidebar-avatar-wrapper{position:relative;width:40px;height:40px;border-radius:50%;background:var(--bg-surface)}.sidebar-avatar-wrapper img{width:100%;height:100%;border-radius:50%;object-fit:cover}.sidebar-avatar-fallback{width:100%;height:100%;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.sidebar-live-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#10b981;border:2px solid var(--bg-page);border-radius:50%}.sidebar-user-info{display:flex;flex-direction:column;overflow:hidden}.sidebar-user-name{color:var(--text-primary);font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{color:var(--text-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}