*,*:before,*:after{box-sizing:border-box}:root{font-family:-apple-system,Inter,SF Pro Display,Helvetica Neue,sans-serif;line-height:1.47;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100%;min-height:100vh}#root{width:100%;min-height:100vh}button{border-radius:8px;border:1px solid transparent;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease}button:focus,button:focus-visible{outline:3px solid rgba(0,122,255,.3);outline-offset:1px}:root{--space-0: 0px;--space-px: 1px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--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;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--font-sans: -apple-system, "Inter", "SF Pro Display", "Helvetica Neue", sans-serif;--font-display: "Outfit", -apple-system, "SF Pro Display", sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.55;--leading-relaxed: 1.65;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05), 0 0 1px rgba(0, 0, 0, .08);--shadow-md: 0 2px 20px rgba(0, 0, 0, .06), 0 0 1px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .08), 0 0 1px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .12), 0 0 2px rgba(0, 0, 0, .1);--shadow-glass: 0 4px 24px rgba(0, 0, 0, .06), inset 0 1px 0 rgba(255, 255, 255, .1);--duration-instant: 75ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 1000;--z-toast: 1100;--z-tooltip: 1200;--z-max: 9999;--bg-page: #f5f5f7;--bg-surface: #ffffff;--bg-surface-alpha: rgba(255, 255, 255, .72);--bg-surface-solid: #ffffff;--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .06);--bg-inset: rgba(0, 0, 0, .03);--text-primary: #1d1d1f;--text-secondary: #64748B;--text-tertiary: #94A3B8;--text-inverse: #ffffff;--border-default: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .12);--border-focus: #2563EB;--accent: #2563EB;--accent-light: rgba(37, 99, 235, .12);--accent-hover: #1D4ED8;--success: #16A34A;--success-bg: rgba(22, 163, 74, .08);--success-light: #4ADE80;--warning: #D97706;--warning-bg: rgba(217, 119, 6, .08);--warning-light: #FCD34D;--danger: #DC2626;--danger-bg: rgba(220, 38, 38, .08);--danger-light: #F87171;--info: #2563EB;--info-bg: rgba(37, 99, 235, .08);--info-light: #60A5FA;--input-bg: #ffffff;--input-border: rgba(0, 0, 0, .12);--input-text: #1d1d1f;--input-placeholder: #94A3B8;--card-shadow: var(--shadow-md);--card-shadow-lg: var(--shadow-lg);--card-bg: var(--bg-surface);--card-border: var(--border-default);--badge-bg: rgba(0, 0, 0, .04);--nav-shadow: none;--nav-height: 56px;--glass-bg: rgba(255, 255, 255, .55);--glass-bg-dense: rgba(255, 255, 255, .72);--glass-bg-subtle: rgba(255, 255, 255, .35);--glass-blur: blur(24px) saturate(190%);--glass-border: 1px solid rgba(255, 255, 255, .25);--glass-border-subtle: 1px solid rgba(255, 255, 255, .12);--glass-highlight: linear-gradient(135deg, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .05) 50%, transparent 100%);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .06), inset 0 1px 0 rgba(255, 255, 255, .15);--glass-inner-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);--apple-blue: #007AFF;--apple-green: #34C759;--apple-red: #FF3B30;--apple-orange: #FF9500;--apple-yellow: #FFCC00;--apple-purple: #AF52DE;--apple-pink: #FF2D55;--apple-teal: #5AC8FA;--apple-indigo: #5856D6;--apple-mint: #00C7BE}[data-theme=dark]{--bg-page: #1c1c1e;--bg-surface: #2c2c2e;--bg-surface-alpha: rgba(44, 44, 46, .72);--bg-surface-solid: #2c2c2e;--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .08);--bg-inset: rgba(255, 255, 255, .03);--text-primary: #f5f5f7;--text-secondary: #98989d;--text-tertiary: #636366;--text-inverse: #1d1d1f;--border-default: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--border-focus: #3B82F6;--accent: #3B82F6;--accent-light: rgba(59, 130, 246, .12);--accent-hover: #60A5FA;--success: #4ADE80;--success-bg: rgba(22, 163, 74, .15);--warning: #FCD34D;--warning-bg: rgba(217, 119, 6, .15);--danger: #F87171;--danger-bg: rgba(220, 38, 38, .15);--info: #60A5FA;--info-bg: rgba(59, 130, 246, .15);--input-bg: #1c1c1e;--input-border: rgba(255, 255, 255, .12);--input-text: #f5f5f7;--input-placeholder: #636366;--card-shadow: 0 2px 20px rgba(0, 0, 0, .2), 0 0 1px rgba(0, 0, 0, .3);--card-shadow-lg: 0 8px 40px rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .4);--badge-bg: rgba(255, 255, 255, .06);--nav-shadow: rgba(0, 0, 0, .3);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .2);--shadow-md: 0 2px 20px rgba(0, 0, 0, .2), 0 0 1px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .4), 0 0 2px rgba(0, 0, 0, .3);--shadow-glass: 0 4px 24px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .05);--glass-bg: rgba(38, 38, 40, .55);--glass-bg-dense: rgba(44, 44, 46, .78);--glass-bg-subtle: rgba(38, 38, 40, .35);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-border-subtle: 1px solid rgba(255, 255, 255, .04);--glass-highlight: linear-gradient(135deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .02) 50%, transparent 100%);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .05);--glass-inner-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);--apple-blue: #0A84FF;--apple-green: #30D158;--apple-red: #FF453A;--apple-orange: #FF9F0A;--apple-yellow: #FFD60A;--apple-purple: #BF5AF2;--apple-pink: #FF375F;--apple-teal: #64D2FF;--apple-indigo: #5E5CE6;--apple-mint: #63E6E2;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-page: #1c1c1e;--bg-surface: #2c2c2e;--bg-surface-alpha: rgba(44, 44, 46, .72);--bg-surface-solid: #2c2c2e;--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .08);--bg-inset: rgba(255, 255, 255, .03);--text-primary: #f5f5f7;--text-secondary: #98989d;--text-tertiary: #636366;--text-inverse: #1d1d1f;--border-default: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--border-focus: #3B82F6;--accent: #3B82F6;--accent-light: rgba(59, 130, 246, .12);--accent-hover: #60A5FA;--success: #4ADE80;--success-bg: rgba(22, 163, 74, .15);--warning: #FCD34D;--warning-bg: rgba(217, 119, 6, .15);--danger: #F87171;--danger-bg: rgba(220, 38, 38, .15);--info: #60A5FA;--info-bg: rgba(59, 130, 246, .15);--input-bg: #1c1c1e;--input-border: rgba(255, 255, 255, .12);--input-text: #f5f5f7;--input-placeholder: #636366;--card-shadow: 0 2px 20px rgba(0, 0, 0, .2), 0 0 1px rgba(0, 0, 0, .3);--card-shadow-lg: 0 8px 40px rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .4);--badge-bg: rgba(255, 255, 255, .06);--nav-shadow: rgba(0, 0, 0, .3);--shadow-md: 0 2px 20px rgba(0, 0, 0, .2), 0 0 1px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .4);--glass-bg: rgba(38, 38, 40, .55);--glass-bg-dense: rgba(44, 44, 46, .78);--glass-bg-subtle: rgba(38, 38, 40, .35);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-border-subtle: 1px solid rgba(255, 255, 255, .04);--glass-highlight: linear-gradient(135deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .02) 50%, transparent 100%);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .05);--glass-inner-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);color-scheme:dark}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow)}.glass-dense{background:var(--glass-bg-dense);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow)}.glass-subtle{background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border:var(--glass-border-subtle)}.glass-card{background:var(--glass-bg-dense);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);position:relative;overflow:hidden;transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.glass-card:before{content:"";position:absolute;inset:0;background:var(--glass-highlight);border-radius:inherit;pointer-events:none}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.glass-card--elevated{box-shadow:var(--shadow-lg)}.glass-card--elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.glass-card--inset{background:var(--bg-inset);box-shadow:var(--glass-inner-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.glass-card--inset:before{display:none}.glass-card--flat{box-shadow:none}.glass-card--flat:hover{transform:none;box-shadow:var(--shadow-sm)}.glass-nav{background:var(--glass-bg-dense);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:var(--glass-border-subtle);box-shadow:var(--shadow-xs)}.glass-modal-backdrop{background:#00000059;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%)}.glass-modal{background:var(--glass-bg-dense);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.glass-modal:before{content:"";position:absolute;inset:0;background:var(--glass-highlight);border-radius:inherit;pointer-events:none}.glass-panel{background:var(--glass-bg-dense);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-left:var(--glass-border);box-shadow:-4px 0 24px #00000014}.glass-pill{background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border-subtle);border-radius:var(--radius-full);padding:var(--space-0-5)}.glass-pill__item{padding:var(--space-1-5) var(--space-4);border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.glass-pill__item:hover{color:var(--text-primary);background:var(--bg-hover)}.glass-pill__item--active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.glass-toast{background:var(--glass-bg-dense);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4)}.glass-input{background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--glass-border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--text-base);transition:all var(--duration-fast) var(--ease-default)}.glass-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);background:var(--glass-bg-dense)}.glass-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--glass-border-subtle)}.glass-badge--success{background:var(--success-bg);color:var(--success)}.glass-badge--warning{background:var(--warning-bg);color:var(--warning)}.glass-badge--danger{background:var(--danger-bg);color:var(--danger)}.glass-badge--info{background:var(--info-bg);color:var(--info)}.glass-btn{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);min-height:40px;font-family:var(--font-sans);border:none}.glass-btn--primary{background:var(--accent);color:var(--text-inverse)}.glass-btn--primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-sm)}.glass-btn--primary:active{transform:scale(.97)}.glass-btn--secondary{background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--glass-border-subtle);color:var(--text-primary)}.glass-btn--secondary:hover{background:var(--glass-bg);border:var(--glass-border)}.glass-btn--ghost{background:transparent;color:var(--text-secondary)}.glass-btn--ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.glass-btn--danger{background:var(--danger);color:#fff}.glass-btn--danger:hover{opacity:.9}.glass-divider{height:1px;background:var(--border-default);margin:var(--space-4) 0;border:none}.glass-stat{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);position:relative;overflow:hidden}.glass-stat__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1)}.glass-stat__value{font-size:var(--text-xl);font-weight:var(--weight-extrabold);color:var(--text-primary);line-height:var(--leading-tight)}.glass-stat__sub{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-0-5)}@keyframes glass-fade-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glass-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes glass-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glass-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.glass-animate-in{animation:glass-fade-in var(--duration-normal) var(--ease-out) both}.glass-animate-up{animation:glass-fade-up var(--duration-normal) var(--ease-out) both}.glass-stagger>*{animation:glass-fade-up var(--duration-normal) var(--ease-out) both}.glass-stagger>*:nth-child(1){animation-delay:0ms}.glass-stagger>*:nth-child(2){animation-delay:50ms}.glass-stagger>*:nth-child(3){animation-delay:.1s}.glass-stagger>*:nth-child(4){animation-delay:.15s}.glass-stagger>*:nth-child(5){animation-delay:.2s}.glass-stagger>*:nth-child(6){animation-delay:.25s}.glass-skeleton{background:linear-gradient(90deg,var(--bg-inset) 25%,var(--bg-hover) 50%,var(--bg-inset) 75%);background-size:200% 100%;animation:glass-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.glass,.glass-dense,.glass-card,.glass-nav,.glass-modal,.glass-panel{background:var(--bg-surface)!important}.glass-subtle,.glass-toast{background:var(--bg-surface-alpha)!important}}@media(prefers-reduced-motion:reduce){.glass-card:hover,.glass-btn--primary:active{transform:none}.glass-animate-in,.glass-animate-up,.glass-stagger>*{animation:none}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.liquid-mesh-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 20% 20%,rgba(37,99,235,.07) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 80% 80%,rgba(175,82,222,.055) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 50% 50%,rgba(22,163,74,.035) 0%,transparent 60%);animation:liquid-mesh-shift 20s ease-in-out infinite}[data-theme=dark] .liquid-mesh-bg{background:radial-gradient(ellipse 60% 50% at 20% 20%,rgba(59,130,246,.11) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 80% 80%,rgba(191,90,242,.09) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 50% 50%,rgba(74,222,128,.05) 0%,transparent 60%)}@keyframes liquid-mesh-shift{0%,to{transform:scale(1) translate(0)}33%{transform:scale(1.05) translate(1.5%,2%)}66%{transform:scale(.97) translate(-1%,-1.5%)}}.liquid-gradient-text{background:linear-gradient(135deg,var(--accent) 0%,var(--apple-purple) 50%,var(--apple-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--angle),transparent 40%,var(--accent) 50%,var(--apple-purple) 60%,transparent 70%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s ease;animation:liquid-spin-angle 3s linear infinite;z-index:1;pointer-events:none}.glow-border:hover:before{opacity:1}@keyframes liquid-spin-angle{to{--angle: 360deg}}.liquid-glow{position:absolute;inset:15%;border-radius:50%;background:var(--glow-color);opacity:.1;filter:blur(28px);z-index:0;transition:opacity .3s ease;pointer-events:none}@keyframes liquid-slide-up{0%{opacity:0;transform:translateY(20px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.liquid-stagger>*{animation:liquid-slide-up .55s cubic-bezier(.16,1,.3,1) both}.liquid-stagger>*:nth-child(1){animation-delay:0ms}.liquid-stagger>*:nth-child(2){animation-delay:55ms}.liquid-stagger>*:nth-child(3){animation-delay:.11s}.liquid-stagger>*:nth-child(4){animation-delay:165ms}.liquid-stagger>*:nth-child(5){animation-delay:.22s}.liquid-stagger>*:nth-child(6){animation-delay:275ms}.liquid-stagger>*:nth-child(7){animation-delay:.33s}.liquid-stagger>*:nth-child(8){animation-delay:385ms}.liquid-stagger>*:nth-child(9){animation-delay:.44s}.liquid-stagger>*:nth-child(10){animation-delay:495ms}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.65)}}.liquid-section{background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);position:relative}.liquid-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3)}.liquid-table{width:100%;border-collapse:separate;border-spacing:0}.liquid-table th{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;padding:var(--space-2-5) var(--space-3);border-bottom:1px solid var(--border-default);text-align:left}.liquid-table td{padding:var(--space-2-5) var(--space-3);border-bottom:1px solid var(--border-default);font-size:var(--text-sm);color:var(--text-primary)}.liquid-table tr:hover td{background:var(--bg-hover)}.liquid-page-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-6)}.liquid-page-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary)}.liquid-mono{font-family:var(--font-mono)}.liquid-card{background:var(--glass-bg-dense);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:var(--space-4) var(--space-5);position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.liquid-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.liquid-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--glass-bg-dense);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}@media(prefers-reduced-motion:reduce){.liquid-mesh-bg,.liquid-stagger>*,.glow-border:before,.liquid-card{animation:none!important;transition:none!important}.glow-border:before{display:none}.liquid-card:hover{transform:none!important}}:root{--bg-page: #f5f5f7;--bg-surface: rgba(255,255,255,.72);--bg-surface-solid: #ffffff;--bg-hover: rgba(0,0,0,.04);--text-primary: #1d1d1f;--text-secondary: #86868b;--text-tertiary: #aeaeb2;--border: rgba(0,0,0,.08);--border-strong: rgba(0,0,0,.12);--primary: #007AFF;--card-shadow: 0 2px 20px rgba(0,0,0,.06), 0 0 1px rgba(0,0,0,.1);--apple-blue: #007AFF;--apple-green: #34C759;--apple-red: #FF3B30;--apple-orange: #FF9500;--apple-yellow: #FFCC00;--apple-purple: #AF52DE;--apple-pink: #FF2D55;--apple-teal: #5AC8FA;--apple-indigo: #5856D6;--apple-mint: #00C7BE}[data-theme=dark]{--bg-page: #1c1c1e;--bg-surface: rgba(44,44,46,.72);--bg-surface-solid: #2c2c2e;--bg-hover: rgba(255,255,255,.06);--text-primary: #f5f5f7;--text-secondary: #98989d;--text-tertiary: #636366;--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.12);--primary: #0A84FF;--card-shadow: 0 2px 20px rgba(0,0,0,.2), 0 0 1px rgba(0,0,0,.3);--apple-blue: #0A84FF;--apple-green: #30D158;--apple-red: #FF453A;--apple-orange: #FF9F0A;--apple-yellow: #FFD60A;--apple-purple: #BF5AF2;--apple-pink: #FF375F;--apple-teal: #64D2FF;--apple-indigo: #5E5CE6;--apple-mint: #63E6E2;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-page: #1c1c1e;--bg-surface: rgba(44,44,46,.72);--bg-surface-solid: #2c2c2e;--bg-hover: rgba(255,255,255,.06);--text-primary: #f5f5f7;--text-secondary: #98989d;--text-tertiary: #636366;--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.12);--primary: #0A84FF;--card-shadow: 0 2px 20px rgba(0,0,0,.2), 0 0 1px rgba(0,0,0,.3);color-scheme:dark}}[data-theme=dark] body,[data-theme=dark] #root{background:var(--bg-page);color:var(--text-primary)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--bg-page);color:var(--text-primary);border-color:var(--border-strong);color-scheme:dark}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-tertiary);opacity:1}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0a84ff4d}[data-theme=dark] option{background:var(--bg-surface-solid);color:var(--text-primary)}[data-theme=dark] table{border-color:var(--border)}[data-theme=dark] thead{background:var(--bg-page)}[data-theme=dark] th{background:var(--bg-page);color:var(--text-secondary);border-color:var(--border)}[data-theme=dark] td{border-color:var(--border);color:var(--text-primary)}[data-theme=dark] tr:hover>td{background:#0a84ff14}[data-theme=dark] a{color:var(--primary)}[data-theme=dark] a:hover{color:#409cff}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-page)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-theme=dark] ::selection{background:#0a84ff66}[data-theme=dark] .modal-overlay{background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}[data-theme=dark] button{color:inherit}