:root{--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--vh:1vh;--dvh:1dvh;--system-blue:#007aff;--system-blue-light:#409cff;--system-green:#30d158;--system-indigo:#5856d6;--system-orange:#ff9500;--system-pink:#ff2d55;--system-purple:#af52de;--system-red:#ff3b30;--system-teal:#30b0c7;--system-yellow:#fc0;--gray-1:#8e8e93;--gray-2:#aeaeb2;--gray-3:#c7c7cc;--gray-4:#d1d1d6;--gray-5:#e5e5ea;--gray-6:#f2f2f7;--label-primary:#000;--label-secondary:#1c1c1c;--label-tertiary:#4a4a4a;--label-quaternary:#757575;--bg-primary:#fff;--bg-secondary:#f2f2f7;--bg-tertiary:#fff;--bg-elevated:#fff;--bg-grouped:#f2f2f7;--bg-grouped-secondary:#fff;--fill-primary:#78788033;--fill-secondary:#78788029;--fill-tertiary:#7676801f;--fill-quaternary:#74748014;--separator:#3c3c434a;--separator-opaque:#c6c6c8;--glass-ultra-thin:#fff3;--glass-thin:#ffffff59;--glass-regular:#ffffff73;--glass-thick:#ffffff8c;--glass-ultra-thick:#ffffffb3;--glass-bg:#ffffff73;--glass-bg-thick:#ffffff8c;--glass-bg-thin:#ffffff59;--glass-bg-ultra-thin:#fff3;--glass-border-subtle:#ffffff26;--glass-border:#ffffff40;--glass-border-strong:#fff6;--glass-highlight-top:#fff9;--glass-highlight-bottom:#0000000d;--glass-highlight:#ffffffe6;--glass-shadow:#00000014;--glass-inner-shadow:inset 0 1px 0 #ffffff80;--blur-ultra-thin:blur(10px) saturate(160%);--blur-thin:blur(20px) saturate(170%);--blur-regular:blur(40px) saturate(180%);--blur-thick:blur(60px) saturate(200%);--blur-ultra-thick:blur(80px) saturate(220%);--blur-ultra:blur(60px) saturate(200%);--blur-hover:blur(50px) saturate(190%) brightness(1.05);--blur-active:blur(35px) saturate(175%) brightness(0.98);--layer-background:0;--layer-content:10;--layer-glass-base:20;--layer-glass-elevated:30;--layer-glass-floating:40;--layer-modal:50;--layer-notification:60;--layer-overlay:70;--shadow-layer-0:none;--shadow-layer-1:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-layer-2:0 4px 12px #0000000f,0 2px 4px #0000000a;--shadow-layer-3:0 8px 24px #00000014,0 4px 8px #0000000f;--shadow-layer-4:0 16px 40px #0000001a,0 8px 16px #00000014;--shadow-layer-5:0 24px 56px #0000001f,0 12px 24px #0000001a;--shadow-glass-subtle:0 4px 16px #0000000a,0 2px 8px #00000005,inset 0 1px 0 #ffffff80,inset 0 -1px 0 #0000000d;--shadow-glass:0 8px 32px #00000014,0 4px 16px #0000000a,inset 0 1px 0 #fff9,inset 0 -1px 0 #00000014;--shadow-glass-elevated:0 16px 48px #0000001f,0 8px 24px #00000014,inset 0 2px 0 #ffffffb3,inset 0 -2px 0 #0000001a;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-xl:0 16px 40px #0000001f;--shadow-2xl:0 24px 56px #00000029;--radius-xs:8px;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--radius-2xl:40px;--radius-3xl:52px;--radius-4xl:64px;--radius-full:9999px;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--touch-min:44px;--touch-comfortable:48px;--tab-bar-height:50px;--tab-bar-bg:var(--glass-bg-thick);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.25,0.1,0.25,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-ios:cubic-bezier(0.4,0,0.2,1);--duration-instant:150ms;--duration-fast:350ms;--duration-base:550ms;--duration-slow:800ms;--duration-slower:1000ms;--adaptive-blur:40px;--adaptive-saturation:180%;--adaptive-brightness:1;--adaptive-contrast:1;--gradient-primary:linear-gradient(135deg,#007aff,#5856d6);--gradient-success:linear-gradient(135deg,#30d158,#00c7be);--gradient-warning:linear-gradient(135deg,#ff9500,#ff6b00);--gradient-danger:linear-gradient(135deg,#ff3b30,#ff2d55);--gradient-hero:linear-gradient(145deg,#007aff,#5856d6 50%,#af52de);--gradient-glass:linear-gradient(135deg,#fff6,#ffffff1a);color-scheme:light dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--system-blue:#0a84ff;--system-blue-light:#64d2ff;--system-green:#30d158;--system-indigo:#5e5ce6;--system-orange:#ff9f0a;--system-pink:#ff375f;--system-purple:#bf5af2;--system-red:#ff453a;--system-teal:#40c8e0;--system-yellow:#ffd60a;--gray-1:#8e8e93;--gray-2:#636366;--gray-3:#48484a;--gray-4:#3a3a3c;--gray-5:#2c2c2e;--gray-6:#1c1c1e;--label-primary:#fff;--label-secondary:#e0e0e0;--label-tertiary:#b0b0b0;--label-quaternary:#8a8a8a;--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--bg-elevated:#1c1c1e;--bg-grouped:#000;--bg-grouped-secondary:#1c1c1e;--fill-primary:#7878805c;--fill-secondary:#78788052;--fill-tertiary:#7676803d;--fill-quaternary:#7474802e;--separator:#54545899;--separator-opaque:#38383a;--glass-ultra-thin:#1e1e2033;--glass-thin:#1e1e2059;--glass-regular:#1e1e2073;--glass-thick:#1e1e208c;--glass-ultra-thick:#1e1e20b3;--glass-bg:#1e1e2073;--glass-bg-thick:#28282a8c;--glass-bg-thin:#19191b59;--glass-bg-ultra-thin:#14141633;--glass-border-subtle:#ffffff0f;--glass-border:#ffffff1f;--glass-border-strong:#fff3;--glass-highlight-top:#ffffff26;--glass-highlight-bottom:#0003;--glass-highlight:#ffffff26;--glass-shadow:#0006;--shadow-layer-1:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-layer-2:0 4px 12px #0006,0 2px 4px #0000004d;--shadow-layer-3:0 8px 24px #00000080,0 4px 8px #0006;--shadow-layer-4:0 16px 40px #0009,0 8px 16px #00000080;--shadow-layer-5:0 24px 56px #000000b3,0 12px 24px #0009;--shadow-glass-subtle:0 4px 16px #0006,0 2px 8px #0000004d,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0000004d;--shadow-glass:0 8px 32px #00000080,0 4px 16px #0006,inset 0 1px 0 #ffffff1f,inset 0 -1px 0 #0006;--shadow-glass-elevated:0 16px 48px #0009,0 8px 24px #00000080,inset 0 2px 0 #ffffff26,inset 0 -2px 0 #00000080;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 24px #00000073;--shadow-xl:0 16px 40px #00000080;--shadow-2xl:0 24px 56px #0009}}[data-theme=dark]{--label-secondary:#e0e0e0;--label-tertiary:#b0b0b0;--label-quaternary:#8a8a8a;--glass-regular:#1e1e20b3;--glass-border:#ffffff1f}*,:after,:before{-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;scroll-behavior:smooth}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2f2f7;background:var(--bg-secondary);color:#000;color:var(--label-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,sans-serif;line-height:1.5;min-height:100vh;min-height:100dvh;overscroll-behavior-y:contain}@keyframes pageEnter{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes springScale{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(-5px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #007aff4d}50%{box-shadow:0 0 40px #007aff99}}.dashboard-view,.statements-view,.upload-view,.user-management-view{animation:pageEnter .9s ease;animation:pageEnter .9s var(--ease-smooth)}.settings-view{animation:pageEnter .6s ease;animation:pageEnter .6s var(--ease-smooth)}.lg-card{animation:springScale .7s ease;animation:springScale .7s var(--ease-smooth);transition:all .55s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-base) var(--ease-spring)}.lg-card:hover{box-shadow:0 16px 48px #0000001f,0 8px 24px #00000014,inset 0 2px 0 #ffffffb3,inset 0 -2px 0 #0000001a;box-shadow:var(--shadow-glass-elevated);transform:translateY(-4px)}.lg-btn{transition:all .35s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-fast) var(--ease-spring)}.lg-btn:hover{box-shadow:0 8px 24px #007aff4d;transform:translateY(-2px)}.lg-btn:active{box-shadow:0 2px 8px #007aff33;transform:translateY(0) scale(.96)}.lg-input:focus,.lg-select:focus,.lg-textarea:focus{animation:inputFocus .3s cubic-bezier(.34,1.56,.64,1);animation:inputFocus .3s var(--ease-spring);transform:scale(1.01)}@keyframes inputFocus{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1.01)}}.badge{animation:badgeAppear .4s cubic-bezier(.34,1.56,.64,1);animation:badgeAppear .4s var(--ease-spring)}@keyframes badgeAppear{0%{opacity:0;transform:scale(.8) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.notification{animation:notificationSlideIn .7s ease;animation:notificationSlideIn .7s var(--ease-smooth)}@keyframes notificationSlideIn{0%{opacity:0;transform:translateY(-100%) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.install-prompt-overlay,.modal-overlay,.overlay{animation:fadeIn .3s ease;animation:fadeIn .3s var(--ease-smooth)}.list-item{animation:listItemFadeIn .4s ease backwards;animation:listItemFadeIn .4s var(--ease-smooth) backwards}.list-item:first-child{animation-delay:.05s}.list-item:nth-child(2){animation-delay:.1s}.list-item:nth-child(3){animation-delay:.15s}.list-item:nth-child(4){animation-delay:.2s}.list-item:nth-child(5){animation-delay:.25s}.list-item:nth-child(n+6){animation-delay:.3s}@keyframes listItemFadeIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.tab-content{animation:tabFadeIn .4s ease;animation:tabFadeIn .4s var(--ease-smooth)}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton-loader{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#74748014,#7676801f 50%,#74748014);background:linear-gradient(90deg,var(--fill-quaternary) 0,var(--fill-tertiary) 50%,var(--fill-quaternary) 100%);background-size:200% 100%}.icon-bounce{animation:iconBounce .6s cubic-bezier(.34,1.56,.64,1);animation:iconBounce .6s var(--ease-spring)}@keyframes iconBounce{0%,to{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%,60%,80%{transform:scale(1.1)}50%,70%{transform:scale(1.05)}90%{transform:scale(.95)}}.success-check{animation:successPop .6s cubic-bezier(.34,1.56,.64,1);animation:successPop .6s var(--ease-spring)}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.error-shake{animation:shake .5s ease;animation:shake .5s var(--ease-smooth)}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-8px)}20%,40%,60%,80%{transform:translateX(8px)}}.lg-card{backdrop-filter:blur(60px) saturate(180%) brightness(105%);-webkit-backdrop-filter:blur(60px) saturate(180%) brightness(105%);background:linear-gradient(135deg,#ffffff73,color-mix(in srgb,#ffffff73 80%,#0000));background:linear-gradient(135deg,var(--glass-regular) 0,color-mix(in srgb,var(--glass-regular) 80%,#0000) 100%);background-blend-mode:overlay;background-image:linear-gradient(180deg,#fff9,#0000 30%,#0000 70%,#0000000d);background-image:linear-gradient(180deg,var(--glass-highlight-top) 0,#0000 30%,#0000 70%,var(--glass-highlight-bottom) 100%);box-shadow:0 16px 48px #0000001f,0 8px 24px #00000014,0 4px 12px #0000000a,inset 0 1px 0 #fff9,inset 0 -1px 0 #00000014;isolation:isolate;position:relative;transition:transform .55s cubic-bezier(.34,1.56,.64,1),box-shadow .55s cubic-bezier(.34,1.56,.64,1),border-color .35s ease,-webkit-backdrop-filter .55s cubic-bezier(.34,1.56,.64,1);transition:backdrop-filter .55s cubic-bezier(.34,1.56,.64,1),transform .55s cubic-bezier(.34,1.56,.64,1),box-shadow .55s cubic-bezier(.34,1.56,.64,1),border-color .35s ease;transition:backdrop-filter .55s cubic-bezier(.34,1.56,.64,1),transform .55s cubic-bezier(.34,1.56,.64,1),box-shadow .55s cubic-bezier(.34,1.56,.64,1),border-color .35s ease,-webkit-backdrop-filter .55s cubic-bezier(.34,1.56,.64,1);transition:transform var(--duration-base) var(--ease-spring),box-shadow var(--duration-base) var(--ease-spring),border-color var(--duration-fast) var(--ease-smooth),-webkit-backdrop-filter var(--duration-base) var(--ease-spring);transition:backdrop-filter var(--duration-base) var(--ease-spring),transform var(--duration-base) var(--ease-spring),box-shadow var(--duration-base) var(--ease-spring),border-color var(--duration-fast) var(--ease-smooth);transition:backdrop-filter var(--duration-base) var(--ease-spring),transform var(--duration-base) var(--ease-spring),box-shadow var(--duration-base) var(--ease-spring),border-color var(--duration-fast) var(--ease-smooth),-webkit-backdrop-filter var(--duration-base) var(--ease-spring);z-index:20;z-index:var(--layer-glass-base)}.lg-card:before{background:linear-gradient(90deg,#0000,#fff9,#0000);background:linear-gradient(90deg,#0000,var(--glass-highlight-top),#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0;z-index:1}.lg-card--interactive{cursor:pointer;user-select:none;-webkit-user-select:none}.lg-card--interactive:hover{backdrop-filter:blur(50px) saturate(190%) brightness(1.05);backdrop-filter:var(--blur-hover);-webkit-backdrop-filter:blur(50px) saturate(190%) brightness(1.05);-webkit-backdrop-filter:var(--blur-hover);border-color:#fff6;border-color:var(--glass-border-strong);box-shadow:0 16px 48px #0000001f,0 8px 24px #00000014,inset 0 2px 0 #ffffffb3,inset 0 -2px 0 #0000001a;box-shadow:var(--shadow-glass-elevated);transform:translateY(-2px) scale(1.002)}.lg-card--interactive:active{backdrop-filter:blur(35px) saturate(175%) brightness(.98);backdrop-filter:var(--blur-active);-webkit-backdrop-filter:blur(35px) saturate(175%) brightness(.98);-webkit-backdrop-filter:var(--blur-active);box-shadow:0 4px 16px #0000000a,0 2px 8px #00000005,inset 0 1px 0 #ffffff80,inset 0 -1px 0 #0000000d;box-shadow:var(--shadow-glass-subtle);transform:translateY(0) scale(.998)}.lg-card--thin{backdrop-filter:blur(20px) saturate(170%);backdrop-filter:var(--blur-thin);-webkit-backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:var(--blur-thin);background:#ffffff59;background:var(--glass-thin)}.lg-card--thick{backdrop-filter:blur(60px) saturate(200%);backdrop-filter:var(--blur-thick);-webkit-backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:var(--blur-thick);background:#ffffff8c;background:var(--glass-thick)}.lg-card--elevated{box-shadow:0 16px 48px #0000001f,0 8px 24px #00000014,inset 0 2px 0 #ffffffb3,inset 0 -2px 0 #0000001a;box-shadow:var(--shadow-glass-elevated);z-index:30;z-index:var(--layer-glass-elevated)}.lg-card--floating{box-shadow:0 24px 56px #0000001f,0 12px 24px #0000001a;box-shadow:var(--shadow-layer-5);z-index:40;z-index:var(--layer-glass-floating)}.lg-card--content-aware{-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(1) contrast(1);backdrop-filter:blur(40px) saturate(180%) brightness(1) contrast(1);-webkit-backdrop-filter:blur(var(--adaptive-blur)) saturate(var(--adaptive-saturation)) brightness(var(--adaptive-brightness)) contrast(var(--adaptive-contrast));backdrop-filter:blur(var(--adaptive-blur)) saturate(var(--adaptive-saturation)) brightness(var(--adaptive-brightness)) contrast(var(--adaptive-contrast));background:color-mix(in srgb,#ffffff73 70%,currentColor 5%);background:color-mix(in srgb,var(--glass-regular) 70%,currentColor 5%)}.lg-card--scrolled{--adaptive-blur:60px;--adaptive-saturation:200%;--adaptive-brightness:1.05}.lg-btn{-webkit-appearance:none;background:#007aff;background:var(--system-blue);box-shadow:0 4px 12px #007aff4d,inset 0 1px 0 #fff3;color:#fff;position:relative;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s cubic-bezier(.34,1.56,.64,1),opacity .35s;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-spring),opacity var(--duration-fast)}.lg-btn:hover{box-shadow:0 6px 16px #007aff66,inset 0 1px 0 #ffffff4d;transform:translateY(-1px) scale(1.01)}.lg-btn:active{box-shadow:0 2px 8px #007aff4d,inset 0 1px 0 #ffffff1a;transform:translateY(0) scale(.98)}.lg-btn.disabled,.lg-btn:disabled{transform:none!important}.lg-btn-primary{box-shadow:0 4px 12px #007aff4d,inset 0 1px 0 #fff3}.lg-btn-secondary{backdrop-filter:blur(60px) saturate(180%) brightness(105%);-webkit-backdrop-filter:blur(60px) saturate(180%) brightness(105%);background:#ffffff73;background:var(--glass-regular);border:1px solid #ffffff40;border:1px solid var(--glass-border);box-shadow:0 8px 24px #00000014,0 4px 12px #0000000a,inset 0 1px 0 #ffffff80}.lg-btn-danger{background:#ff3b30;background:var(--system-red);box-shadow:0 4px 12px #ff3b304d,inset 0 1px 0 #fff3}.btn-loading{display:inline-flex}.spinner{height:16px;width:16px}.stat-card:before{background:linear-gradient(90deg,#0000,#ffffffe6,#0000);background:linear-gradient(90deg,#0000,var(--glass-highlight),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.stat-card:active{transform:scale(.96)}.stat-card__icon{align-items:center;border-radius:24px;border-radius:var(--radius-lg);display:flex;height:44px;justify-content:center;margin-bottom:12px;margin-bottom:var(--space-3);width:44px}.stat-card__icon--blue{background:#007aff26;color:#007aff;color:var(--system-blue)}.stat-card__icon--purple{background:#5856d626;color:#5856d6;color:var(--system-indigo)}.stat-card__icon--green{background:#30d15826;color:#30d158;color:var(--system-green)}.stat-card__icon--orange{background:#ff950026;color:#ff9500;color:var(--system-orange)}.stat-card__label{color:#1c1c1c;color:var(--label-secondary);font-size:13px;font-weight:500;letter-spacing:-.08px;margin-bottom:4px;margin-bottom:var(--space-1)}.stat-card__value{color:#000;color:var(--label-primary);font-size:24px;font-weight:700;letter-spacing:-.5px;line-height:1.1}@media (max-width:374px){.stat-card{padding:12px;padding:var(--space-3)}.stat-card__icon{height:36px;width:36px}.stat-card__value{font-size:20px}}.welcome-header{background:linear-gradient(145deg,#007aff,#5856d6 50%,#af52de);background:var(--gradient-hero);border-radius:52px;border-radius:var(--radius-3xl);box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:20px;margin-bottom:var(--space-5);padding:var(--space-6)}.welcome-header:before{background:linear-gradient(180deg,#fff3,#ffffff0d 50%,#0000);border-radius:52px 52px 0 0;border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;height:50%;left:0;right:0;top:0}.welcome-header:after{background:radial-gradient(circle,#ffffff26 0,#0000 70%);border-radius:50%;content:"";height:200px;pointer-events:none;position:absolute;right:-15%;top:-30%;width:200px}.welcome-header__title{color:#fff;font-size:clamp(24px,6vw,32px);font-weight:700;letter-spacing:-.5px;margin-bottom:8px;margin-bottom:var(--space-2);position:relative;z-index:1}.welcome-header__subtitle{color:#ffffffd9;font-size:15px;font-weight:400;letter-spacing:-.2px;position:relative;z-index:1}@media (max-width:639px){.welcome-header{border-radius:0 0 52px 52px;border-radius:0 0 var(--radius-3xl) var(--radius-3xl);margin-left:-16px;margin-left:calc(var(--space-4)*-1);margin-right:-16px;margin-right:calc(var(--space-4)*-1);margin-top:-16px;margin-top:calc(var(--space-4)*-1);padding-top:calc(24px + env(safe-area-inset-top, 0px));padding-top:calc(var(--space-6) + var(--sat))}}.tab-bar{bottom:0;display:none;left:0;padding:8px 16px;padding:var(--space-2) var(--space-4);padding-bottom:calc(8px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--space-2) + var(--sab));position:fixed;right:0;z-index:1000}.tab-bar__container{backdrop-filter:blur(60px) saturate(200%);backdrop-filter:var(--blur-thick);-webkit-backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:var(--blur-thick);background:#ffffff8c;background:var(--glass-bg-thick);border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:52px;border-radius:var(--radius-3xl);box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a,inset 0 1px 0 #fff9,inset 0 -1px 0 #00000014;box-shadow:var(--shadow-glass);margin:0 auto;max-width:420px;padding:8px;padding:var(--space-2);transition:all .35s ease;transition:all var(--duration-fast) var(--ease-smooth)}@media (max-width:1023px){.tab-bar__container{backdrop-filter:blur(100px) saturate(220%) brightness(105%);-webkit-backdrop-filter:blur(100px) saturate(220%) brightness(105%)}}.tab-bar__content{align-items:center;display:flex;justify-content:space-around}.tab-bar__item{align-items:center;-webkit-appearance:none;background:#0000;border:none;border-radius:24px;border-radius:var(--radius-lg);color:#8e8e93;color:var(--gray-1);cursor:pointer;display:flex;flex-direction:column;font-size:10px;font-weight:500;gap:2px;height:44px;justify-content:center;letter-spacing:-.08px;min-width:56px;outline:none;padding:4px 12px;text-decoration:none;transition:all .35s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-fast) var(--ease-spring);-webkit-user-select:none;user-select:none}.tab-bar__item svg{stroke-width:1.8;height:22px;transition:all .55s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-base) var(--ease-spring);width:22px}.tab-bar__item--active{background:#007aff1a;color:#007aff;color:var(--system-blue)}.tab-bar__item--active svg{stroke-width:2.2}.tab-bar__item:active{opacity:.7;transform:scale(.9)}@media (max-width:1023px){.tab-bar{display:block}}.page-header{backdrop-filter:blur(60px) saturate(180%) brightness(105%);-webkit-backdrop-filter:blur(60px) saturate(180%) brightness(105%);background:#fff3;background:var(--glass-ultra-thin);border-bottom:1px solid #ffffff26;border-bottom:1px solid var(--glass-border-subtle);box-shadow:0 8px 24px #00000014,0 4px 12px #0000000a,inset 0 1px 0 #fff9;padding:16px 20px;padding:var(--space-4) var(--space-5);position:-webkit-sticky;position:sticky;top:0;z-index:100}.page-header--transparent{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-bottom:none}.page-header__title{color:#000;color:var(--label-primary);font-size:17px;font-weight:600;letter-spacing:-.4px}.page-header__subtitle{color:#1c1c1c;color:var(--label-secondary);font-size:13px;margin-top:2px}.main-content{max-width:100%;overflow-x:hidden;padding:16px;padding:var(--space-4);padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--space-4) + 80px + var(--sab));position:relative;z-index:1}@media (min-width:1024px){.main-content{margin-left:288px;padding:24px;padding:var(--space-6);padding-bottom:24px;padding-bottom:var(--space-6)}}.section-card{backdrop-filter:blur(60px) saturate(180%) brightness(105%);-webkit-backdrop-filter:blur(60px) saturate(180%) brightness(105%);background:#ffffff73;background:var(--glass-bg);border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:40px;border-radius:var(--radius-2xl);box-shadow:0 16px 48px #0000001f,0 8px 24px #00000014,0 4px 12px #0000000a,inset 0 1px 0 #fff9,inset 0 -1px 0 #00000014;overflow:hidden;padding:20px;padding:var(--space-5);transition:all .55s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-base) var(--ease-spring)}.section-card,.section-card__header{margin-bottom:16px;margin-bottom:var(--space-4)}.section-card__header{align-items:center;display:flex;justify-content:space-between}.section-card__title{color:#000;color:var(--label-primary);font-size:20px;font-weight:700;letter-spacing:-.4px}.section-card__action{align-items:center;color:#007aff;color:var(--system-blue);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:4px;gap:var(--space-1);transition:opacity .35s;transition:opacity var(--duration-fast)}.section-card__action:active{opacity:.6}.lg-table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -20px;margin:0 calc(var(--space-5)*-1);overflow-x:auto;padding:0 20px;padding:0 var(--space-5);scrollbar-width:thin;width:100%}.lg-table-wrapper::-webkit-scrollbar{height:4px}.lg-table-wrapper::-webkit-scrollbar-track{background:#74748014;background:var(--fill-quaternary);border-radius:9999px;border-radius:var(--radius-full)}.lg-table-wrapper::-webkit-scrollbar-thumb{background:#c7c7cc;background:var(--gray-3);border-radius:9999px;border-radius:var(--radius-full)}.lg-table{border-collapse:collapse;min-width:600px;width:100%}.lg-table th{color:#1c1c1c;color:var(--label-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;padding:var(--space-3) var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap}.lg-table td,.lg-table th{border-bottom:1px solid #3c3c434a;border-bottom:1px solid var(--separator)}.lg-table td{color:#000;color:var(--label-primary);font-size:15px;padding:16px;padding:var(--space-4);vertical-align:middle}.lg-table tr:last-child td{border-bottom:none}.lg-table tr:active{background:#74748014;background:var(--fill-quaternary)}.lg-button{align-items:center;-webkit-appearance:none;background:linear-gradient(135deg,#007aff,#5856d6);background:var(--gradient-primary);border:none;border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:17px;font-weight:600;gap:8px;gap:var(--space-2);justify-content:center;letter-spacing:-.4px;min-height:44px;min-height:var(--touch-min);padding:0 20px;padding:0 var(--space-5);transition:all .55s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-base) var(--ease-spring);-webkit-user-select:none;user-select:none}.lg-button:active{opacity:.9;transform:scale(.96)}.lg-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.lg-button--secondary{background:#78788029;background:var(--fill-secondary)}.lg-button--ghost,.lg-button--secondary{box-shadow:none;color:#007aff;color:var(--system-blue)}.lg-button--ghost{background:#0000}.lg-button--danger{background:linear-gradient(135deg,#ff3b30,#ff2d55);background:var(--gradient-danger)}.lg-button--success{background:linear-gradient(135deg,#30d158,#00c7be);background:var(--gradient-success)}.lg-button--full{width:100%}.lg-input{border:1px solid #3c3c434a;border:1px solid var(--separator);transition:all .35s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-fast) var(--ease-spring)}.lg-input:focus{box-shadow:0 0 0 3px #007aff26}.lg-badge{align-items:center;background:#78788029;background:var(--fill-secondary);border-radius:9999px;border-radius:var(--radius-full);color:#000;color:var(--label-primary);display:inline-flex;font-size:13px;font-weight:600;gap:4px;gap:var(--space-1);padding:4px 12px;padding:var(--space-1) var(--space-3)}.lg-badge--success{background:#30d15826;color:#30d158;color:var(--system-green)}.lg-badge--warning{background:#ff950026;color:#ff9500;color:var(--system-orange)}.lg-badge--danger{background:#ff3b3026;color:#ff3b30;color:var(--system-red)}.lg-badge--info{background:#007aff26;color:#007aff;color:var(--system-blue)}.filter-pills{-webkit-overflow-scrolling:touch;display:flex;gap:8px;gap:var(--space-2);overflow-x:auto;padding-bottom:8px;padding-bottom:var(--space-2);scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{background:#7676801f;background:var(--fill-tertiary);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#000;color:var(--label-primary);cursor:pointer;flex-shrink:0;font-size:15px;font-weight:500;padding:8px 16px;padding:var(--space-2) var(--space-4);transition:all .35s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-fast) var(--ease-spring);white-space:nowrap}.filter-pill--active{background:#007aff;background:var(--system-blue);color:#fff}.filter-pill:active{transform:scale(.95)}.notification{animation:slideDown .6s ease;animation:slideDown .6s var(--ease-smooth);min-width:280px;z-index:2000}.notification.exiting{animation:fadeOut .5s ease forwards;animation:fadeOut .5s var(--ease-smooth) forwards}.notification__content{align-items:center;backdrop-filter:blur(60px) saturate(200%);backdrop-filter:var(--blur-thick);-webkit-backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:var(--blur-thick);background:#ffffff8c;background:var(--glass-bg-thick);border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:40px;border-radius:var(--radius-2xl);box-shadow:0 16px 40px #0000001f;box-shadow:var(--shadow-xl);display:flex;gap:12px;gap:var(--space-3);padding:16px;padding:var(--space-4)}.notification__icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notification--success .notification__icon{background:#30d158;background:var(--system-green);color:#fff}.notification--error .notification__icon{background:#ff3b30;background:var(--system-red);color:#fff}.notification--warning .notification__icon{background:#ff9500;background:var(--system-orange);color:#fff}.notification--info .notification__icon{background:#007aff;background:var(--system-blue);color:#fff}.notification__text{color:#000;color:var(--label-primary);font-size:15px;font-weight:500;letter-spacing:-.2px}@keyframes fadeOut{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-20px) scale(.95)}}.sidebar{backdrop-filter:blur(60px) saturate(200%);backdrop-filter:var(--blur-thick);-webkit-backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:var(--blur-thick);background:linear-gradient(180deg,#0f172afa,#1e293bfa);display:none;height:100vh;height:100dvh;overflow-y:auto;padding-top:calc(24px + env(safe-area-inset-top, 0px));padding-top:calc(var(--space-6) + var(--sat));width:288px}@media (min-width:1024px){.sidebar{display:flex}}.upload-zone{align-items:center;background:#74748014;background:var(--fill-quaternary);border:2px dashed #c7c7cc;border:2px dashed var(--gray-3);border-radius:40px;border-radius:var(--radius-2xl);cursor:pointer;display:flex;flex-direction:column;gap:12px;gap:var(--space-3);justify-content:center;min-height:200px;padding:24px;padding:var(--space-6);position:relative;transition:all .55s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-base) var(--ease-spring);width:100%}.upload-zone:active{transform:scale(.98)}.upload-zone--dragging{background:#007aff0d;border-color:#007aff;border-color:var(--system-blue);border-style:solid}.upload-zone--has-file{background:#30d1580d;border-color:#30d158;border-color:var(--system-green);border-style:solid}.upload-zone__icon{align-items:center;background:#78788029;background:var(--fill-secondary);border-radius:32px;border-radius:var(--radius-xl);color:#007aff;color:var(--system-blue);display:flex;height:56px;justify-content:center;width:56px}.upload-zone--has-file .upload-zone__icon{background:#30d15826;color:#30d158;color:var(--system-green)}.upload-zone__title{color:#000;color:var(--label-primary);font-size:17px;font-weight:600;text-align:center}.upload-zone__subtitle{color:#1c1c1c;color:var(--label-secondary);font-size:13px;text-align:center}.loading-spinner{border:3px solid #78788029;border:3px solid var(--fill-secondary);height:24px;width:24px}.loading-overlay{z-index:3000}.loading-content{backdrop-filter:blur(60px) saturate(200%);backdrop-filter:var(--blur-thick);-webkit-backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:var(--blur-thick);background:#ffffff8c;background:var(--glass-bg-thick);border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:40px;border-radius:var(--radius-2xl);box-shadow:0 24px 56px #00000029;box-shadow:var(--shadow-2xl);padding:32px;padding:var(--space-8);text-align:center}.loading-message{color:#000;color:var(--label-primary);font-size:15px;font-weight:500;margin-top:16px;margin-top:var(--space-4)}.loading-card{backdrop-filter:blur(60px) saturate(200%);backdrop-filter:var(--blur-thick);-webkit-backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:var(--blur-thick);background:#ffffff8c;background:var(--glass-bg-thick);border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:40px;border-radius:var(--radius-2xl);box-shadow:0 24px 56px #00000029;box-shadow:var(--shadow-2xl)}.loading-card__spinner{animation:spin .8s linear infinite;border:4px solid #78788029;border-top-color:#007aff;border:4px solid var(--fill-secondary);border-radius:50%;border-top-color:var(--system-blue);height:48px;margin:0 auto 16px;margin:0 auto var(--space-4);width:48px}.loading-card__text{color:#1c1c1c;color:var(--label-secondary);font-size:15px;font-weight:500}.session-indicator__time{color:#1c1c1c;color:var(--label-secondary);font-size:13px}.session-indicator__time strong{color:#000;color:var(--label-primary);font-weight:600}.session-indicator--warning strong{color:#ff3b30;color:var(--system-red)}.session-indicator__badge{align-items:center;background:#30d15826;border-radius:12px;border-radius:var(--radius-sm);color:#30d158;color:var(--system-green);display:flex;font-size:11px;font-weight:600;gap:4px;gap:var(--space-1);padding:4px 8px;padding:var(--space-1) var(--space-2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease;animation:fadeIn .3s var(--ease-smooth)}.animate-fade-in-up{animation:fadeInUp .4s ease;animation:fadeInUp .4s var(--ease-smooth)}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.68,-.55,.265,1.55);animation:scaleIn .3s var(--ease-bounce)}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid #007aff;outline:2px solid var(--system-blue);outline-offset:2px}@media print{.loading-overlay,.notification,.session-indicator,.sidebar,.tab-bar{display:none!important}.main-content{margin:0;padding:0}.lg-card,.section-card,.stat-card{background:#fff;border:1px solid #e5e5ea;box-shadow:none}}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.truncate,.visually-hidden{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.no-scroll{overflow:hidden}.glass-blur{backdrop-filter:blur(40px) saturate(180%);backdrop-filter:var(--blur-regular);-webkit-backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:var(--blur-regular)}.app-container{background:linear-gradient(135deg,#f2f2f7,#e8f0fe 50%,#ede7f6);background:linear-gradient(135deg,var(--bg-secondary) 0,#e8f0fe 50%,#ede7f6 100%);min-height:100vh;min-height:calc(var(--vh, 1vh)*100)}@media (prefers-color-scheme:dark){.app-container{background:linear-gradient(135deg,#fff,#1a1a2e 50%,#16213e);background:linear-gradient(135deg,var(--bg-primary) 0,#1a1a2e 50%,#16213e 100%)}}.tab-bar-container{backdrop-filter:blur(60px) saturate(200%);backdrop-filter:var(--blur-thick);-webkit-backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:var(--blur-thick);background:#ffffff8c;background:var(--glass-bg-thick);border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:52px;border-radius:var(--radius-3xl);box-shadow:0 16px 40px #0000001f;box-shadow:var(--shadow-xl);margin:0 auto;max-width:420px;padding:8px;padding:var(--space-2)}.tab-item{align-items:center;background:#0000;border:none;border-radius:24px;border-radius:var(--radius-lg);color:#8e8e93;color:var(--gray-1);cursor:pointer;display:flex;flex-direction:column;font-size:10px;font-weight:500;gap:2px;height:44px;justify-content:center;letter-spacing:-.08px;min-width:56px;outline:none;padding:4px 12px;transition:all .35s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-fast) var(--ease-spring);-webkit-user-select:none;user-select:none}.tab-item.active{background:#007aff1f;color:#007aff;color:var(--system-blue)}.tab-item:active{opacity:.7;transform:scale(.9)}.tab-icon{stroke-width:1.8;height:22px;width:22px}.tab-item.active .tab-icon{stroke-width:2.2}.tab-label{font-size:10px;font-weight:500;letter-spacing:-.08px}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);padding:16px;padding:var(--space-4);position:relative}.login-background{inset:0;overflow:hidden;pointer-events:none;position:absolute}.bg-orb{border-radius:50%;filter:blur(60px);opacity:.5;position:absolute}.bg-orb-1{animation:pulse 4s ease-in-out infinite;background:#007aff4d;height:300px;left:-100px;top:-100px;width:300px}.bg-orb-2{animation:pulse 4s ease-in-out 1s infinite;background:#5856d64d;bottom:-100px;height:350px;right:-100px;width:350px}.login-content{max-width:420px;position:relative;width:100%;z-index:1}.login-logo{margin-bottom:32px;margin-bottom:var(--space-8);text-align:center}.logo-icon{align-items:center;border-radius:40px;border-radius:var(--radius-2xl);box-shadow:0 16px 40px #0000001f;box-shadow:var(--shadow-xl);display:flex;height:80px;justify-content:center;margin:0 auto 16px;margin:0 auto var(--space-4);width:80px}.logo-icon,.logo-title{background:linear-gradient(135deg,#007aff,#5856d6);background:var(--gradient-primary)}.logo-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;letter-spacing:-.8px;margin-bottom:4px;margin-bottom:var(--space-1)}.logo-subtitle{color:#1c1c1c;color:var(--label-secondary);font-size:15px}.login-card{padding:32px;padding:var(--space-8)}.login-heading{color:#000;color:var(--label-primary);font-size:22px;font-weight:700;margin-bottom:24px;margin-bottom:var(--space-6);text-align:center}.login-form{gap:16px;gap:var(--space-4)}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px;gap:var(--space-2)}.auto-refresh-option{background:#007aff14;border:1px solid #007aff33;border-radius:24px;border-radius:var(--radius-lg);padding:16px;padding:var(--space-4)}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:12px;gap:var(--space-3)}.checkbox-input{accent-color:#007aff;accent-color:var(--system-blue);height:20px;margin-top:2px;width:20px}.checkbox-content{flex:1 1;flex-direction:column}.checkbox-content,.checkbox-title{display:flex;gap:8px;gap:var(--space-2)}.checkbox-title{align-items:center;color:#000;color:var(--label-primary);font-size:15px;font-weight:600}.checkbox-warning{align-items:center;color:#ff9500;color:var(--system-orange);display:flex;font-size:12px;gap:4px;gap:var(--space-1)}.login-footer{color:#4a4a4a;color:var(--label-tertiary);font-size:13px;margin-top:24px;margin-top:var(--space-6);text-align:center}.dashboard-layout{display:flex;min-height:100vh;min-height:calc(var(--vh, 1vh)*100)}.sidebar{background:linear-gradient(180deg,#1e293b,#0f172a);color:#fff;display:flex;flex-direction:column;height:100%;left:0;padding:24px;padding:var(--space-6);position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.34,1.56,.64,1);transition:transform .3s var(--ease-spring);width:280px;z-index:200}.sidebar-open{transform:translateX(0)}@media (min-width:1024px){.sidebar{transform:translateX(0)}}.sidebar-overlay{background:#00000080;inset:0;position:fixed;z-index:199}@media (min-width:1024px){.sidebar-overlay{display:none}}.sidebar-close{background:#0000;border:none;color:#fff;cursor:pointer;padding:8px;padding:var(--space-2);position:absolute;right:24px;right:var(--space-6);top:24px;top:var(--space-6)}@media (min-width:1024px){.sidebar-close{display:none}}.sidebar-logo{align-items:center;display:flex;gap:12px;gap:var(--space-3);margin-bottom:32px;margin-bottom:var(--space-8)}.sidebar-logo-icon{background:linear-gradient(135deg,#007aff,#5856d6);background:var(--gradient-primary);border-radius:24px}.sidebar-user{background:#ffffff1a;border-radius:32px;border-radius:var(--radius-xl);margin-bottom:24px;margin-bottom:var(--space-6);padding:16px;padding:var(--space-4)}.sidebar-user-info{align-items:center;display:flex;gap:12px;gap:var(--space-3);margin-bottom:12px;margin-bottom:var(--space-3)}.sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,#007aff,#5856d6);background:var(--gradient-primary);border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.sidebar-user-details{flex:1 1;min-width:0}.sidebar-user-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auto-refresh-toggle,.sidebar-user-role{color:#fff9;font-size:12px}.auto-refresh-toggle{background:#ffffff0d;border:none;border-radius:18px;border-radius:var(--radius-md);justify-content:space-between;padding:8px 12px;padding:var(--space-2) var(--space-3);transition:all .35s;transition:all var(--duration-fast);width:100%}.auto-refresh-toggle.active{background:#30d15833;color:#30d158;color:var(--system-green)}.toggle-label{align-items:center;display:flex;gap:8px;gap:var(--space-2)}.toggle-status{font-weight:600}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:16px;gap:var(--space-4);margin-top:12px;margin-top:var(--space-3)}.nav-item{align-items:center;background:#0000;border:none;border-radius:24px;border-radius:var(--radius-lg);color:#ffffffb3;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .35s;transition:all var(--duration-fast);width:100%}.nav-item:hover{background:#ffffff1a}.nav-item-active{background:linear-gradient(135deg,#007aff,#5856d6)!important;background:var(--gradient-primary)!important;box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);color:#fff}.nav-item-icon{height:20px;width:20px}.nav-item-label{flex:1 1}.nav-item-arrow{height:16px;width:16px}.sidebar-logout{align-items:center;background:#ff3b3033;border:none;border-radius:24px;border-radius:var(--radius-lg);color:#ff3b30;color:var(--system-red);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;gap:var(--space-3);justify-content:center;margin-top:auto;padding:12px;padding:var(--space-3);transition:all .35s;transition:all var(--duration-fast);width:100%}.sidebar-logout:hover{background:#ff3b304d}.main-content{flex:1 1;padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(80px + var(--sab))}@media (min-width:1024px){.main-content{margin-left:280px;padding-bottom:24px;padding-bottom:var(--space-6)}}.header{align-items:center;background:#fff;background:var(--bg-primary);border-bottom:1px solid #3c3c434a;border-bottom:1px solid var(--separator);display:flex;gap:16px;gap:var(--space-4);padding:16px 20px;padding:var(--space-4) var(--space-5)}@media (min-width:1024px){.header{padding:20px 24px;padding:var(--space-5) var(--space-6)}}.header-menu-btn{background:#0000;border:none;color:#000;color:var(--label-primary);cursor:pointer;padding:8px;padding:var(--space-2)}@media (min-width:1024px){.header-menu-btn{display:none}}.header-content{flex:1 1}.header-title{color:#000;color:var(--label-primary);font-size:22px;font-weight:700;letter-spacing:-.4px}.header-subtitle{color:#1c1c1c;color:var(--label-secondary);font-size:14px;margin-top:2px}.content-area{padding:16px;padding:var(--space-4)}@media (min-width:1024px){.content-area{padding:24px;padding:var(--space-6)}}.dashboard{display:flex;flex-direction:column;gap:20px;gap:var(--space-5)}.welcome-header{animation:fadeInUp .7s ease .1s backwards;animation:fadeInUp .7s var(--ease-smooth) .1s backwards}.welcome-title{font-size:clamp(24px,6vw,32px);letter-spacing:-.5px;margin-bottom:8px;margin-bottom:var(--space-2);z-index:1}.welcome-subtitle{z-index:1}.last-updated-indicator{align-items:center;background:#74748014;background:var(--fill-quaternary);border:1px solid #3c3c434a;border:1px solid var(--separator);border-radius:9999px;border-radius:var(--radius-full);display:flex;gap:8px;gap:var(--space-2);margin-left:auto;padding:8px 12px;padding:var(--space-2) var(--space-3);transition:all .35s ease;transition:all var(--duration-fast) var(--ease-smooth)}.last-updated-indicator:hover{background:#7676801f;background:var(--fill-tertiary);border-color:#007aff33;transform:scale(1.02)}.last-updated-icon{color:#4a4a4a;color:var(--label-tertiary);flex-shrink:0;height:13px;transition:all .35s ease;transition:all var(--duration-fast) var(--ease-smooth);width:13px}.last-updated-icon.refreshing{animation:rotate 1s linear infinite;color:#007aff;color:var(--system-blue)}.last-updated-text{color:#1c1c1c;color:var(--label-secondary);font-size:12px;font-weight:500;letter-spacing:-.1px;white-space:nowrap}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.last-updated-indicator{margin-left:auto;padding:4px 8px;padding:var(--space-1) var(--space-2)}.last-updated-icon{height:11px;width:11px}.last-updated-text{font-size:11px}}@media (max-width:480px){.last-updated-indicator{display:none}}.stats-grid{grid-gap:12px;grid-gap:var(--space-3);display:grid;gap:12px;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.stats-grid{gap:16px;gap:var(--space-4);grid-template-columns:repeat(4,1fr)}}.stat-card{animation:fadeInUp .4s ease backwards;animation:fadeInUp .4s var(--ease-smooth) backwards;backdrop-filter:blur(40px) saturate(180%);backdrop-filter:var(--blur-regular);-webkit-backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:var(--blur-regular);background:#ffffff73;background:var(--glass-bg);border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);min-width:0;overflow:hidden;padding:16px;padding:var(--space-4)}.stat-icon{align-items:center;border-radius:24px;border-radius:var(--radius-lg);display:flex;height:44px;justify-content:center;margin-bottom:12px;margin-bottom:var(--space-3);width:44px}.stat-icon-blue{background:#007aff26;color:#007aff;color:var(--system-blue)}.stat-icon-purple{background:#5856d626;color:#5856d6;color:var(--system-indigo)}.stat-icon-green{background:#30d15826;color:#30d158;color:var(--system-green)}.stat-icon-orange{background:#ff950026;color:#ff9500;color:var(--system-orange)}.stat-content{min-width:0}.stat-title{color:#1c1c1c;color:var(--label-secondary);font-size:13px;font-weight:500;margin-bottom:4px;margin-bottom:var(--space-1)}.stat-value{color:#000;color:var(--label-primary);font-size:22px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:374px){.stat-card{padding:12px;padding:var(--space-3)}.stat-icon{height:36px;width:36px}.stat-value{font-size:18px}}.lg-card{backdrop-filter:blur(40px) saturate(180%);backdrop-filter:var(--blur-regular);-webkit-backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:var(--blur-regular);background:#ffffff73;background:var(--glass-bg);border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:40px;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a,inset 0 1px 0 #fff9,inset 0 -1px 0 #00000014;box-shadow:var(--shadow-glass);overflow:hidden;padding:20px;padding:var(--space-5)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4)}.card-title{font-size:20px}.card-title,.card-title-lg{color:#000;color:var(--label-primary);font-weight:700}.card-title-lg{font-size:24px;margin-bottom:8px;margin-bottom:var(--space-2)}.card-subtitle{color:#1c1c1c;color:var(--label-secondary);font-size:15px;margin-bottom:24px;margin-bottom:var(--space-6)}.card-action{align-items:center;background:#0000;border:none;color:#007aff;color:var(--system-blue);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:4px;gap:var(--space-1)}.card-header-complex{display:flex;flex-direction:column;gap:16px;gap:var(--space-4);margin-bottom:16px;margin-bottom:var(--space-4)}@media (min-width:640px){.card-header-complex{align-items:center;flex-direction:row;justify-content:space-between}}.card-header-with-icon{align-items:center;display:flex;gap:16px;gap:var(--space-4);margin-bottom:24px;margin-bottom:var(--space-6)}.header-icon{border-radius:40px;border-radius:var(--radius-2xl);color:#fff}.header-icon.purple{background:linear-gradient(135deg,#af52de,#5856d6)}.header-icon.indigo{background:linear-gradient(135deg,#5856d6,#007aff)}.table-container{overflow-y:visible;scrollbar-color:#ffffff40 #0000;scrollbar-color:var(--glass-border) #0000;scrollbar-width:thin;width:100%}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#0000}.table-container::-webkit-scrollbar-thumb{background:#ffffff40;background:var(--glass-border);border-radius:9999px;border-radius:var(--radius-full)}.table-container::-webkit-scrollbar-thumb:hover{background:#fff6;background:var(--glass-border-strong)}.table-wrapper{-webkit-overflow-scrolling:touch;margin:20px -20px;margin:var(--space-5) calc(var(--space-5)*-1);overflow-x:auto;padding:0 20px;padding:0 var(--space-5);position:relative;width:100%}.table-container{animation:tableSlideIn .6s cubic-bezier(.34,1.56,.64,1);animation:tableSlideIn .6s var(--ease-spring);backdrop-filter:blur(40px) saturate(180%);backdrop-filter:var(--blur-regular);-webkit-backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:var(--blur-regular);background:#ffffff59;background:var(--glass-thin);border:1px solid #ffffff26;border:1px solid var(--glass-border-subtle);border-radius:40px;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a,inset 0 1px 0 #fff9,inset 0 -1px 0 #00000014;box-shadow:var(--shadow-glass);overflow:hidden}.data-table{min-width:1200px}.data-table thead:after{background:linear-gradient(90deg,#0000,#007aff 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--system-blue) 50%,#0000 100%);bottom:0;content:"";height:1px;left:0;opacity:.3;position:absolute;right:0}.data-table th{border-bottom:1px solid #ffffff40;border-bottom:1px solid var(--glass-border);color:#000;color:var(--label-primary);padding:16px 20px;padding:var(--space-4) var(--space-5);position:relative}.data-table th:before{background:#007aff;background:var(--system-blue);content:"";height:60%;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .35s ease;transition:opacity var(--duration-fast) var(--ease-smooth);width:3px}.data-table th:hover:before{opacity:1}.data-table tbody tr{animation:rowFadeIn .4s ease backwards;animation:rowFadeIn .4s var(--ease-smooth) backwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;background:var(--glass-ultra-thin);border-bottom:1px solid #ffffff26;border-bottom:1px solid var(--glass-border-subtle);transition:all .35s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-fast) var(--ease-spring)}.data-table tbody tr:nth-child(n+6){animation-delay:.3s}.data-table tbody tr:nth-child(2n){background:#ffffff59;background:var(--glass-thin)}.data-table tbody tr:hover{background:linear-gradient(90deg,#007aff14,#007aff1f 50%,#007aff14);box-shadow:-4px 0 0 #007aff66,0 4px 16px #007aff1a;cursor:pointer;transform:translateX(4px) scale(1.002);z-index:1}.data-table tbody tr:active{background:#007aff26;transform:translateX(4px) scale(.998)}.data-table td{border-bottom:1px solid #ffffff26;border-bottom:1px solid var(--glass-border-subtle);font-size:15px;font-weight:500;padding:16px 20px;padding:var(--space-4) var(--space-5);position:relative;transition:all .35s ease;transition:all var(--duration-fast) var(--ease-smooth)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000)}.data-table td.amount,.data-table td.balance,.data-table td[data-type=number]{font-feature-settings:"tnum";color:#30d158;color:var(--system-green);font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.data-table td .badge{animation:badgeScale .3s cubic-bezier(.34,1.56,.64,1);animation:badgeScale .3s var(--ease-spring)}.table-cell-with-icon{gap:12px;gap:var(--space-3)}.table-icon{align-items:center;background:#007aff1a;border-radius:18px;border-radius:var(--radius-md);color:#007aff;color:var(--system-blue);display:flex;height:32px;justify-content:center;width:32px}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:600;gap:4px;gap:var(--space-1);padding:4px 8px;padding:var(--space-1) var(--space-2)}.badge-success{background:#30d15826;color:#30d158;color:var(--system-green)}.badge-warning{background:#ff950026;color:#ff9500;color:var(--system-orange)}.badge-info{background:#007aff26;color:#007aff;color:var(--system-blue)}.lg-btn{align-items:center;border:none;border-radius:32px;border-radius:var(--radius-xl);cursor:pointer;display:inline-flex;font-size:17px;font-weight:600;gap:8px;gap:var(--space-2);justify-content:center;letter-spacing:-.4px;min-height:44px;min-height:var(--touch-min);padding:0 20px;padding:0 var(--space-5);transition:all .55s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-base) var(--ease-spring);-webkit-user-select:none;user-select:none}.lg-btn:active{transform:scale(.96)}.lg-btn.disabled,.lg-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.lg-btn-primary{background:linear-gradient(135deg,#007aff,#5856d6);background:var(--gradient-primary);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);color:#fff}.lg-btn-secondary{background:#78788029;background:var(--fill-secondary);color:#007aff;color:var(--system-blue)}.lg-input{-webkit-appearance:none;background:#7676801f;background:var(--fill-tertiary);border:1px solid #0000;border-radius:24px;border-radius:var(--radius-lg);font-size:17px;min-height:var(--touch-min);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .35s;transition:all var(--duration-fast)}.lg-input:focus{background:var(--bg-primary);box-shadow:0 0 0 4px #007aff1a}.lg-input::placeholder{color:#4a4a4a;color:var(--label-tertiary)}.notification{animation:slideDown .4s cubic-bezier(.34,1.56,.64,1);animation:slideDown .4s var(--ease-spring);backdrop-filter:blur(60px) saturate(200%);backdrop-filter:var(--blur-thick);-webkit-backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:var(--blur-thick);background:#ffffff8c;background:var(--glass-bg-thick);border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:40px;border-radius:var(--radius-2xl);box-shadow:0 24px 56px #00000029;box-shadow:var(--shadow-2xl);left:50%;max-width:calc(100% - 32px);max-width:calc(100% - var(--space-8));min-width:300px;padding:16px;padding:var(--space-4);position:fixed;top:calc(env(safe-area-inset-top, 0px) + 16px);top:calc(var(--sat) + var(--space-4));transform:translateX(-50%);z-index:9999}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.notification-content{align-items:center;display:flex;gap:12px;gap:var(--space-3)}.notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.notification-success .notification-icon{background:#30d158;background:var(--system-green);color:#fff}.notification-error .notification-icon{background:#ff3b30;background:var(--system-red);color:#fff}.notification-warning .notification-icon{background:#ff9500;background:var(--system-orange);color:#fff}.notification-info .notification-icon{background:#007aff;background:var(--system-blue);color:#fff}.notification-text{color:#000;color:var(--label-primary);font-size:15px;font-weight:500}.session-indicator{align-items:center;backdrop-filter:blur(40px) saturate(180%);backdrop-filter:var(--blur-regular);-webkit-backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:var(--blur-regular);background:#ffffff8c;background:var(--glass-bg-thick);border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:32px;border-radius:var(--radius-xl);bottom:calc(96px + env(safe-area-inset-bottom, 0px));bottom:calc(80px + var(--sab) + var(--space-4));box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow-lg);color:#1c1c1c;color:var(--label-secondary);display:flex;font-size:13px;gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4);position:fixed;right:16px;right:var(--space-4);z-index:100}@media (min-width:1024px){.session-indicator{bottom:16px;bottom:var(--space-4)}}.auto-refresh-badge{align-items:center;background:#30d15826;border-radius:12px;border-radius:var(--radius-sm);color:#30d158;color:var(--system-green);display:flex;font-size:11px;font-weight:600;gap:4px;gap:var(--space-1);padding:4px 8px;padding:var(--space-1) var(--space-2)}.loading-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0000004d;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.loading-card{padding:32px;padding:var(--space-8);text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #78788029;border-top-color:#007aff;border:4px solid var(--fill-secondary);border-radius:50%;border-top-color:var(--system-blue);height:48px;margin:0 auto 16px;margin:0 auto var(--space-4);width:48px}.loading-text{color:#1c1c1c;color:var(--label-secondary);font-size:15px;font-weight:500}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.upload-view{margin:0 auto;max-width:800px}.upload-view .lg-card{margin-top:8px;margin-top:var(--space-2)}.form-section{margin-bottom:24px;margin-bottom:var(--space-6)}.form-label{display:block;font-size:15px}.form-label,.form-label-row{margin-bottom:12px;margin-bottom:var(--space-3)}.form-label-row{align-items:center;display:flex;justify-content:space-between}.bank-grid{grid-gap:12px;grid-gap:var(--space-3);display:grid;gap:12px;gap:var(--space-3);grid-template-columns:1fr}@media (min-width:640px){.bank-grid{grid-template-columns:repeat(3,1fr)}}.bank-option{background:#0000;border:2px solid #c6c6c8;border:2px solid var(--separator-opaque);border-radius:32px;border-radius:var(--radius-xl);cursor:pointer;padding:16px;padding:var(--space-4);text-align:left;transition:all .35s;transition:all var(--duration-fast)}.bank-option-active,.bank-option:hover{border-color:#007aff;border-color:var(--system-blue)}.bank-option-active{background:#007aff14}.bank-name{color:#000;color:var(--label-primary);display:block;font-size:15px;font-weight:600;margin-bottom:4px;margin-bottom:var(--space-1)}.bank-format{color:#1c1c1c;color:var(--label-secondary);display:block;font-size:13px}.file-drop-zone{align-items:center;background:#74748014;background:var(--fill-quaternary);border:2px dashed #c6c6c8;border:2px dashed var(--separator-opaque);border-radius:40px;border-radius:var(--radius-2xl);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:24px;padding:var(--space-6);text-align:center;transition:all .35s;transition:all var(--duration-fast)}.file-drop-zone.dragging,.file-drop-zone:hover{background:#007aff0d;border-color:#007aff;border-color:var(--system-blue)}.file-drop-zone.has-file{background:#30d1580d;border-color:#30d158;border-color:var(--system-green);border-style:solid}.drop-icon{align-items:center;background:#007aff1a;border-radius:32px;border-radius:var(--radius-xl);color:#007aff;color:var(--system-blue);display:flex;height:64px;justify-content:center;margin-bottom:16px;margin-bottom:var(--space-4);width:64px}.drop-icon.success{background:#30d1581a;color:#30d158;color:var(--system-green)}.file-name{color:#000;color:var(--label-primary);font-size:17px;font-weight:600;margin-bottom:4px;margin-bottom:var(--space-1)}.file-size{color:#1c1c1c;color:var(--label-secondary);font-size:14px;margin-bottom:12px;margin-bottom:var(--space-3)}.remove-file{background:#0000;border:none;color:#ff3b30;color:var(--system-red);cursor:pointer;font-size:14px;font-weight:500}.drop-text{color:#000;color:var(--label-primary);font-size:17px;font-weight:600;margin-bottom:8px;margin-bottom:var(--space-2)}.drop-or{color:#1c1c1c;color:var(--label-secondary);font-size:14px;margin-bottom:12px;margin-bottom:var(--space-3)}.browse-btn{cursor:pointer}.drop-hint{color:#4a4a4a;color:var(--label-tertiary);font-size:12px;margin-top:16px;margin-top:var(--space-4)}.btn-loading{align-items:center;display:flex;gap:12px;gap:var(--space-3);justify-content:center}.statements-view{margin:0 auto;max-width:1200px}.search-box{position:relative;width:100%}@media (min-width:640px){.search-box{width:280px}}.search-icon{color:#4a4a4a;color:var(--label-tertiary);height:20px;left:12px;left:var(--space-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-input{-webkit-appearance:none;background:#7676801f;background:var(--fill-tertiary);border:1px solid #0000;border-radius:24px;border-radius:var(--radius-lg);color:#000;color:var(--label-primary);font-size:16px;padding:12px 12px 12px 40px;padding:var(--space-3) var(--space-3) var(--space-3) 40px;width:100%}.search-input:focus{background:#fff;background:var(--bg-primary);border-color:#007aff;border-color:var(--system-blue);outline:none}.filter-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4);overflow-x:auto;padding-bottom:8px;padding-bottom:var(--space-2)}.filter-tab{background:#78788029;background:var(--fill-secondary);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#1c1c1c;color:var(--label-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;padding:var(--space-2) var(--space-4);transition:all .35s;transition:all var(--duration-fast);white-space:nowrap}.filter-tab.active{background:#007aff;background:var(--system-blue);color:#fff}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 0;padding:var(--space-12) 0}.empty-state{color:#4a4a4a;color:var(--label-tertiary)}.empty-icon{height:64px;margin-bottom:16px;margin-bottom:var(--space-4);width:64px}.action-btn{background:#0000;border:none;color:#007aff;color:var(--system-blue);cursor:pointer;padding:8px;padding:var(--space-2)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.role-card{background:#ffffff59;background:var(--glass-bg-thin);text-align:left;transition:all .35s ease;transition:all var(--duration-fast) var(--ease-smooth)}.role-card:hover{background:#ffffff73;background:var(--glass-bg);border-color:#007aff;border-color:var(--system-blue);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm)}.role-card.active{background:#007aff1a;box-shadow:0 0 0 3px #007aff1a}.role-icon{background:#7676801f;background:var(--fill-tertiary);color:#1c1c1c;color:var(--label-secondary);transition:all .35s ease;transition:all var(--duration-fast) var(--ease-smooth)}.role-icon.active{background:#007aff;background:var(--system-blue);color:#fff}.role-icon.active.admin{background:#5856d6;background:var(--system-indigo)}.role-title{font-size:15px;font-weight:600;letter-spacing:-.1px}.label-with-action{margin-bottom:8px;margin-bottom:var(--space-2)}.generate-btn{background:#0000;border:none;border-radius:18px;border-radius:var(--radius-md);display:flex;padding:8px;padding:var(--space-2);transition:all .35s;transition:all var(--duration-fast)}.generate-btn:hover{background:#007aff1a}.input-action{padding:8px;padding:var(--space-2);transition:all .35s;transition:all var(--duration-fast)}.input-action:hover{background:#7676801f;background:var(--fill-tertiary)}.password-strength{margin-top:12px;margin-top:var(--space-3)}.strength-bar{background:#78788029;background:var(--fill-secondary)}.strength-fill{transition:width .3s ease;transition:width .3s var(--ease-smooth)}.strength-fill.weak{background:#ff3b30;background:var(--system-red)}.strength-fill.medium{background:#ff9500;background:var(--system-orange)}.strength-fill.strong{background:#30d158;background:var(--system-green)}.strength-text{font-weight:600}.password-requirements{background:#ffffff59;background:var(--glass-bg-thin);border:1px solid #ffffff26;border:1px solid var(--glass-border-subtle);display:flex;flex-direction:column;padding:12px;padding:var(--space-3)}.requirement{color:#1c1c1c;color:var(--label-secondary);transition:color .35s;transition:color var(--duration-fast)}.password-match{background:#ffffff59;background:var(--glass-bg-thin);border:1px solid #ffffff26;border:1px solid var(--glass-border-subtle);font-size:13px;font-weight:500;margin-top:12px;margin-top:var(--space-3)}.password-match.match{background:#30d15814;border-color:#30d15833}.password-match.no-match{background:#ff3b3014;border-color:#ff3b3033}.form-hint{align-items:flex-start;display:flex;gap:8px;gap:var(--space-2)}.change-password-view{margin:0 auto;max-width:800px}.user-info-banner{background:#007aff14;border:1px solid #007aff33;border-radius:32px;border-radius:var(--radius-xl);gap:var(--space-3);margin-bottom:24px;margin-bottom:var(--space-6);padding:var(--space-4)}.user-avatar{background:#007aff;background:var(--system-blue);height:40px;width:40px}.user-label{color:#1c1c1c;color:var(--label-secondary)}.user-name{color:var(--label-primary);font-size:15px}.password-form{display:flex;flex-direction:column;gap:24px;gap:var(--space-6)}.security-tips{background:#ff950014;border:1px solid #ff950033;border-radius:32px;border-radius:var(--radius-xl);display:flex;gap:12px;gap:var(--space-3);margin-top:24px;margin-top:var(--space-6);padding:16px;padding:var(--space-4)}.tips-icon{color:#ff9500;color:var(--system-orange);flex-shrink:0;height:20px;width:20px}.tips-title{color:#000;color:var(--label-primary);font-size:14px;font-weight:600;margin-bottom:8px;margin-bottom:var(--space-2)}.tips-list{color:#1c1c1c;color:var(--label-secondary);font-size:13px;list-style:none;margin:0;padding:0}.tips-list li{margin-bottom:4px;margin-bottom:var(--space-1)}.desktop-only{display:none}@media (min-width:1024px){.desktop-only{display:flex}}.mobile-only{display:flex}@media (min-width:1024px){.mobile-only{display:none}}.search-header{align-items:center;display:flex;gap:16px;gap:var(--space-4);justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-5)}.search-header .section-title{margin-bottom:0}.filter-toggle-btn{align-items:center;backdrop-filter:blur(20px) saturate(170%);backdrop-filter:var(--blur-thin);-webkit-backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:var(--blur-thin);background:#ffffff73;background:var(--glass-bg);border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--radius-lg);color:#007aff;color:var(--system-blue);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-2);min-height:36px;padding:8px 16px;padding:var(--space-2) var(--space-4);transition:all .35s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-fast) var(--ease-spring);-webkit-user-select:none;user-select:none}.filter-toggle-btn:hover{background:#ffffff73;background:var(--glass-regular);border-color:#fff6;border-color:var(--glass-border-strong);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.filter-toggle-btn:active{transform:translateY(0) scale(.96)}.advanced-filters{backdrop-filter:blur(20px) saturate(170%);backdrop-filter:var(--blur-thin);-webkit-backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:var(--blur-thin);background:#ffffff59;background:var(--glass-bg-thin);border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:32px;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:16px;gap:var(--space-4);overflow:hidden;padding:20px;padding:var(--space-5);transform-origin:top;transition:all .8s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-slow) var(--ease-spring)}.advanced-filters,.advanced-filters.expanded{margin-bottom:20px;margin-bottom:var(--space-5)}.advanced-filters.expanded{max-height:2000px;opacity:1;transform:scaleY(1)}.advanced-filters.collapsed{border-width:0;margin-bottom:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0;transform:scaleY(.95)}.filter-row{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.filter-field{display:flex;flex-direction:column;gap:8px;gap:var(--space-2)}.filter-field label{color:#1c1c1c;color:var(--label-secondary);font-size:13px;font-weight:600;letter-spacing:-.08px}.lg-input{background:#ffffff73;background:var(--glass-bg);border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-md);color:#000;color:var(--label-primary);font-family:inherit;font-size:15px;min-height:44px;padding:0 16px;padding:0 var(--space-4);transition:all .35s ease;transition:all var(--duration-fast) var(--ease-smooth);width:100%}.lg-input:focus{background:#fff;background:var(--bg-elevated);border-color:#007aff;border-color:var(--system-blue);box-shadow:0 0 0 3px #007aff1a;outline:none}.lg-input::placeholder{color:#757575;color:var(--label-quaternary)}.lg-select{-webkit-appearance:none;appearance:none;background:#ffffff73;background:var(--glass-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%238e8e93' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-position:right var(--space-3) center;background-repeat:no-repeat;border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-md);color:#000;color:var(--label-primary);cursor:pointer;font-family:inherit;font-size:15px;min-height:44px;padding:0 16px;padding:0 var(--space-4);padding-right:32px;padding-right:var(--space-8);transition:all .35s ease;transition:all var(--duration-fast) var(--ease-smooth);width:100%}.lg-select:focus{background-color:#fff;background-color:var(--bg-elevated);border-color:#007aff;border-color:var(--system-blue);box-shadow:0 0 0 3px #007aff1a;outline:none}.results-summary{border-bottom:1px solid #3c3c434a;border-bottom:1px solid var(--separator);margin-bottom:16px;margin-bottom:var(--space-4);padding:16px 0;padding:var(--space-4) 0}.results-summary p{color:#1c1c1c;color:var(--label-secondary);font-size:14px;font-weight:500}.pagination{border-top:1px solid #3c3c434a;border-top:1px solid var(--separator);gap:12px;gap:var(--space-3);margin-top:24px;margin-top:var(--space-6);padding-top:20px;padding-top:var(--space-5)}.pagination,.pagination-btn{align-items:center;display:flex;justify-content:center}.pagination-btn{backdrop-filter:blur(20px) saturate(170%);backdrop-filter:var(--blur-thin);-webkit-backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:var(--blur-thin);background:#ffffff73;background:var(--glass-bg);border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-md);color:#007aff;color:var(--system-blue);cursor:pointer;min-height:44px;min-width:44px;padding:0 12px;padding:0 var(--space-3);transition:all .35s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-fast) var(--ease-spring);-webkit-user-select:none;user-select:none}.pagination-btn:hover:not(:disabled){background:#ffffff73;background:var(--glass-regular);border-color:#fff6;border-color:var(--glass-border-strong);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pagination-btn:active:not(:disabled){transform:translateY(0) scale(.96)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#000;color:var(--label-primary);font-size:14px;font-weight:600;padding:0 16px;padding:0 var(--space-4);white-space:nowrap}@media (max-width:768px){.filter-row{grid-template-columns:1fr}.search-header{align-items:flex-start;flex-direction:column}.filter-toggle-btn{justify-content:center;width:100%}.pagination{flex-wrap:wrap;gap:8px;gap:var(--space-2)}.pagination-btn{min-height:40px;min-width:40px}.table-container{border-radius:0;margin:0 -16px;margin:0 calc(var(--space-4)*-1);padding:0 8px;padding:0 var(--space-2)}}.statements-view{max-width:100%;width:100%}.statements-view .section-title{margin-bottom:20px;margin-bottom:var(--space-5)}.statistics-overview{animation:fadeInUp .8s ease .2s backwards;animation:fadeInUp .8s var(--ease-smooth) .2s backwards;backdrop-filter:blur(40px) saturate(180%);backdrop-filter:var(--blur-regular);-webkit-backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:var(--blur-regular);background:#ffffff73;background:var(--glass-regular);border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:40px;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a,inset 0 1px 0 #fff9,inset 0 -1px 0 #00000014;box-shadow:var(--shadow-glass);margin-bottom:24px;margin-bottom:var(--space-6);margin-top:24px;margin-top:var(--space-6);padding:20px;padding:var(--space-5)}.stats-header{align-items:center;border-bottom:1px solid #3c3c434a;border-bottom:1px solid var(--separator);display:flex;gap:12px;gap:var(--space-3);margin-bottom:20px;margin-bottom:var(--space-5);padding-bottom:16px;padding-bottom:var(--space-4)}.stats-header-icon{align-items:center;background:#5856d61a;border-radius:18px;border-radius:var(--radius-md);color:#5856d6;color:var(--system-indigo);display:flex;height:40px;justify-content:center;width:40px}.stats-header-title{color:#000;color:var(--label-primary);font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0}.stats-columns{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.stats-column{display:flex;flex-direction:column;gap:16px;gap:var(--space-4)}.stats-column-title{color:#000;color:var(--label-primary);font-size:16px;font-weight:700;letter-spacing:-.2px;margin:0;padding-bottom:8px;padding-bottom:var(--space-2)}.stats-items{display:flex;flex-direction:column;gap:12px;gap:var(--space-3)}.stats-item{align-items:center;background:#ffffff59;background:var(--glass-bg-thin);border:1px solid #ffffff26;border:1px solid var(--glass-border-subtle);border-radius:24px;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .35s ease;transition:all var(--duration-fast) var(--ease-smooth)}.stats-item:hover{background:#ffffff73;background:var(--glass-bg);border-color:#ffffff40;border-color:var(--glass-border)}.stats-label{color:#1c1c1c;color:var(--label-secondary);font-size:14px;font-weight:500}.stats-value{border-radius:18px;border-radius:var(--radius-md);font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:.3px;padding:4px 12px;padding:var(--space-1) var(--space-3)}.stats-value-blue{background:#007aff1a;color:#007aff;color:var(--system-blue)}.stats-value-green{background:#30d1581a;color:#30d158;color:var(--system-green)}@media (max-width:768px){.statistics-overview{padding:16px;padding:var(--space-4)}.stats-header-title{font-size:18px}.stats-columns{gap:20px;gap:var(--space-5);grid-template-columns:1fr}.stats-column-title{font-size:15px}.stats-item{padding:12px;padding:var(--space-3)}.stats-label{font-size:13px}.stats-value{font-size:15px}}.dashboard-tables-grid{grid-gap:20px;grid-gap:var(--space-5);display:grid;gap:20px;gap:var(--space-5);grid-template-columns:repeat(2,1fr);margin-top:24px;margin-top:var(--space-6)}.dashboard-table-card{animation:fadeInUp .9s ease backwards;animation:fadeInUp .9s var(--ease-smooth) backwards;backdrop-filter:blur(40px) saturate(180%);backdrop-filter:var(--blur-regular);-webkit-backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:var(--blur-regular);background:#ffffff73;background:var(--glass-regular);border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:40px;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a,inset 0 1px 0 #fff9,inset 0 -1px 0 #00000014;box-shadow:var(--shadow-glass);overflow:hidden;padding:20px;padding:var(--space-5)}.dashboard-table-card:first-child{animation-delay:.3s}.dashboard-table-card:nth-child(2){animation-delay:.4s}.table-card-header{align-items:center;display:flex;gap:12px;gap:var(--space-3);margin-bottom:20px;margin-bottom:var(--space-5)}.table-card-icon{align-items:center;background:#007aff1a;border-radius:18px;border-radius:var(--radius-md);color:#007aff;color:var(--system-blue);display:flex;height:40px;justify-content:center;width:40px}.table-card-title{color:#000;color:var(--label-primary);font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0}.dashboard-table-card .table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.dashboard-table-card .data-table{min-width:100%}.table-cell-highlight{color:#000;color:var(--label-primary);font-weight:600}.table-cell-highlight.monospace{font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:14px;letter-spacing:.5px}.table-cell-with-icon{align-items:center;display:flex;gap:8px;gap:var(--space-2)}.table-cell-with-icon .text-secondary{color:#4a4a4a;color:var(--label-tertiary)}.table-badge{align-items:center;background:#007aff1a;border-radius:9999px;border-radius:var(--radius-full);color:#007aff;color:var(--system-blue);display:inline-flex;font-size:13px;font-weight:700;height:28px;justify-content:center;min-width:28px;padding:0 8px;padding:0 var(--space-2)}.table-amount{color:#30d158;color:var(--system-green);font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-weight:600;letter-spacing:.3px}.empty-state-small{padding:32px 16px;padding:var(--space-8) var(--space-4);text-align:center}.empty-state-small p{color:#4a4a4a;color:var(--label-tertiary);font-size:14px;font-weight:500}@media (max-width:1024px){.dashboard-tables-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-table-card{padding:16px;padding:var(--space-4)}.table-card-header{margin-bottom:16px;margin-bottom:var(--space-4)}.table-card-title{font-size:16px}.dashboard-table-card .data-table td,.dashboard-table-card .data-table th{font-size:13px;padding:8px 12px;padding:var(--space-2) var(--space-3)}}.table-container{-webkit-overflow-scrolling:touch;animation:tableSlideIn .8s ease backwards;animation:tableSlideIn .8s var(--ease-smooth) backwards;border-radius:32px;border-radius:var(--radius-xl);margin-top:16px;margin-top:var(--space-4);overflow-x:auto}@keyframes tableSlideIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.data-table{border-collapse:initial;border-spacing:0;width:100%}.data-table thead{backdrop-filter:blur(60px) saturate(200%);backdrop-filter:var(--blur-thick);-webkit-backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:var(--blur-thick);position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table th,.data-table thead{background:#ffffff73;background:var(--glass-regular)}.data-table th{border-bottom:2px solid #3c3c434a;border-bottom:2px solid var(--separator);color:#1c1c1c;color:var(--label-secondary);font-size:13px;font-weight:700;letter-spacing:.8px;padding:16px;padding:var(--space-4);text-align:left;text-transform:uppercase;white-space:nowrap}.data-table th:hover{color:#000;color:var(--label-primary)}.data-table tbody tr{animation:rowFadeIn .6s ease backwards;animation:rowFadeIn .6s var(--ease-smooth) backwards;border-bottom:1px solid #3c3c434a;border-bottom:1px solid var(--separator);transition:all .35s ease;transition:all var(--duration-fast) var(--ease-smooth)}.data-table tbody tr:first-child{animation-delay:.05s}.data-table tbody tr:nth-child(2){animation-delay:.1s}.data-table tbody tr:nth-child(3){animation-delay:.15s}.data-table tbody tr:nth-child(4){animation-delay:.2s}.data-table tbody tr:nth-child(5){animation-delay:.25s}.data-table tbody tr:nth-child(6){animation-delay:.3s}.data-table tbody tr:nth-child(7){animation-delay:.35s}.data-table tbody tr:nth-child(8){animation-delay:.4s}.data-table tbody tr:nth-child(9){animation-delay:.45s}.data-table tbody tr:nth-child(10){animation-delay:.5s}.data-table tbody tr:nth-child(n+11){animation-delay:.55s}@keyframes rowFadeIn{0%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}.data-table tbody tr:hover{background:#ffffff59;background:var(--glass-bg-thin);box-shadow:-4px 0 0 #007aff;box-shadow:-4px 0 0 var(--system-blue);transform:translateX(4px)}.data-table td{color:#000;color:var(--label-primary);font-size:14px;padding:16px;padding:var(--space-4);vertical-align:middle;white-space:nowrap}.data-table td:first-child{color:#007aff;color:var(--system-blue);font-weight:600}.data-table .badge{animation:badgeScale .5s ease backwards;animation:badgeScale .5s var(--ease-smooth) backwards}@keyframes badgeScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.data-table td,.data-table th{font-size:13px;padding:12px;padding:var(--space-3)}}.token-timer{animation:fadeInUp .6s ease backwards;animation:fadeInUp .6s var(--ease-smooth) backwards;backdrop-filter:blur(60px) saturate(200%);backdrop-filter:var(--blur-thick);-webkit-backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:var(--blur-thick);background:#ffffff8c;background:var(--glass-bg-thick);border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a,inset 0 1px 0 #fff9,inset 0 -1px 0 #00000014;box-shadow:var(--shadow-glass);left:auto;padding:8px 12px;padding:var(--space-2) var(--space-3);position:fixed;right:12px;right:var(--space-3);top:calc(env(safe-area-inset-top, 0px) + 8px);top:calc(var(--sat) + var(--space-2));transition:all .35s ease;transition:all var(--duration-fast) var(--ease-smooth);z-index:150}@media (min-width:1024px){.token-timer{bottom:16px;bottom:var(--space-4);left:auto;right:16px;right:var(--space-4);top:auto}}.token-timer-content{align-items:center;display:flex;gap:12px;gap:var(--space-3);position:relative;z-index:1}.token-timer-icon{align-items:center;background:#007aff26;border-radius:50%;color:#007aff;color:var(--system-blue);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .35s ease;transition:all var(--duration-fast) var(--ease-smooth);width:36px}.token-timer-info{display:flex;flex-direction:column;gap:4px;gap:var(--space-1);min-width:90px}.token-timer-label{color:#1c1c1c;color:var(--label-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;line-height:1;text-transform:uppercase}.token-timer-time{color:#000;color:var(--label-primary);font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:17px;font-weight:700;letter-spacing:.3px;line-height:1}.token-timer--warning{animation:slideInWarning .5s cubic-bezier(.34,1.56,.64,1);animation:slideInWarning .5s var(--ease-spring);background:#ff95001a;border-color:#ff95004d}.token-timer--warning .token-timer-icon{background:#ff950033}.token-timer--warning .token-timer-icon,.token-timer--warning .token-timer-time{color:#ff9500;color:var(--system-orange)}@keyframes slideInWarning{0%{opacity:.8;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.token-timer--auto-refresh{animation:slideInAutoRefresh .6s cubic-bezier(.34,1.56,.64,1);animation:slideInAutoRefresh .6s var(--ease-spring);background:#30d1581f;border-color:#30d1584d}.token-timer--auto-refresh .token-timer-icon{background:#30d15833;color:#30d158;color:var(--system-green)}.token-timer--auto-refresh .token-timer-label,.token-timer--auto-refresh .token-timer-time{color:#30d158;color:var(--system-green)}.token-timer-refresh-icon{animation:rotateRefresh 2s linear infinite}@keyframes rotateRefresh{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideInAutoRefresh{0%{opacity:.8;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.token-timer--critical{animation:criticalPulse 2s ease-in-out infinite;background:#ff3b301f;border-color:#ff3b3066}.token-timer--critical .token-timer-icon{animation:iconShake .5s cubic-bezier(.34,1.56,.64,1);animation:iconShake .5s var(--ease-spring);background:#ff3b3033;color:#ff3b30;color:var(--system-red)}.token-timer--critical .token-timer-label,.token-timer--critical .token-timer-time{color:#ff3b30;color:var(--system-red)}@keyframes criticalPulse{0%,to{box-shadow:0 0 0 0 #ff3b3066,0 8px 32px #00000014,0 4px 16px #0000000a,inset 0 1px 0 #fff9,inset 0 -1px 0 #00000014;box-shadow:0 0 0 0 #ff3b3066,var(--shadow-glass)}50%{box-shadow:0 0 0 8px #ff3b3000,0 16px 48px #0000001f,0 8px 24px #00000014,inset 0 2px 0 #ffffffb3,inset 0 -2px 0 #0000001a;box-shadow:0 0 0 8px #ff3b3000,var(--shadow-glass-elevated)}}@keyframes iconShake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.token-timer-pulse{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#ff3b304d 0,#0000 70%);border-radius:32px;border-radius:var(--radius-xl);height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@keyframes pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}.token-timer--expired{background:#ff3b3026;border-color:#ff3b3080}.token-timer--expired .token-timer-icon{background:#ff3b30;background:var(--system-red);color:#fff}.token-timer--expired .token-timer-time{color:#ff3b30;color:var(--system-red);font-size:14px}.token-timer:hover{box-shadow:0 16px 48px #0000001f,0 8px 24px #00000014,inset 0 2px 0 #ffffffb3,inset 0 -2px 0 #0000001a;box-shadow:var(--shadow-glass-elevated);transform:translateY(-2px)}@media (max-width:768px){.token-timer{padding:8px 12px;padding:var(--space-2) var(--space-3)}.token-timer-icon{height:32px;width:32px}.token-timer-info{min-width:80px}.token-timer-label{font-size:10px}.token-timer-time{font-size:15px}}.user-management-view{animation:fadeInUp .7s ease backwards;animation:fadeInUp .7s var(--ease-smooth) backwards;margin:0 auto;max-width:800px}.user-form{gap:24px;gap:var(--space-6);margin-top:24px;margin-top:var(--space-6)}.form-section,.user-form{display:flex;flex-direction:column}.form-section{gap:8px;gap:var(--space-2)}.form-label{color:#000;color:var(--label-primary);font-size:14px;font-weight:600;letter-spacing:-.2px}.required{color:#ff3b30;color:var(--system-red);margin-left:2px}.label-with-action{align-items:center;display:flex;justify-content:space-between}.generate-btn{align-items:center;background:#007aff1a;border:1px solid #007aff33;border-radius:24px;border-radius:var(--radius-lg);color:#007aff;color:var(--system-blue);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-2);padding:8px 12px;padding:var(--space-2) var(--space-3);transition:all .35s ease;transition:all var(--duration-fast) var(--ease-smooth)}.generate-btn:hover{background:#007aff26;border-color:#007aff4d;transform:translateY(-1px)}.generate-btn:active{transform:translateY(0) scale(.98)}.role-selection{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.role-card{align-items:center;backdrop-filter:blur(40px) saturate(180%);backdrop-filter:var(--blur-regular);-webkit-backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:var(--blur-regular);background:#ffffff73;background:var(--glass-bg);border:2px solid #ffffff40;border:2px solid var(--glass-border);border-radius:32px;border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:12px;gap:var(--space-3);overflow:hidden;padding:16px;padding:var(--space-4);position:relative;transition:all .55s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-base) var(--ease-spring)}.role-card:hover{background:#ffffff8c;background:var(--glass-bg-thick);border-color:#007aff4d;box-shadow:0 16px 48px #0000001f,0 8px 24px #00000014,inset 0 2px 0 #ffffffb3,inset 0 -2px 0 #0000001a;box-shadow:var(--shadow-glass-elevated);transform:translateY(-2px)}.role-card.active{background:#007aff14;border-color:#007aff;border-color:var(--system-blue);box-shadow:0 0 0 4px #007aff1a,0 8px 32px #00000014,0 4px 16px #0000000a,inset 0 1px 0 #fff9,inset 0 -1px 0 #00000014;box-shadow:0 0 0 4px #007aff1a,var(--shadow-glass)}.role-icon{align-items:center;background:#007aff1a;border-radius:24px;border-radius:var(--radius-lg);color:#007aff99;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .55s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-base) var(--ease-spring);width:44px}.role-icon.active{animation:iconBounce .6s cubic-bezier(.34,1.56,.64,1);animation:iconBounce .6s var(--ease-spring);background:#007aff26;color:#007aff;color:var(--system-blue)}.role-icon.admin{background:#5856d61a;color:#5856d699}.role-icon.active.admin{background:#5856d626;color:#5856d6;color:var(--system-indigo)}.role-info{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--space-1)}.role-title{color:#000;color:var(--label-primary);font-size:16px;font-weight:700;letter-spacing:-.3px}.form-hint,.role-description{color:#1c1c1c;color:var(--label-secondary);font-size:13px}.form-hint{background:#007aff0d;border-left:3px solid #007aff;border-left:3px solid var(--system-blue);margin-top:8px;margin-top:var(--space-2);padding:12px;padding:var(--space-3)}.input-with-actions{align-items:center;display:flex;gap:8px;gap:var(--space-2);position:relative}.input-with-actions .lg-input{flex:1 1;padding-right:106px;padding-right:calc(var(--space-4) + 90px)}.input-action{align-items:center;background:#0000;border:none;border-radius:18px;border-radius:var(--radius-md);color:#4a4a4a;color:var(--label-tertiary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:8px;right:var(--space-2);transition:all .35s ease;transition:all var(--duration-fast) var(--ease-smooth);width:40px}.input-action:hover{background:#74748014;background:var(--fill-quaternary);color:#000;color:var(--label-primary)}.input-action:active{transform:scale(.95)}.input-action:first-of-type{right:56px;right:calc(var(--space-2) + 48px)}.password-strength{align-items:center;display:flex;gap:12px;gap:var(--space-3);margin-top:8px;margin-top:var(--space-2)}.strength-bar{background:#74748014;background:var(--fill-quaternary);flex:1 1;height:6px}.strength-bar,.strength-fill{border-radius:9999px;border-radius:var(--radius-full);overflow:hidden;position:relative}.strength-fill{height:100%;transition:all .8s ease;transition:all var(--duration-slow) var(--ease-smooth)}.strength-fill:after{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.strength-fill.weak{background:linear-gradient(90deg,#ff3b30,#ff6b5a)}.strength-fill.medium{background:linear-gradient(90deg,#ff9500,#ffb340)}.strength-fill.strong{background:linear-gradient(90deg,#30d158,#5ee17a)}.strength-text{font-size:13px;font-weight:700;letter-spacing:.3px;min-width:70px;text-align:right;text-transform:uppercase}.strength-text.weak{color:#ff3b30;color:var(--system-red)}.strength-text.medium{color:#ff9500;color:var(--system-orange)}.strength-text.strong{color:#30d158;color:var(--system-green)}.password-requirements{grid-gap:8px;grid-gap:var(--space-2);background:#74748014;background:var(--fill-quaternary);border-radius:24px;border-radius:var(--radius-lg);display:grid;gap:8px;gap:var(--space-2);grid-template-columns:repeat(2,1fr);margin-top:12px;margin-top:var(--space-3);padding:16px;padding:var(--space-4)}.requirement{align-items:center;color:#4a4a4a;color:var(--label-tertiary);display:flex;font-size:13px;gap:8px;gap:var(--space-2);transition:all .35s ease;transition:all var(--duration-fast) var(--ease-smooth)}.requirement.met,.requirement.met svg{color:#30d158;color:var(--system-green)}.requirement:not(.met) svg{color:#757575;color:var(--label-quaternary)}.requirement svg{flex-shrink:0;height:16px;width:16px}.password-match{align-items:center;animation:fadeInUp .3s ease;animation:fadeInUp .3s var(--ease-smooth);border-radius:24px;border-radius:var(--radius-lg);display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-2);margin-top:8px;margin-top:var(--space-2);padding:12px;padding:var(--space-3)}.password-match.match{background:#30d1581a;border:1px solid #30d15833;color:#30d158;color:var(--system-green)}.password-match.no-match{background:#ff3b301a;border:1px solid #ff3b3033;color:#ff3b30;color:var(--system-red)}.password-match svg{flex-shrink:0;height:18px;width:18px}.header-icon-wrapper{align-items:center;display:flex;gap:16px;gap:var(--space-4)}.header-icon{align-items:center;animation:iconBounce .6s cubic-bezier(.34,1.56,.64,1);animation:iconBounce .6s var(--ease-spring);background:linear-gradient(135deg,#007aff,#5856d6);background:var(--gradient-primary);border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 8px 16px #007aff4d;display:flex;height:64px;justify-content:center;width:64px}.section-title{color:#000;color:var(--label-primary);font-size:28px;font-weight:800;letter-spacing:-.6px;margin:0}.section-subtitle{color:#1c1c1c;color:var(--label-secondary);font-size:15px;margin:4px 0 0;margin:var(--space-1) 0 0 0}@media (max-width:768px){.password-requirements,.role-selection{grid-template-columns:1fr}.header-icon-wrapper{gap:12px;gap:var(--space-3)}.header-icon{height:56px;width:56px}.section-title{font-size:24px}.input-with-actions .lg-input{padding-right:96px;padding-right:calc(var(--space-4) + 80px)}}.refresh-controls{animation:slideUp .6s cubic-bezier(.34,1.56,.64,1);animation:slideUp .6s var(--ease-spring);backdrop-filter:blur(40px) saturate(180%);backdrop-filter:var(--blur-regular);-webkit-backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:var(--blur-regular);background:#ffffff59;background:var(--glass-thin);border:1px solid #ffffff40;border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000000a,0 2px 8px #00000005,inset 0 1px 0 #ffffff80,inset 0 -1px 0 #0000000d;box-shadow:var(--shadow-glass-subtle);justify-content:space-between;margin:24px auto;margin:var(--space-6) auto;max-width:var(--content-max-width);padding:16px;padding:var(--space-4)}.refresh-controls,.refresh-controls-left{align-items:center;display:flex;gap:16px;gap:var(--space-4)}.refresh-controls-left{flex:1 1}.refresh-controls-right{align-items:center;display:flex;gap:12px;gap:var(--space-3)}.refresh-btn{align-items:center;background:#007aff;background:var(--system-blue);border:none;border-radius:18px;border-radius:var(--radius-md);box-shadow:0 2px 8px #007aff40;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-2);padding:8px 16px;padding:var(--space-2) var(--space-4);transition:all .35s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-fast) var(--ease-spring);white-space:nowrap}.refresh-btn:hover{background:#409cff;background:var(--system-blue-light);box-shadow:0 4px 12px #007aff59;transform:translateY(-2px)}.refresh-btn:active{box-shadow:0 1px 4px #007aff33;transform:translateY(0) scale(.97)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.refresh-btn.refreshing{background:#409cff;background:var(--system-blue-light);cursor:wait}.refresh-btn .spinning{animation:rotate 1s linear infinite}.last-refresh-time{align-items:center;background:#74748014;background:var(--fill-quaternary);border:1px solid #3c3c434a;border:1px solid var(--separator);border-radius:18px;border-radius:var(--radius-md);color:#1c1c1c;color:var(--label-secondary);display:flex;font-size:13px;gap:8px;gap:var(--space-2);padding:8px 12px;padding:var(--space-2) var(--space-3);white-space:nowrap}.last-refresh-time svg{flex-shrink:0;opacity:.7}.auto-refresh-toggle{align-items:center;background:#74748014;background:var(--fill-quaternary);border:1px solid #3c3c434a;border:1px solid var(--separator);border-radius:9999px;border-radius:var(--radius-full);color:#1c1c1c;color:var(--label-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:12px;gap:var(--space-3);padding:8px 16px;padding:var(--space-2) var(--space-4);transition:all .35s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-fast) var(--ease-spring);white-space:nowrap}.auto-refresh-toggle:hover{background:#7676801f;background:var(--fill-tertiary);transform:scale(1.02)}.auto-refresh-toggle:active{transform:scale(.98)}.auto-refresh-toggle.active{background:#30d158;background:var(--system-green);border-color:#30d158;border-color:var(--system-green);box-shadow:0 2px 8px #30d1584d;color:#fff}.auto-refresh-toggle.active:hover{background:color-mix(in srgb,#30d158 90%,#fff);background:color-mix(in srgb,var(--system-green) 90%,#fff);box-shadow:0 4px 12px #30d15866}.auto-refresh-toggle-track{background:#3c3c434a;background:var(--separator);border-radius:9999px;border-radius:var(--radius-full);flex-shrink:0;height:24px;position:relative;transition:all .35s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-fast) var(--ease-spring);width:42px}.auto-refresh-toggle.active .auto-refresh-toggle-track{background:#ffffff4d}.auto-refresh-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:2px;position:absolute;top:2px;transition:all .35s cubic-bezier(.34,1.56,.64,1);transition:all var(--duration-fast) var(--ease-spring);width:20px}.auto-refresh-toggle.active .auto-refresh-toggle-thumb{box-shadow:0 2px 6px #0000004d;left:calc(100% - 22px)}.auto-refresh-label{font-size:13px;font-weight:600}@media (max-width:768px){.refresh-controls{flex-direction:column;gap:12px;gap:var(--space-3)}.refresh-controls-left,.refresh-controls-right{justify-content:space-between;width:100%}.last-refresh-time,.refresh-btn{flex:1 1;justify-content:center}.last-refresh-time{text-align:center}.auto-refresh-toggle{justify-content:space-between;width:100%}}@media (max-width:480px){.refresh-controls{padding:12px;padding:var(--space-3)}.last-refresh-time,.refresh-btn{font-size:12px;padding:8px;padding:var(--space-2)}.auto-refresh-toggle{font-size:12px;padding:8px 12px;padding:var(--space-2) var(--space-3)}.last-refresh-time span{max-width:150px;overflow:hidden;text-overflow:ellipsis}}:root,[data-theme=light]{--bg-primary:#f2f2f7;--bg-secondary:#fff;--bg-tertiary:#f9f9f9;--label-primary:#000;--label-secondary:#3c3c43;--label-tertiary:#48484a;--separator:#3c3c431f;--system-blue:#007aff;--system-green:#34c759;--system-red:#ff3b30;--system-orange:#ff9500;--system-purple:#af52de;--system-gray:#8e8e93;--glass-bg:#ffffff73;--glass-bg-thick:#ffffff8c;--glass-bg-thin:#ffffff59;--glass-border:#fff9;--card-bg:#ffffff80;--shadow-glass:0 8px 32px #00000014,0 4px 16px #0000000a,inset 0 1px 0 #fffc,inset 0 -1px 0 #0000000a}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--label-primary:#fff;--label-secondary:#ebebf5;--label-tertiary:#ebebf599;--separator:#545458a6;--system-blue:#0a84ff;--system-green:#30d158;--system-red:#ff453a;--system-orange:#ff9f0a;--system-purple:#bf5af2;--system-gray:#98989d;--glass-bg:#1e1e2073;--glass-bg-thick:#28282a8c;--glass-bg-thin:#19191b59;--glass-border:#ffffff26;--card-bg:#2c2c2e80;--shadow-glass:0 8px 32px #00000080,0 4px 16px #0006,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0006}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--label-primary:#fff;--label-secondary:#ebebf5;--label-tertiary:#ebebf599;--separator:#545458a6;--system-blue:#0a84ff;--system-green:#30d158;--system-red:#ff453a;--system-orange:#ff9f0a;--system-purple:#bf5af2;--system-gray:#98989d;--glass-bg:#1e1e2073;--glass-bg-thick:#28282a8c;--glass-bg-thin:#19191b59;--glass-border:#ffffff26;--card-bg:#2c2c2e80;--shadow-glass:0 8px 32px #00000080,0 4px 16px #0006,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0006}}@media (max-width:1023px){.header{display:none!important}.main-content{padding-top:0!important}.content-area{padding-top:8px!important;padding-top:var(--space-2,8px)!important}}@media (min-width:1024px){.header,.header-menu-btn{display:none!important}}@media (max-width:1023px){.welcome-header{border-radius:0 0 32px 32px!important;border-radius:0 0 var(--radius-3xl,32px) var(--radius-3xl,32px)!important;margin:0 0 16px!important;margin-bottom:var(--space-4,16px)!important;margin-left:-16px!important;margin-left:calc(var(--space-4, 16px)*-1)!important;margin-right:-16px!important;margin-right:calc(var(--space-4, 16px)*-1)!important;padding:calc(32px + env(safe-area-inset-top, 20px)) 20px 24px!important;padding:calc(var(--space-8, 32px) + env(safe-area-inset-top, 20px)) var(--space-5,20px) var(--space-6,24px)!important;width:calc(100% + 32px)!important;width:calc(100% + var(--space-4, 16px)*2)!important}.dashboard{padding-top:0!important}}.welcome-header{background:linear-gradient(135deg,#007aff,#5856d6 50%,#af52de);border-radius:24px;border-radius:var(--radius-2xl,24px);box-shadow:0 12px 32px #007aff4d,0 6px 16px #5856d633,inset 0 1px 0 #ffffff40;margin-bottom:24px;margin-bottom:var(--space-6,24px);overflow:hidden;padding:24px;padding:var(--space-6,24px);position:relative}.welcome-header:before{background:radial-gradient(circle at 30% 30%,#ffffff40 0,#0000 50%),radial-gradient(circle at 70% 70%,#ffffff26 0,#0000 40%),linear-gradient(180deg,#ffffff26,#0000 50%);content:"";inset:0}.welcome-header:before,.welcome-orb{pointer-events:none;position:absolute}.welcome-orb{background:radial-gradient(circle,#fff3 0,#0000 70%);border-radius:50%;filter:blur(40px);height:200px;right:-10%;top:-30%;width:200px}.welcome-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px;margin:0 0 var(--space-2,8px) 0;position:relative;text-shadow:0 2px 10px #0000001a}.welcome-subtitle{color:#ffffffd9;font-size:15px;margin:0;position:relative}.settings-view{margin:0 auto;max-width:600px}.settings-section{margin-bottom:24px;margin-bottom:var(--space-6,24px)}.settings-section-title{color:#3c3c43;color:var(--label-secondary,#3c3c43);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--space-2,8px);padding:0 16px;padding:0 var(--space-4,16px);text-transform:uppercase}.settings-group{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff80;background:var(--card-bg,#fffc);border:1px solid #fff9;border:1px solid var(--glass-border,#ffffff80);border-radius:16px;border-radius:var(--radius-xl,16px);overflow:hidden}.settings-item{align-items:center;background:#0000;border:none;border-bottom:1px solid #3c3c431f;border-bottom:1px solid var(--separator,#3c3c431f);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px);text-align:left;transition:background-color .2s ease;width:100%}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:#00000008}[data-theme=dark] .settings-item:hover{background:#ffffff0d}.settings-item:active{background:#00000014}.settings-item-left{align-items:center;display:flex;flex:1 1;gap:12px;gap:var(--space-3,12px)}.settings-item-icon{align-items:center;border-radius:8px;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.settings-item-icon.purple{background:linear-gradient(135deg,#af52de,#8e44ad)}.settings-item-icon.orange{background:linear-gradient(135deg,#ff9500,#ff6b00)}.settings-item-icon.green{background:linear-gradient(135deg,#34c759,#28a745)}.settings-item-icon.blue{background:linear-gradient(135deg,#007aff,#0056b3)}.settings-item-icon.gray{background:linear-gradient(135deg,#8e8e93,#636366)}.settings-item-icon.red{background:linear-gradient(135deg,#ff3b30,#dc3545)}.settings-item-content{display:flex;flex-direction:column;gap:2px}.settings-item-title{color:#000;color:var(--label-primary,#000);font-size:16px;font-weight:500}.settings-item-subtitle{color:#3c3c43;color:var(--label-secondary,#3c3c43);font-size:13px}.settings-item-right{align-items:center;display:flex;gap:8px;gap:var(--space-2,8px)}.settings-item-value{color:#3c3c43;color:var(--label-secondary,#3c3c43);font-size:15px}.settings-item-chevron{color:#48484a;color:var(--label-tertiary,#48484a);opacity:.5}.ios-toggle{background:#48484a;background:var(--label-tertiary,#e9e9eb);border:none;border-radius:16px;cursor:pointer;flex-shrink:0;height:31px;padding:0;position:relative;transition:background-color .3s ease;width:51px}.ios-toggle.active{background:#34c759;background:var(--system-green,#34c759)}.ios-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:27px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:27px}.ios-toggle.active .ios-toggle-thumb{transform:translateX(20px)}.appearance-picker{align-items:flex-end;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.appearance-picker-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0006;inset:0;position:absolute}.appearance-picker-content{animation:slideUp .3s ease;background:#fff;background:var(--bg-secondary,#fff);border-radius:24px 24px 0 0;border-radius:var(--radius-2xl,24px) var(--radius-2xl,24px) 0 0;max-width:400px;padding-bottom:env(safe-area-inset-bottom,20px);position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.appearance-picker-header{align-items:center;border-bottom:1px solid #3c3c431f;border-bottom:1px solid var(--separator,#3c3c431f);display:flex;justify-content:space-between;padding:16px;padding:var(--space-4,16px)}.appearance-picker-title{color:#000;color:var(--label-primary,#000);font-size:17px;font-weight:600;margin:0}.appearance-picker-close{align-items:center;background:#f9f9f9;background:var(--bg-tertiary,#f9f9f9);border:none;border-radius:50%;color:#3c3c43;color:var(--label-secondary,#3c3c43);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.appearance-picker-options{display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px);padding:16px;padding:var(--space-4,16px)}.appearance-option{align-items:center;background:#f9f9f9;background:var(--bg-tertiary,#f9f9f9);border:2px solid #0000;border-radius:12px;border-radius:var(--radius-lg,12px);cursor:pointer;display:flex;gap:12px;gap:var(--space-3,12px);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px);text-align:left;transition:all .2s ease;width:100%}.appearance-option:hover{background:#3c3c431f;background:var(--separator,#3c3c431f)}.appearance-option.selected{background:#007aff14;border-color:#007aff;border-color:var(--system-blue,#007aff)}.appearance-option-icon{align-items:center;border-radius:12px;display:flex;height:44px;justify-content:center;width:44px}.appearance-option-icon.system{background:linear-gradient(135deg,#8e8e93,#636366);color:#fff}.appearance-option-icon.light{background:linear-gradient(135deg,#ffd60a,#ff9500);color:#fff}.appearance-option-icon.dark{background:linear-gradient(135deg,#1c1c1e,#3a3a3c);color:#fff}.appearance-option-label{color:#000;color:var(--label-primary,#000);flex:1 1;font-size:16px;font-weight:500}.user-info-banner{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff80;background:var(--card-bg,#fffc);border:1px solid #fff9;border:1px solid var(--glass-border,#ffffff80);border-radius:16px;border-radius:var(--radius-xl,16px);gap:12px;gap:var(--space-3,12px);padding:16px;padding:var(--space-4,16px)}.user-avatar,.user-info-banner{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#007aff,#5856d6);background:linear-gradient(135deg,var(--system-blue),#5856d6);border-radius:50%;color:#fff;height:48px;justify-content:center;width:48px}.user-label{color:#3c3c43;color:var(--label-secondary,#3c3c43);font-size:13px;margin:0 0 2px}.user-name{color:#000;color:var(--label-primary,#000);font-size:17px;font-weight:600;margin:0}.settings-group .password-form{display:flex;flex-direction:column;gap:16px;gap:var(--space-4,16px)}.settings-group .form-group{margin-bottom:0}.settings-group .input-wrapper{align-items:center;display:flex;position:relative}.settings-group .input-wrapper .input-icon{color:#3c3c43;color:var(--label-secondary,#3c3c43);left:12px;left:var(--space-3,12px);pointer-events:none;position:absolute;z-index:1}.settings-group .input-wrapper .lg-input{padding-left:44px;padding-left:calc(var(--space-3, 12px) + 24px + var(--space-2, 8px));padding-right:44px;padding-right:calc(var(--space-3, 12px) + 24px + var(--space-2, 8px))}.settings-group .input-wrapper .input-action{align-items:center;background:none;border:none;border-radius:8px;color:#3c3c43;color:var(--label-secondary,#3c3c43);cursor:pointer;display:flex;justify-content:center;padding:8px;padding:var(--space-2,8px);position:absolute;right:8px;right:var(--space-2,8px);transition:background-color .2s ease}.settings-group .input-wrapper .input-action:hover{background:#0000000d}.settings-group .security-tips{background:#ff95001a;border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;gap:12px;gap:var(--space-3,12px);margin-top:16px;margin-top:var(--space-4,16px);padding:12px;padding:var(--space-3,12px)}.settings-group .security-tips .tips-icon{color:#ff9500;color:var(--system-orange,#ff9500);flex-shrink:0;height:20px;width:20px}.settings-group .security-tips .tips-title{color:#000;color:var(--label-primary,#000);font-size:14px;font-weight:600;margin:0 0 4px;margin:0 0 var(--space-1,4px) 0}.settings-group .security-tips .tips-list{color:#3c3c43;color:var(--label-secondary,#3c3c43);font-size:13px;list-style:none;margin:0;padding:0}.settings-group .security-tips .tips-list li{margin-bottom:2px}[data-theme=dark] .settings-group{background:#2c2c2ecc;border-color:#ffffff1a}[data-theme=dark] .appearance-picker-content{background:#fff;background:var(--bg-secondary,#1c1c1e)}[data-theme=dark] .appearance-option{background:#f9f9f9;background:var(--bg-tertiary,#2c2c2e)}[data-theme=dark] .user-info-banner{background:#2c2c2ecc;border-color:#ffffff1a}[data-theme=dark] .ios-toggle:not(.active){background:#78788052}@media (min-width:768px){.appearance-picker-content{border-radius:24px;border-radius:var(--radius-2xl,24px);margin:auto auto 32px;margin-bottom:var(--space-8,32px);max-width:360px}}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--fill-secondary) 0,var(--fill-tertiary) 50%,var(--fill-secondary) 100%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card{min-height:200px;padding:var(--space-5)}.skeleton-title{margin-bottom:var(--space-3)}.skeleton-subtitle{margin-bottom:var(--space-6)}.skeleton-content{margin-top:var(--space-4)}.skeleton-stat-card{align-items:center;display:flex;gap:var(--space-3);padding:var(--space-4)}.skeleton-stat-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2)}.skeleton-table{overflow-x:auto;width:100%}.skeleton-table-row td{border-bottom:1px solid var(--separator);padding:var(--space-4)}.dashboard-skeleton{display:flex;flex-direction:column;gap:var(--space-5)}.skeleton-welcome-header{background:var(--gradient-hero);border-radius:var(--radius-3xl);margin-bottom:var(--space-4);padding:var(--space-6)}.skeleton-welcome-title{margin-bottom:var(--space-2)}.upload-view-skeleton{margin:0 auto;max-width:800px}.statements-view-skeleton{margin:0 auto;max-width:1200px}.skeleton-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}@media (prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--fill-secondary)}}@media (prefers-color-scheme:dark){.skeleton{background:linear-gradient(90deg,#7878803d,#78788052 50%,#7878803d)}}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#7878803d,#78788052 50%,#7878803d)}.sidebar-hamburger{-webkit-tap-highlight-color:transparent;align-items:center;align-self:flex-start;-webkit-appearance:none;background:#ffffff1a;border:none;border-radius:var(--radius-full);color:#fffc;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;margin-bottom:var(--space-6);outline:none;position:relative;transition:all var(--duration-base) var(--ease-spring);width:44px}.sidebar-hamburger:before{background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-radius:var(--radius-full);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sidebar-hamburger__icon{align-items:center;display:flex;justify-content:center;position:relative;transition:all var(--duration-base) var(--ease-spring);z-index:1}.sidebar-hamburger__icon svg{stroke-width:2.5;height:22px;width:22px}.sidebar-hamburger:hover{background:#007aff33;border-color:#007aff4d;color:var(--system-blue);transform:scale(1.05)}.sidebar-hamburger:active{transform:scale(.95)}.sidebar--collapsed .sidebar-hamburger{align-self:center;margin-left:0;margin-right:0}@media (max-width:1023px){.sidebar-hamburger{display:none!important}}@media (min-width:1024px){.sidebar-hamburger{display:flex}}.sidebar--collapsed{padding-left:var(--space-4)!important;padding-right:var(--space-4)!important;width:80px!important}.sidebar--collapsed .sidebar-logo{display:none}.sidebar-logo-collapsed{align-items:center;background:#007aff33;border-radius:var(--radius-lg);color:var(--system-blue);display:flex;flex-shrink:0;height:48px;justify-content:center;margin:0 auto var(--space-6);width:48px}.sidebar-logo-collapsed svg{stroke-width:2;height:28px;width:28px}.nav-item--collapsed{justify-content:center!important;padding:var(--space-3)!important;position:relative}.nav-item--collapsed .nav-item-icon{height:26px!important;margin-right:0!important;width:26px!important}.nav-item--collapsed .nav-item-arrow,.nav-item--collapsed .nav-item-label{display:none}.sidebar-logout--collapsed{justify-content:center!important;padding:var(--space-3)!important}.sidebar-logout--collapsed span{display:none}.sidebar-logout--collapsed svg{height:24px!important;width:24px!important}@media (min-width:1024px){.sidebar--collapsed~.main-wrapper .main-content{margin-left:80px!important}.main-content,.sidebar--collapsed~.main-wrapper .main-content{transition:margin-left var(--duration-base) var(--ease-spring)}}.nav-item--collapsed:hover:after{animation:slideInFromLeft .2s var(--ease-spring);backdrop-filter:var(--blur-thick);-webkit-backdrop-filter:var(--blur-thick);background:var(--glass-bg-thick);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);color:var(--label-primary);content:attr(title);font-size:14px;font-weight:500;left:calc(100% + 12px);padding:var(--space-2) var(--space-4);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}@media (prefers-color-scheme:dark){.nav-item--collapsed:hover:after{background:#28282af2;border-color:#ffffff26}}.sidebar-logout--collapsed:hover:after{animation:slideInFromLeft .2s var(--ease-spring);backdrop-filter:var(--blur-thick);-webkit-backdrop-filter:var(--blur-thick);background:var(--glass-bg-thick);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);color:var(--label-primary);content:attr(title);font-size:14px;font-weight:500;left:calc(100% + 12px);padding:var(--space-2) var(--space-4);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}@keyframes slideInFromLeft{0%{opacity:0;transform:translateY(-50%) translateX(-8px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.sidebar{transition:width var(--duration-base) var(--ease-spring),padding-left var(--duration-base) var(--ease-spring),padding-right var(--duration-base) var(--ease-spring)}.auto-refresh-toggle,.nav-item-arrow,.nav-item-label,.sidebar-logo,.sidebar-logo-collapsed{transition:opacity var(--duration-fast) var(--ease-spring)}.sidebar-logo{margin-bottom:var(--space-6)}.sidebar-logo-icon{align-items:center;background:#007aff33;border-radius:var(--radius-lg);color:var(--system-blue);display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:var(--space-3);width:48px}.sidebar-logo-icon svg{stroke-width:2;height:28px;width:28px}.sidebar-logo-title{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.4px;margin:0}.sidebar-logo-subtitle{color:#fff9;font-size:12px;margin:2px 0 0}.auto-refresh-toggle{margin-bottom:var(--space-4);min-height:44px;padding:var(--space-3) var(--space-4)}.auto-refresh-toggle .toggle-label{font-size:14px}.auto-refresh-toggle svg{height:18px;width:18px}@media (max-width:1023px){.sidebar--collapsed{padding-left:var(--space-6)!important;padding-right:var(--space-6)!important;width:288px!important}.nav-item--collapsed{justify-content:flex-start!important;padding:var(--space-3) var(--space-4)!important}.nav-item--collapsed .nav-item-icon{margin-right:var(--space-3)!important}.nav-item--collapsed .nav-item-arrow,.nav-item--collapsed .nav-item-label{display:block!important}.sidebar-logout--collapsed{padding:var(--space-4)!important}.sidebar-logout--collapsed span{display:inline!important}}@media (prefers-color-scheme:dark){.sidebar-hamburger{background:#ffffff14;border-color:#ffffff1f}.sidebar-hamburger:hover{background:#0a84ff40;border-color:#0a84ff66}.sidebar-logo-collapsed,.sidebar-logo-icon{background:#0a84ff40;color:var(--system-blue)}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.border{border-width:1px}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}