:root{--color-bg-primary: #F1F4F8;--color-bg-secondary: #ffffff;--color-bg-tertiary: #EEF2F7;--color-bg-white: #ffffff;--color-bg-highlight: #F3F7FC;--color-glass-bg: #ffffff;--color-glass-bg-hover: #F8FAFC;--color-glass-bg-active: #ffffff;--color-glass-border: #E2E8F1;--color-glass-shadow: rgba(15, 27, 45, .06);--color-border: #E2E8F1;--color-border-light: #EBF0F6;--color-border-row: #EEF2F7;--color-border-chip: #DFE6EF;--color-border-strong: #CBD5E3;--color-border-dashed: #C6D2E1;--color-border-danger: #F0D4D1;--color-text-primary: #0E1A2E;--color-text-secondary: #33445C;--color-text-tertiary: #5A6B82;--color-text-inverse: #ffffff;--color-text-disabled: #8496AC;--color-text-nav: #33445C;--color-text-navsection: #7A8AA0;--color-primary-dark: #0E1A2E;--color-primary-medium: #1F3556;--color-primary-light: #486581;--color-brand-dark: #0B223D;--color-primary: #1D4D8F;--color-accent: #1D4D8F;--color-accent-hover: #153C72;--color-accent-text: #164A85;--color-accent-light: #E6EEF8;--color-accent-lighter: #DAE6F4;--color-accent-mid: #7FA3CE;--color-accent-pale: #C3D5EA;--color-success: #1F7A55;--color-success-light: #E3F1EA;--color-warning: #B27714;--color-warning-light: #FBF0DA;--color-danger: #B03A32;--color-danger-light: #FAE9E7;--color-danger-lighter: #FDEFEE;--color-info: #1D4D8F;--color-info-light: #E6EEF8;--color-purple: #5B4E8C;--color-purple-light: #EAE7F3;--font-family: "Manrope", system-ui, -apple-system, sans-serif;--font-family-body: "Manrope", system-ui, -apple-system, sans-serif;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-md: .9375rem;--font-size-base: .9375rem;--font-size-lg: 1.0625rem;--font-size-xl: 1.1875rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--font-size-4xl: 2.125rem;--font-weight-regular: 500;--font-weight-medium: 600;--font-weight-semibold: 700;--font-weight-bold: 800;--line-height-tight: 1.22;--line-height-normal: 1.55;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 22px;--radius-3xl: 26px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(15, 27, 45, .05);--shadow-sm: 0 2px 10px rgba(15, 27, 45, .06);--shadow-md: 0 8px 24px rgba(15, 27, 45, .09);--shadow-lg: 0 18px 50px rgba(15, 27, 45, .12);--shadow-xl: 0 32px 80px rgba(15, 27, 45, .28);--shadow-drawer: -24px 0 60px rgba(15, 27, 45, .2);--transition-fast: .16s cubic-bezier(.4, 0, .2, 1);--transition-base: .26s cubic-bezier(.2, .8, .2, 1);--transition-normal: .32s cubic-bezier(.2, .8, .2, 1);--transition-slow: .42s cubic-bezier(.2, .8, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--sidebar-width-expanded: 256px;--sidebar-width-collapsed: 76px;--header-height: 68px;--text-primary: #0E1A2E;--text-secondary: #33445C;--text-tertiary: #5A6B82;--surface-card: #ffffff;--surface-muted: #EEF2F7;--border-color: #E2E8F1;--color-emphasis: #0E1A2E;--color-emphasis-hover: #1A3D5C;--color-emphasis-ink: #FFFFFF;--color-emphasis-ink-soft: rgba(255, 255, 255, .55);--color-border-success: #CFE1D6;--color-border-info: #BAE6FD;--color-border-warning: #EADFA8;--color-border-purple: #E9D5FF;--color-success-hover: #17603F;--color-danger-hover: #9B392F;--color-danger-solid: #B03A32;--color-success-solid: #1F7A55;--color-hero-navy-from: #14375D;--color-hero-navy-to: #0E1A2E;--color-hero-amber-from: #7A3D12;--color-hero-amber-to: #46220A;--color-hero-ink: #F4F7FB;--color-skeleton-shimmer: #E4E8ED;--color-veil: rgba(255, 255, 255, .85);--color-veil-strong: rgba(255, 255, 255, .92);--color-veil-soft: rgba(255, 255, 255, .65);--color-overlay-scrim: rgba(14, 26, 46, .4);--color-loader-veil: rgba(241, 244, 248, .72);color-scheme:light}:root[data-theme=dark]{--color-bg-primary: #0A1120;--color-bg-secondary: #141E30;--color-bg-tertiary: #1C2739;--color-bg-white: #141E30;--color-bg-highlight: #1A2841;--color-glass-bg: #141E30;--color-glass-bg-hover: #1B2639;--color-glass-bg-active: #1F2C42;--color-glass-border: #263349;--color-glass-shadow: rgba(0, 0, 0, .45);--color-border: #263349;--color-border-light: #1F2B3E;--color-border-row: #1F2B3E;--color-border-chip: #2C3A52;--color-border-strong: #3A4A64;--color-border-dashed: #3A4A64;--color-border-danger: #5C302C;--color-text-primary: #E9EFF8;--color-text-secondary: #B3C1D4;--color-text-tertiary: #8B9BB2;--color-text-inverse: #ffffff;--color-text-disabled: #6C7C93;--color-text-nav: #B3C1D4;--color-text-navsection: #7E8EA5;--color-primary-dark: #E9EFF8;--color-primary-medium: #C6D3E4;--color-primary-light: #93A6BF;--color-brand-dark: #E9EFF8;--color-primary: #4C8DD9;--color-accent: #2D6CB5;--color-accent-hover: #3E82CE;--color-accent-text: #7FB3EC;--color-accent-light: #16283F;--color-accent-lighter: #1B3253;--color-accent-mid: #3E6FA8;--color-accent-pale: #2A4569;--color-success: #4BA97E;--color-success-light: #12301F;--color-warning: #D6A03C;--color-warning-light: #33260D;--color-danger: #E0736A;--color-danger-light: #3A1D1A;--color-danger-lighter: #2E1613;--color-info: #4C8DD9;--color-info-light: #16283F;--color-purple: #9A8BD0;--color-purple-light: #241F38;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .44);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .58);--shadow-xl: 0 32px 80px rgba(0, 0, 0, .68);--shadow-drawer: -24px 0 60px rgba(0, 0, 0, .62);--text-primary: #E9EFF8;--text-secondary: #B3C1D4;--text-tertiary: #8B9BB2;--surface-card: #141E30;--surface-muted: #1C2739;--border-color: #263349;--color-emphasis: #E9EFF8;--color-emphasis-hover: #FFFFFF;--color-emphasis-ink: #0A1120;--color-emphasis-ink-soft: rgba(10, 17, 32, .6);--color-border-success: #2A5340;--color-border-info: #234A6B;--color-border-warning: #4A3A15;--color-border-purple: #3A2F55;--color-success-hover: #3FA57A;--color-danger-hover: #CA5148;--color-danger-solid: #B8433A;--color-success-solid: #2E8A63;--color-hero-navy-from: #16324F;--color-hero-navy-to: #0A1120;--color-hero-amber-from: #5A2D0D;--color-hero-amber-to: #2E1607;--color-hero-ink: #F4F7FB;--color-skeleton-shimmer: #26334A;--color-veil: rgba(20, 30, 48, .85);--color-veil-strong: rgba(20, 30, 48, .94);--color-veil-soft: rgba(10, 17, 32, .72);--color-overlay-scrim: rgba(0, 0, 0, .62);--color-loader-veil: rgba(6, 11, 20, .78);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-weight:var(--font-weight-semibold)}p{overflow-wrap:break-word}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-border-strong),var(--color-text-disabled));border-radius:var(--radius-pill);border:2px solid var(--color-bg-tertiary)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-text-disabled),var(--color-text-tertiary))}.heading-1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em;color:var(--color-text-primary)}.heading-2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.015em;color:var(--color-text-primary)}.heading-3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.heading-4{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.heading-5{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-normal);color:var(--color-text-primary)}.heading-6{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:var(--line-height-normal);color:var(--color-text-primary)}.text-body{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-primary)}.text-body-sm{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.text-caption{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-tertiary)}.text-overline{font-size:.6875rem;font-weight:var(--font-weight-bold);line-height:var(--line-height-normal);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-disabled)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-accent{color:var(--color-accent-text)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger,.text-red-500{color:var(--color-danger)}.text-gray-400{color:var(--color-text-disabled)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-text-primary{color:var(--color-text-primary)}.text-text-tertiary{color:var(--color-text-tertiary)}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.08em}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes icon-jiggle{0%{transform:rotate(0) scale(1)}35%{transform:rotate(-10deg) scale(1.06)}65%{transform:rotate(8deg) scale(1.06)}to{transform:rotate(0) scale(1)}}.animate-fade-in{animation:fade-in var(--transition-base) ease-out both}.animate-fade-in-up{animation:fade-in-up var(--transition-slow) ease-out both}.animate-fade-in-down{animation:fade-in-down var(--transition-slow) ease-out both}.animate-slide-in-left{animation:slide-in-left var(--transition-slow) ease-out both}.animate-slide-in-right{animation:slide-in-right var(--transition-slow) ease-out both}.animate-scale-in{animation:scale-in var(--transition-base) ease-out both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-icon-jiggle{animation:icon-jiggle .32s ease}.animate-delay-1{animation-delay:50ms}.animate-delay-2{animation-delay:.1s}.animate-delay-3{animation-delay:.15s}.animate-delay-4{animation-delay:.2s}.animate-delay-5{animation-delay:.25s}.animate-delay-6{animation-delay:.3s}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.03)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:0 0 24px var(--color-accent-light)}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:14px;width:100%;margin-bottom:var(--space-2)}.skeleton-heading{height:24px;width:60%;margin-bottom:var(--space-3)}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.overlay{position:fixed;inset:0;background-color:#0f172a2e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:var(--z-overlay);animation:fade-in var(--transition-fast) ease-out}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:11px 22px;min-height:42px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1.2;border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all var(--transition-fast);letter-spacing:0;box-shadow:none}.btn:active{transform:scale(.98)}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn .btn-icon{width:19px;height:19px;flex-shrink:0;stroke-width:2.2px}.btn .btn-icon.material-symbols-rounded{font-size:19px}.btn-sm{padding:8px 16px;min-height:34px;font-size:var(--font-size-xs)}.btn-sm .btn-icon,.btn-sm .btn-icon.material-symbols-rounded{width:16px;height:16px;font-size:16px}.btn-lg{padding:13px 26px;font-size:var(--font-size-md)}.btn-block{width:100%}.btn-primary{background:var(--color-accent);color:var(--color-text-inverse);border-color:transparent}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px #1d4d8f52}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-accent{background:var(--color-accent);color:var(--color-text-inverse);border-color:transparent}.btn-accent:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.btn-dark{background:var(--color-emphasis);color:var(--color-emphasis-ink);border-color:transparent}.btn-dark:hover{background:var(--color-emphasis-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-bg-white);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-danger{background:var(--color-danger-solid);color:var(--color-text-inverse);border-color:transparent}.btn-danger:hover{background:var(--color-danger-hover);transform:translateY(-1px)}.btn-danger-ghost{background-color:transparent;color:var(--color-danger);border:1px solid transparent}.btn-danger-ghost:hover{background-color:var(--color-danger-light)}.btn-danger-outline{background-color:transparent;color:var(--color-danger);border:1.5px solid var(--color-border-danger)}.btn-danger-outline:hover{background-color:var(--color-danger-light);border-color:var(--color-danger)}.btn-outline{background-color:transparent;color:var(--color-text-secondary);border:1.5px solid var(--color-border-strong)}.btn-outline:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-icon-only{padding:0;border-radius:50%;width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;flex:0 0 40px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:var(--color-bg-white);border:1px solid var(--color-border)}.btn-icon-only .btn-icon{width:20px;height:20px}.btn-icon-only .btn-icon.material-symbols-rounded{font-size:20px}.btn-action{background-color:var(--color-bg-white);border:1px solid var(--color-border-chip);color:var(--color-text-tertiary);transition:all var(--transition-fast);width:32px;height:32px;min-width:32px;max-width:32px;min-height:32px;max-height:32px;flex:0 0 32px;aspect-ratio:1 / 1;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.btn-action svg{width:15px;height:15px;stroke-width:2.2}.btn-action .material-symbols-rounded{width:16px;height:16px;font-size:17px}.btn-action:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-action--primary:hover{background-color:var(--color-accent-light);border-color:var(--color-accent-light);color:var(--color-accent-text)}.btn-action--success:hover{background-color:var(--color-success-light);border-color:var(--color-success-light);color:var(--color-success)}.btn-action--danger{border-color:var(--color-border-danger);color:var(--color-danger)}.btn-action--danger:hover{background-color:var(--color-danger-light);border-color:var(--color-danger-light);color:var(--color-danger)}.btn-icon-only.btn-action{width:32px;height:32px;min-width:32px;max-width:32px;min-height:32px;max-height:32px;flex:0 0 32px;padding:0;border-radius:50%}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}.btn-primary.btn-loading:after,.btn-danger.btn-loading:after{border-color:#ffffff8c;border-right-color:transparent}.btn-dark.btn-loading:after{border-color:var(--color-emphasis-ink-soft);border-right-color:transparent}@keyframes btn-spin{to{transform:rotate(360deg)}}@media(max-width:1280px){.btn{padding:10px 18px}.btn-sm{padding:7px 14px;font-size:.72rem}.btn-icon-only{width:38px;height:38px;min-width:38px;max-width:38px;min-height:38px;max-height:38px;flex:0 0 38px}.btn-icon-only.btn-action{width:30px;height:30px;min-width:30px;max-width:30px;min-height:30px;max-height:30px;flex:0 0 30px}}@media(max-width:640px){.btn:not(.btn-icon-only):not(.btn-action){width:100%;justify-content:center}.btn-icon-only{width:42px;height:42px;min-width:42px;max-width:42px;min-height:42px;max-height:42px;flex:0 0 42px}.btn-action,.btn-icon-only.btn-action{width:34px;height:34px;min-width:34px;max-width:34px;min-height:34px;max-height:34px;flex:0 0 34px}.btn-action svg,.btn-action .material-symbols-rounded{width:16px;height:16px;font-size:17px}}.card{background-color:var(--color-bg-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:box-shadow var(--transition-base)}.card-glass{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-interactive:active{transform:translateY(0)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.card-title{font-size:.78125rem;font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);letter-spacing:.055em;text-transform:uppercase}.card-subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);margin-top:var(--space-1)}.card-body{font-size:var(--font-size-md);color:var(--color-text-secondary)}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.stat-card{display:flex;flex-direction:column;gap:0}.stat-card-icon{width:38px;height:38px;border-radius:19px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.stat-card-icon .material-symbols-rounded{font-size:19px}.stat-card-icon svg{width:17px;height:17px}.stat-card-icon--accent{background:var(--color-accent-lighter);color:var(--color-accent-text)}.stat-card-icon--gold{background:var(--color-accent-light);color:var(--color-accent)}.stat-card-icon--info{background:var(--color-info-light);color:var(--color-info)}.stat-card-icon--success{background:var(--color-success-light);color:var(--color-success)}.stat-card-icon--warning{background:var(--color-warning-light);color:var(--color-warning)}.stat-card-icon--danger{background:var(--color-danger-light);color:var(--color-danger)}.stat-card-value{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.1;margin-top:12px;letter-spacing:-.01em}.stat-card-label{font-size:.8125rem;font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);margin-top:2px}.stat-card--dark{background:var(--color-emphasis);border-color:transparent;box-shadow:none}.stat-card--dark .stat-card-value{color:var(--color-text-inverse)}.stat-card--dark .stat-card-label{color:#ffffff8c}.stat-card--dark .stat-card-delta{color:var(--color-accent-mid)}.stat-card-delta{font-size:.8125rem;font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);margin-top:4px}.meter{height:7px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden;margin-top:10px}.meter-fill{height:100%;background:var(--color-accent);border-radius:4px;transition:width var(--transition-base)}.meter-fill--mid{background:var(--color-accent-mid)}.meter-fill--pale{background:var(--color-accent-pale)}.card-compact{padding:var(--space-4)}.card-spacious{padding:var(--space-8)}.info-strip{margin-top:14px;display:flex;gap:12px;align-items:center;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:14px 18px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.info-strip .material-symbols-rounded{font-size:18px;color:var(--color-text-tertiary);flex:none}.note-box{background:var(--color-bg-tertiary);border-radius:14px;padding:13px 15px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);line-height:1.55}.gold-callout{display:flex;gap:14px;background:var(--color-accent-light);border-radius:var(--radius-lg);padding:16px 18px}.gold-callout-icon{width:36px;height:36px;border-radius:18px;background:var(--color-bg-white);color:var(--color-accent);display:flex;align-items:center;justify-content:center;flex:none}.gold-callout-icon .material-symbols-rounded{font-size:18px}.gold-callout-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-accent-text)}.gold-callout-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);line-height:1.55;margin-top:4px}.plain-callout{display:flex;gap:14px;padding:14px 18px;border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.plain-callout-icon{width:36px;height:36px;border-radius:18px;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;flex:none}.plain-callout-icon .material-symbols-rounded{font-size:17px}.plain-callout-title{font-size:.9375rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.plain-callout-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);line-height:1.55;margin-top:3px}.quick-action{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--color-border);border-radius:14px;color:var(--color-text-primary);background:var(--color-bg-white);cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:left}.quick-action:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.quick-action-icon{width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.quick-action-icon .material-symbols-rounded{font-size:16px}.quick-action-label{flex:1;font-size:.9375rem;font-weight:var(--font-weight-bold)}.quick-action-chevron{color:var(--color-text-disabled);font-weight:var(--font-weight-bold)}.form-group{display:flex;flex-direction:column;gap:7px;width:100%}.form-label{font-size:.75rem;font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding-left:0}.form-label--required:after,.form-label .required,.required{content:" *";color:var(--color-danger)}.form-input{width:100%;padding:12px 14px;min-height:44px;font-size:.9375rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background-color:var(--color-bg-tertiary);border:1.5px solid transparent;border-radius:var(--radius-md);outline:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder{color:var(--color-text-disabled);font-weight:var(--font-weight-medium)}.form-input:hover{background-color:var(--color-bg-tertiary)}.form-input:focus{background-color:var(--color-bg-white);border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.form-textarea{width:100%;padding:12px 14px;font-size:.9375rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background-color:var(--color-bg-tertiary);border:1.5px solid transparent;border-radius:var(--radius-md);outline:none;resize:vertical;min-height:90px;line-height:1.5;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-textarea::placeholder{color:var(--color-text-disabled);font-weight:var(--font-weight-medium)}.form-textarea:focus{background-color:var(--color-bg-white);border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.form-select{width:100%;padding:12px 38px 12px 14px;min-height:44px;font-size:.9375rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background-color:var(--color-bg-tertiary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23B4B6BA' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 12px;border:1.5px solid transparent;border-radius:var(--radius-md);outline:none;appearance:none;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-select:focus{background-color:var(--color-bg-white);border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.form-select option{color:var(--color-text-primary);background-color:var(--color-bg-white);font-weight:var(--font-weight-semibold)}.form-input--error,.form-textarea--error,.form-select--error{border-color:var(--color-danger);background-color:var(--color-danger-lighter)}.form-input--error:focus,.form-textarea--error:focus,.form-select--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #b03a3224}.form-error{font-size:.6875rem;font-weight:var(--font-weight-semibold);color:var(--color-danger);animation:form-error-in .2s ease-out}@keyframes form-error-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.form-hint{font-size:.625rem;font-weight:var(--font-weight-semibold);color:var(--color-text-disabled)}.form-check{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-check-input{width:17px;height:17px;accent-color:var(--color-accent);cursor:pointer}.form-check-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-wrapper .form-input,.form-input-wrapper .form-select{padding-left:42px}.form-input-icon{position:absolute;left:15px;display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;color:var(--color-text-disabled);pointer-events:none;transition:color var(--transition-fast)}.form-input-icon.material-symbols-rounded{font-size:17px}.form-input-wrapper:focus-within .form-input-icon{color:var(--color-accent)}.form-input-action{position:absolute;right:8px;padding:6px;color:var(--color-text-disabled);cursor:pointer;border-radius:50%;background:transparent;border:none;transition:color var(--transition-fast),background-color var(--transition-fast)}.form-input-action:hover{color:var(--color-text-primary);background-color:#0e1a2e0d}.form-input-action .material-symbols-rounded{font-size:18px}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{opacity:.5;cursor:not-allowed}input[readonly].form-input{background:var(--color-bg-tertiary);cursor:not-allowed;color:var(--color-text-tertiary)}.choice-chips{display:flex;gap:8px;flex-wrap:wrap}.choice-chip{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:none;border-radius:var(--radius-pill);padding:8px 16px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast)}.choice-chip:hover{background:var(--color-border-chip)}.choice-chip--active{background:var(--color-accent);color:var(--color-text-inverse)}.choice-chip--active:hover{background:var(--color-accent-hover)}.file-tile{height:76px;border-radius:14px;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;position:relative;color:var(--color-text-disabled)}.file-tile-remove{position:absolute;top:5px;right:5px;width:19px;height:19px;border-radius:10px;background:var(--color-emphasis);color:var(--color-emphasis-ink);font-size:9px;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.file-tile--add{background:transparent;border:1.5px dashed var(--color-border-dashed);flex-direction:column;gap:4px;cursor:pointer;transition:border-color var(--transition-fast)}.file-tile--add:hover{border-color:var(--color-accent)}.file-tile-plus{font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-accent)}.file-tile-label{font-size:.6875rem;font-weight:var(--font-weight-bold);color:var(--color-text-tertiary)}.form-error-message{padding:11px 14px;background-color:var(--color-danger-lighter);border:1px solid var(--color-border-danger);color:var(--color-danger);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);margin-bottom:var(--space-4);display:flex;align-items:center;gap:9px}.form-success-message{padding:11px 14px;background-color:var(--color-success-light);border:1px solid rgba(31,122,85,.22);color:var(--color-success);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.phone-input-group{display:flex;align-items:stretch;border:1.5px solid transparent;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg-tertiary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.phone-input-group:focus-within{background-color:var(--color-bg-white);border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.phone-prefix{display:flex;align-items:center;padding:0 12px;background-color:var(--color-bg-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap;-webkit-user-select:none;user-select:none}.phone-input-group .form-input{border:none;border-radius:0;background:transparent;box-shadow:none;flex:1;min-width:0}.phone-input-group .form-input:focus{border:none;box-shadow:none;background:transparent}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:var(--font-weight-bold);line-height:1.5;border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:.015em}.badge-default{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.badge-accent{background-color:var(--color-accent-light);color:var(--color-accent-text)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge-info{background-color:var(--color-info-light);color:var(--color-info)}.badge-purple{background-color:var(--color-purple-light);color:var(--color-purple)}.badge-dark{background-color:var(--color-emphasis);color:var(--color-emphasis-ink)}.badge--neutral{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-dot--success{background-color:var(--color-success)}.badge-dot--warning{background-color:var(--color-warning)}.badge-dot--danger{background-color:var(--color-danger)}.badge-dot--accent{background-color:var(--color-accent)}.badge>.badge-dot--current{background-color:currentColor}.badge-lg{padding:6px 14px;font-size:var(--font-size-xs)}.status-plate{display:inline-flex;align-items:center;gap:7px;padding:6px 13px 6px 11px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.015em;white-space:nowrap;background-color:var(--color-bg-white);color:var(--color-text-primary);border:1px solid var(--color-border);min-height:26px;line-height:1}.status-plate-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background-color:var(--color-text-disabled)}.darkgreen-plate .status-plate-dot{background-color:var(--color-success)}.darkred-plate .status-plate-dot{background-color:var(--color-danger)}.darkyellow-plate .status-plate-dot,.darkgold-plate .status-plate-dot{background-color:var(--color-accent)}.darkblue-plate .status-plate-dot{background-color:var(--color-info)}.darkgray-plate .status-plate-dot{background-color:var(--color-text-disabled)}.darkpurple-plate .status-plate-dot{background-color:var(--color-purple)}.darkgreen-plate{color:var(--color-success);border-color:#1f7a5547}.darkred-plate{color:var(--color-danger);border-color:#b03a3247}.status-plate--live .status-plate-dot{animation:status-dot-pulse 2s ease-in-out infinite}@keyframes status-dot-pulse{0%,to{opacity:1}50%{opacity:.35}}.avatar-chip{width:38px;height:38px;border-radius:19px;display:flex;align-items:center;justify-content:center;flex:none;font-size:.8125rem;font-weight:var(--font-weight-bold);background:var(--color-accent-lighter);color:var(--color-accent-text);overflow:hidden;letter-spacing:.01em}.avatar-chip--info{background:var(--color-info-light);color:var(--color-info)}.avatar-chip--success{background:var(--color-success-light);color:var(--color-success)}.avatar-chip--dark{background:var(--color-emphasis);color:var(--color-emphasis-ink)}.table-wrapper{width:100%;overflow:hidden;border-radius:var(--radius-xl);background:var(--color-bg-white);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:0}.table-scroll{width:100%;overflow-x:auto}.table-wrapper>.data-table{display:table}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--font-size-sm);color:var(--color-text-primary)}.data-table thead th{padding:13px 12px;text-align:left;font-size:.75rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.055em;color:var(--color-text-tertiary);background:var(--color-bg-white);border-bottom:1px solid var(--color-border-light);white-space:nowrap}.data-table thead th:first-child{padding-left:22px}.data-table thead th:last-child{padding-right:22px}.data-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.data-table thead th.sortable:hover{color:var(--color-accent-text)}.data-table thead th.text-right{text-align:right}.data-table thead .material-symbols-rounded{font-size:14px}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--color-bg-tertiary)}.data-table tbody tr.clickable-row{cursor:pointer}.data-table tbody tr.row-highlight,.data-table tbody tr.row-highlight:hover{background-color:var(--color-bg-highlight)}.data-table tbody td{padding:12px;border-bottom:1px solid var(--color-border-row);color:var(--color-text-secondary);vertical-align:middle;font-weight:var(--font-weight-semibold);font-size:.875rem}.data-table tbody td>*{vertical-align:middle}.data-table tbody tr{height:62px}.data-table--compact tbody tr{height:52px}.data-table tbody td .cell-actions,.data-table tbody td .cell-person{min-height:38px}.data-table tbody td:first-child{padding-left:22px}.data-table tbody td:last-child{padding-right:22px}.data-table tbody td.text-right{text-align:right}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:nth-child(2n){background-color:transparent}.cell-title{display:block;font-size:.9375rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.cell-sub{display:block;font-size:.8125rem;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);margin-top:2px}.cell-person{display:flex;align-items:center;gap:11px}.cell-amount{font-size:.9375rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.cell-amount--credit{color:var(--color-success)}.cell-actions{display:flex;gap:6px;justify-content:flex-end;align-items:center}.data-table .site-actions,.data-table .lm-row-actions,.data-table td>.flex.justify-end{display:flex;gap:6px;justify-content:flex-end;align-items:center;min-height:38px}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-top:1px solid var(--color-border-light);background:var(--color-bg-white)}.table-footer-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary)}.data-table .btn-action{color:var(--color-text-tertiary);opacity:1}.data-table .btn-action:hover{color:var(--color-accent-text);background:var(--color-accent-light);border-color:var(--color-accent-light)}.table-empty{text-align:center;padding:var(--space-12) var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:center}.table-empty-icon{margin-bottom:var(--space-4);color:var(--color-text-disabled);background-color:var(--color-bg-tertiary);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none}.table-empty-icon svg,.table-empty-icon .material-symbols-rounded{width:26px;height:26px;font-size:26px;opacity:.85}.table-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.table-empty-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);max-width:320px;line-height:1.55}@media(max-width:768px){.data-table thead th,.data-table tbody td{padding:10px}.data-table thead th:first-child,.data-table tbody td:first-child{padding-left:14px}.data-table thead th:last-child,.data-table tbody td:last-child{padding-right:14px}.data-table{min-width:600px}.table-footer{padding:12px 14px;flex-direction:column;gap:10px;align-items:stretch}}svg{stroke-width:2.1px}.container{width:100%;max-width:1320px;margin:0 auto;padding:0 var(--space-6)}.container-fluid{width:100%;padding:0 var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.border{border:1px solid var(--color-border)}.rounded-lg{border-radius:var(--radius-lg)}.bg-danger\/10{background-color:var(--color-danger-light)}.bg-success\/10{background-color:var(--color-success-light)}.bg-warning\/10{background-color:var(--color-warning-light)}.bg-info\/10{background-color:var(--color-info-light)}.border-danger\/30{border-color:#d3475f4d}.text-\[10px\]{font-size:10px}.mobile-visible{display:none}.desktop-hidden{display:none!important}@media(max-width:1024px){.container{padding:0 var(--space-4)}.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.grid-cols-2{grid-template-columns:1fr}.tablet-hidden{display:none!important}.tablet-block{display:block!important}.tablet-flex{display:flex!important}.tablet-col{flex-direction:column!important}.tablet-gap-4{gap:var(--space-4)!important}.tablet-cols-1{grid-template-columns:repeat(1,1fr)!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.container{padding:0 var(--space-3)}.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.mobile-hidden{display:none!important}.mobile-block{display:block!important}.mobile-flex{display:flex!important}.mobile-col{flex-direction:column!important}.mobile-p-3{padding:var(--space-3)!important}.mobile-p-4{padding:var(--space-4)!important}.mobile-visible{display:inline}.md\:grid-cols-2{grid-template-columns:1fr}}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width-expanded);background:var(--color-bg-white);display:flex;flex-direction:column;z-index:var(--z-sticky);transition:width var(--transition-slow),transform .32s cubic-bezier(.22,1,.36,1),opacity .24s ease;overflow:hidden;box-shadow:none;border-right:1px solid var(--color-border);color:var(--color-text-primary);padding:16px 12px 12px}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar-brand{display:flex;align-items:center;padding:4px 2px 16px;margin:0;border:none;border-radius:0;box-shadow:none;height:auto}.sidebar-brand-image{height:96px;max-width:100%;object-fit:contain;object-position:left center;display:block;transition:all var(--transition-base);filter:none}.sidebar--collapsed .sidebar-brand{justify-content:center;padding:4px 0 12px}.sidebar--collapsed .sidebar-brand-image{height:52px;width:52px;object-fit:cover;object-position:left}.sidebar-nav{flex:1;padding:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}.sidebar-nav-section{margin-bottom:0;background:transparent;border:none;border-radius:0;padding:0}.sidebar-nav-section-title{font-size:.6875rem;font-weight:var(--font-weight-bold);color:var(--color-text-navsection);text-transform:uppercase;letter-spacing:.09em;padding:11px 10px 3px;white-space:nowrap;overflow:hidden;opacity:1;transition:opacity var(--transition-base)}.sidebar--collapsed .sidebar-nav-section-title{opacity:0;height:0;padding:0;margin:0}.sidebar-nav-item{display:flex;align-items:center;gap:9px;padding:6px 10px;margin-bottom:0;border-radius:10px;color:var(--color-text-nav);font-size:.875rem;font-weight:var(--font-weight-bold);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:none;background:transparent;position:relative}.sidebar--collapsed .sidebar-nav-item{justify-content:center;padding:9px 0;gap:0}.sidebar-nav-item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar-nav-item--active{background:var(--color-accent-light);color:var(--color-accent-text);font-weight:var(--font-weight-bold)}.sidebar-nav-item--active:hover{background:var(--color-accent-light);color:var(--color-accent-text)}.sidebar-nav-item--active:before{display:none}.sidebar-nav-item--disabled{opacity:.5;cursor:not-allowed}.sidebar-nav-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-disabled);transition:color var(--transition-fast)}.sidebar-nav-item:hover .sidebar-nav-icon{color:var(--color-text-secondary)}.sidebar-nav-item--active .sidebar-nav-icon{color:var(--color-accent)}.sidebar-nav-material-icon{font-size:20px;color:currentColor}.sidebar-nav-label{flex:1;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity var(--transition-base),width var(--transition-base)}.sidebar-nav-badge{margin-left:auto;min-width:18px;height:18px;border-radius:999px;background:var(--color-accent);color:var(--color-text-inverse);font-size:.59375rem;font-weight:var(--font-weight-bold);line-height:18px;text-align:center;padding:0 7px}.sidebar--collapsed .sidebar-nav-label{opacity:0;width:0;flex:none}.sidebar--collapsed .sidebar-nav-badge{display:none}.sidebar-toggle{display:flex;align-items:center;gap:9px;padding:12px 10px 4px;margin:auto 0 0;color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);border-radius:0;background:transparent;border:none;border-top:1px solid var(--color-border-light);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);width:auto;height:auto}.sidebar-toggle:hover{color:var(--color-text-primary)}.sidebar-toggle-icon{font-size:15px;transition:transform var(--transition-base);width:22px;height:22px;border-radius:11px;border:1.5px solid var(--color-border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar--collapsed .sidebar-toggle{justify-content:center}.sidebar--collapsed .sidebar-toggle-icon{transform:rotate(180deg)}.sidebar-toggle-label{overflow:hidden;white-space:nowrap;opacity:1;transition:opacity var(--transition-base)}.sidebar--collapsed .sidebar-toggle-label{opacity:0;width:0}.sidebar-footer{display:none}.sidebar-version{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.sidebar-copyright{font-size:.65rem;color:var(--color-text-tertiary);margin-top:var(--space-1)}@media(max-width:768px){.sidebar{transform:translate(calc(-100% - 24px));opacity:0;box-shadow:var(--shadow-lg);width:min(84vw,288px);background:var(--color-bg-white);border:none;border-right:1px solid var(--color-border);border-radius:0 20px 20px 0;margin:0;height:100vh;top:0;left:0;transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .26s ease;z-index:1000}.sidebar--mobile-open{transform:translate(0);opacity:1}}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;direction:ltr;-webkit-user-select:none;user-select:none;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 200,"opsz" 24}.material-symbols-rounded.icon-outline{font-variation-settings:"FILL" 0,"wght" 700,"GRAD" 200,"opsz" 24}button svg,.btn svg,.icon svg{transition:all var(--transition-fast)}.btn .btn-icon.material-symbols-rounded,.btn-icon.material-symbols-rounded{width:19px;height:19px;font-size:19px;transition:transform var(--transition-fast),color var(--transition-fast)}.btn:hover .btn-icon.material-symbols-rounded,.btn-action:hover .material-symbols-rounded,.modal-close:hover .material-symbols-rounded{animation:icon-jiggle .32s ease}.toast-icon.material-symbols-rounded{font-size:20px}svg[stroke=currentColor]{stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.btn:not(.btn-ghost) svg,.btn-icon svg,.btn-action svg,[class*=btn] svg{stroke:currentColor;fill:none}.app-shell{display:flex;min-height:100vh;background:var(--color-bg-primary);width:100%;overflow-x:hidden;position:relative}.app-content-area{flex:1;margin-left:var(--sidebar-width-expanded);transition:margin-left var(--transition-slow);display:flex;flex-direction:column;min-height:100vh;min-width:0;max-width:100%}.app-content-area--collapsed{margin-left:var(--sidebar-width-collapsed)}.app-main{flex:1;padding:12px 32px 32px;padding-top:calc(var(--header-height) + 12px)}.app-header{position:fixed;top:0;right:0;left:var(--sidebar-width-expanded);height:var(--header-height);background:var(--color-bg-primary);border-bottom:none;color:var(--color-text-primary);display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:var(--z-sticky);transition:left var(--transition-slow)}.app-header--collapsed{left:var(--sidebar-width-collapsed)}.header-group{background:transparent;border:none;border-radius:0;min-height:40px;padding:0}.header-group--left{padding-left:0}.header-group--right{padding-right:0}.app-header .system-date{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);display:block}.app-header .system-date strong,.app-header .system-date .system-date-strong{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.app-header .btn-ghost,.header-theme-btn,.header-help-btn,.header-notification-btn{color:var(--color-text-primary);background:var(--color-bg-white);border:1px solid var(--color-border-chip);width:40px;height:40px;border-radius:20px}.app-header .btn-ghost:hover,.header-theme-btn:hover,.header-help-btn:hover,.header-notification-btn:hover{background:var(--color-bg-tertiary)}.header-theme-btn{position:relative}.header-theme-icons{position:relative;display:block;width:20px;height:20px}.header-theme-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;transition:opacity var(--transition-base),transform var(--transition-base)}.header-theme-icon--sun{opacity:0;transform:rotate(-90deg) scale(.5);color:var(--color-warning)}.header-theme-icon--moon{opacity:1;transform:rotate(0) scale(1)}:root[data-theme=dark] .header-theme-icon--sun{opacity:1;transform:rotate(0) scale(1)}:root[data-theme=dark] .header-theme-icon--moon{opacity:0;transform:rotate(90deg) scale(.5)}@media(prefers-reduced-motion:reduce){.header-theme-icon{transition:opacity 1ms linear;transform:none!important}}.header-help-btn{position:relative}.header-help-btn--active{background:var(--color-accent-light)!important;color:var(--color-accent-text);border-color:transparent!important}.header-help-dot{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:3px;background:var(--color-accent)}.header-notification-wrapper,.header-notification-btn{position:relative}.header-notification-btn .material-symbols-rounded{font-size:19px}.header-bell-icon{color:currentColor}.header-notification-pill{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;border-radius:999px;background:var(--color-accent);color:var(--color-text-inverse);font-size:.59375rem;line-height:15px;font-weight:var(--font-weight-bold);text-align:center;padding:1px 6px;border:2px solid var(--color-bg-primary)}.header-profile-trigger{display:flex;align-items:center;gap:9px;padding:5px 14px 5px 5px;border-radius:var(--radius-pill);background:var(--color-bg-white);border:1px solid var(--color-border-chip);transition:all var(--transition-fast)}.header-profile-trigger:hover{border-color:var(--color-border-strong)}.header-profile-text{text-align:left;line-height:1.2}.header-profile-name{display:block;font-size:.875rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.25}.header-profile-role{display:block;font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);line-height:1.25}.sidebar-profile-avatar{width:34px;height:34px;border-radius:17px;background:var(--color-accent-lighter);color:var(--color-accent-text);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:.75rem;flex-shrink:0;border:none;box-shadow:none;overflow:hidden}.header-notification-panel{position:absolute;top:calc(100% + 10px);right:0;width:372px;max-height:440px;display:flex;flex-direction:column;border:1px solid var(--color-border);background:var(--color-bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:calc(var(--z-sticky) + 30);overflow:hidden;padding:0}.header-notification-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-light)}.header-notification-list{overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.header-notification-item{width:100%;text-align:left;border:1px solid var(--color-border);background:var(--color-bg-white);border-radius:14px;padding:12px 14px;cursor:pointer;transition:all var(--transition-fast)}.header-notification-item:hover{background:var(--color-bg-tertiary)}.header-notification-item--unseen{border-color:transparent;background:var(--color-accent-light)}.header-notification-item--unseen:hover{background:var(--color-accent-light)}.header-notification-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.header-notification-item-message{margin-top:3px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);line-height:1.5}.header-notification-item-time{margin-top:6px;font-size:.625rem;font-weight:var(--font-weight-semibold);color:var(--color-text-disabled)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);padding:var(--space-6)}.login-card{width:100%;max-width:424px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:28px;padding:38px 36px 32px;box-shadow:0 18px 50px #0e1a2e14;animation:fade-in-up var(--transition-slow) ease-out}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;margin-bottom:20px}.page-head+.toolbar,.page-head+.page-actions{margin-top:-2px}.page-head-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.page-overline{font-size:.78125rem;font-weight:var(--font-weight-bold);color:var(--color-accent);letter-spacing:.065em;text-transform:uppercase}.page-header{margin-bottom:20px;border-bottom:none;padding-bottom:0}.page-header+.toolbar,.page-header+.page-actions{margin-top:-2px}.page-title{font-size:1.875rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.015em;line-height:1.22;margin-top:6px;display:block}.page-title-light{font-weight:var(--font-weight-regular)}.page-title-strong{font-weight:var(--font-weight-bold)}.page-title-meta{font-size:1.0625rem;font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);letter-spacing:0}.page-subtitle{font-size:.9375rem;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);margin-top:6px}.toolbar{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}.toolbar-spacer{flex:1}.toolbar-search{flex:1;max-width:400px;min-width:220px;position:relative;display:flex;align-items:center}.toolbar-search .form-input{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:11px 16px 11px 42px;min-height:42px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.toolbar-search .form-input::placeholder{color:var(--color-text-disabled);font-weight:var(--font-weight-medium)}.toolbar-search .form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.toolbar-search .search-icon{position:absolute;left:16px;width:16px;height:16px;font-size:16px;color:var(--color-text-disabled);pointer-events:none;display:inline-flex;align-items:center;justify-content:center}.toolbar-pill,.filter-pill{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:10px 17px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);min-height:38px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.toolbar-pill:hover,.filter-pill:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}select.toolbar-pill,select.filter-pill{appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235F6165' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:11px 11px}.live-chip{display:inline-flex;align-items:center;gap:7px;background:var(--color-accent-light);color:var(--color-accent-text);border-radius:var(--radius-pill);padding:9px 15px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap}.live-chip-dot{width:7px;height:7px;border-radius:4px;background:var(--color-accent);animation:pulse-gold 2s infinite}@keyframes pulse-gold{0%{box-shadow:0 0 #1d4d8f73}70%{box-shadow:0 0 0 8px #1d4d8f00}to{box-shadow:0 0 #1d4d8f00}}.pagination{display:flex;gap:6px;align-items:center}.pagination-btn{width:28px;height:28px;border-radius:14px;border:1px solid var(--color-border-chip);background:var(--color-bg-white);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:0}.pagination-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-text)}.pagination-btn:disabled,.pagination-btn--disabled{color:var(--color-text-disabled);cursor:not-allowed;opacity:1}.pagination-btn--active,.pagination-btn--active:hover{background:var(--color-accent);border-color:transparent;color:var(--color-text-inverse)}.pagination-ellipsis{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-disabled)}.section-label{font-size:.78125rem;font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);letter-spacing:.055em;text-transform:uppercase}.stat-grid{display:grid;gap:14px;margin-top:22px}.stat-grid--5{grid-template-columns:repeat(5,1fr)}.stat-grid--4{grid-template-columns:repeat(4,1fr)}.stat-grid--3{grid-template-columns:repeat(3,1fr)}.stat-grid--2{grid-template-columns:repeat(2,1fr)}@media(max-width:1280px){.stat-grid--5{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.stat-grid--5,.stat-grid--4,.stat-grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stat-grid--5,.stat-grid--4,.stat-grid--3,.stat-grid--2{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:var(--color-overlay-scrim);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fade-in .2s ease-out}.modal-card{background:var(--color-bg-white);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl);width:100%;max-width:700px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;animation:fade-in-up .3s ease-out;border:none}.modal-card--lg{max-width:780px}.modal-card--fullscreen{max-width:none;width:calc(100vw - var(--space-8));height:calc(100vh - var(--space-8));max-height:none}.modal-card>form{display:flex;flex-direction:column;overflow:hidden;height:100%;margin:0}.modal-header{background:var(--color-bg-white);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:22px 28px;border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);flex-shrink:0}.modal-title{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.01em}.modal-subtitle{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);margin-top:2px}.modal-close{background:var(--color-bg-tertiary);border:none;cursor:pointer;padding:0;border-radius:17px;color:var(--color-text-tertiary);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;font-size:14px;font-weight:var(--font-weight-bold)}.modal-close:hover{background:var(--color-danger-light);color:var(--color-danger)}.modal-close .material-symbols-rounded{font-size:18px}.modal-body{padding:22px 28px;overflow-y:auto;flex-grow:1}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:18px 28px;border-top:1px solid var(--color-border-light);background-color:var(--color-bg-white);flex-shrink:0}.modal-footer--split{justify-content:space-between}.modal-footer-note{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary)}.modal-footer-note strong{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.modal-header .btn-icon{background:var(--color-bg-tertiary);border:none;border-radius:17px;color:var(--color-text-tertiary);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center}.modal-header .btn-icon svg,.modal-header .btn-icon .material-symbols-rounded{width:18px;height:18px;font-size:18px}.modal-header .btn-icon:hover{background:var(--color-danger-light);color:var(--color-danger)}.drawer-overlay{position:fixed;inset:0;background:#0e1a2e52;z-index:var(--z-modal);animation:fade-in .2s ease-out}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:368px;max-width:92vw;background:var(--color-bg-white);box-shadow:var(--shadow-drawer);display:flex;flex-direction:column;z-index:calc(var(--z-modal) + 1)}.drawer-header{padding:20px 24px;border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.drawer-overline{display:block;font-size:.65625rem;font-weight:var(--font-weight-bold);color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase}.drawer-title{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-top:3px;color:var(--color-text-primary)}.drawer-body{flex:1;padding:20px 24px;display:grid;gap:14px;align-content:start;overflow-y:auto}.drawer-intro{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);line-height:1.6}.drawer-step{display:flex;gap:10px}.drawer-step-num{width:26px;height:26px;border-radius:13px;background:var(--color-accent-light);color:var(--color-accent-text);font-size:.71875rem;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex:none}.drawer-step-text{font-size:.78125rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);line-height:1.55}.drawer-step-text strong{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.drawer-footer{padding:18px 24px;border-top:1px solid var(--color-border-light);display:flex;gap:10px}.drawer-footer .btn{flex:1}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:calc(var(--z-modal) + 10);display:flex;flex-direction:column;gap:var(--space-2)}.toast{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:13px 18px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-3);min-width:280px;max-width:400px;animation:fade-in-up .3s ease-out;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.toast--success{border-left:3px solid var(--color-success)}.toast--error{border-left:3px solid var(--color-danger)}.toast-icon{width:20px;height:20px;flex-shrink:0}.toast--success .toast-icon{color:var(--color-success)}.toast--error .toast-icon{color:var(--color-danger)}.page-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:var(--space-4);margin-top:18px;flex-wrap:wrap}.page-actions>.search-input-wrapper,.page-actions>.voucher-filters,.action-group-pill{background:transparent;border:none;border-radius:0;min-height:auto;padding:0}.page-actions .btn-primary,.page-actions .btn-success{min-height:42px}.search-input-wrapper{position:relative;flex:1;max-width:400px}.search-input-wrapper .form-input{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:11px 16px 11px 42px;min-height:42px;font-weight:var(--font-weight-medium)}.search-input-wrapper .form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.search-input-wrapper .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:16px;color:var(--color-text-disabled);pointer-events:none}.clickable{cursor:pointer}.avatar-sm{width:30px;height:30px;font-size:.6875rem}.avatar-md{width:36px;height:36px;font-size:.71875rem}.avatar-img-cover{width:100%;height:100%;object-fit:cover;border-radius:50%}.hidden-input{display:none}.btn-full{width:100%}.form-error-inline{display:block}.reason-wrap{max-width:300px;white-space:normal}.balance-display{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.balance-label{font-size:.6875rem;font-weight:var(--font-weight-bold);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.055em;margin-bottom:var(--space-1)}.balance-mode-toggle{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.balance-mode-btn{display:inline-flex;align-items:center;gap:var(--space-2);flex:1;justify-content:center;padding:9px 16px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg-white);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.balance-mode-btn:hover{border-color:var(--color-accent);color:var(--color-accent-text);background:var(--color-accent-light)}.balance-mode-btn--active{border-color:transparent;background:var(--color-accent);color:var(--color-text-inverse)}.balance-mode-btn--active:hover{background:var(--color-accent-hover);color:var(--color-text-inverse)}.balance-mode-btn .material-symbols-rounded{font-size:16px}.balance-preview{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:9px 13px;background:var(--color-success-light);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-success)}.balance-preview .material-symbols-rounded{font-size:16px}.balance-preview strong{font-weight:var(--font-weight-bold)}.pp-upload-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-2)}.pp-upload-area{position:relative;display:inline-flex;align-items:center;justify-content:center}.pp-avatar-circle{width:110px;height:110px;border-radius:50%;border:3px solid var(--color-accent);overflow:hidden;cursor:pointer;position:relative;transition:all .3s ease;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.pp-avatar-circle:hover{border-color:var(--color-accent-hover);box-shadow:0 0 0 4px var(--color-accent-light);transform:scale(1.03)}.pp-avatar-circle.pp-avatar-loading{pointer-events:none;opacity:.7}.pp-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.pp-avatar-edit-overlay{position:absolute;inset:0;background:#0e1a2e8c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;transition:opacity .25s ease;color:var(--color-text-inverse);font-size:.6875rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.pp-avatar-circle:hover .pp-avatar-edit-overlay{opacity:1}.pp-avatar-edit-overlay .material-symbols-rounded{font-size:22px}.pp-avatar-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--color-text-disabled);transition:color .2s ease}.pp-avatar-circle:hover .pp-avatar-placeholder{color:var(--color-accent)}.pp-avatar-placeholder .material-symbols-rounded{font-size:32px}.pp-upload-text{font-size:.65rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em}.pp-avatar-spinner{display:flex;align-items:center;justify-content:center}.pp-remove-btn{position:absolute;top:-4px;right:-4px;width:28px;height:28px;border-radius:50%;border:2px solid var(--color-bg-white);background:var(--color-danger-solid);color:var(--color-text-inverse);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2;box-shadow:0 2px 6px #b03a324d}.pp-remove-btn:hover{background:var(--color-danger-hover);transform:scale(1.1)}.pp-remove-btn .material-symbols-rounded{font-size:14px}.pp-upload-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold)}@media(max-width:1024px){.modal-card{max-width:92vw}}@media(max-width:768px){.app-content-area,.app-content-area--collapsed{margin-left:0}.app-header,.app-header--collapsed{left:0;width:100%;position:sticky;top:0;padding:0 16px}.app-main{padding:16px;width:100%;overflow-x:hidden}.app-shell{overflow-x:hidden;position:relative;flex-direction:column}.table-wrapper{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.login-card{padding:28px 22px}.mobile-hidden{display:none!important}.mobile-flex{display:flex!important}.page-head{flex-direction:column;align-items:stretch}.page-head-actions{width:100%}.page-head-actions .btn{flex:1}.page-actions,.toolbar{flex-direction:column;align-items:stretch}.toolbar-search{max-width:100%}.toolbar-spacer{display:none}.search-input-wrapper{max-width:100%}.header-notification-panel{width:calc(100vw - 32px);right:-8px}.modal-overlay{padding:var(--space-4);align-items:center}.modal-card{max-width:100%;width:100%;margin:0;max-height:calc(100vh - var(--space-8));border-radius:22px}.modal-header,.modal-body{padding:18px 20px}.modal-footer{flex-direction:column;gap:var(--space-3);padding:16px 20px}.modal-footer .btn{width:100%;margin:0}.modal-footer--split{align-items:stretch}.drawer-panel{width:100%;max-width:100%}.sidebar-nav-icon{width:20px;height:20px}.sidebar-nav-material-icon{font-size:20px}}@media(max-width:640px){.header-notification-btn .material-symbols-rounded{font-size:21px}}