:root{--bg-primary: #f0f2f7;--bg-secondary: #ffffff;--bg-tertiary: #f1f3f9;--bg-glass: rgba(255, 255, 255, .72);--bg-glass-hover: rgba(255, 255, 255, .88);--bg-input: #f4f6fb;--bg-nav: rgba(255, 255, 255, .82);--bg-modal-overlay: rgba(15, 23, 42, .35);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-inverse: #ffffff;--border-default: rgba(0, 0, 0, .06);--border-subtle: rgba(0, 0, 0, .04);--border-strong: rgba(0, 0, 0, .1);--border-focus: rgba(99, 102, 241, .5);--accent: #4f46e5;--accent-hover: #4338ca;--accent-light: rgba(99, 102, 241, .08);--accent-glow: rgba(99, 102, 241, .15);--accent-text: #4338ca;--success: #047857;--success-light: rgba(16, 185, 129, .08);--warning: #b45309;--warning-light: rgba(245, 158, 11, .08);--danger: #b91c1c;--danger-light: rgba(239, 68, 68, .08);--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.02);--shadow-md: 0 4px 12px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.03);--shadow-lg: 0 12px 40px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.04);--shadow-xl: 0 24px 64px rgba(0,0,0,.1), 0 8px 20px rgba(0,0,0,.06);--shadow-glow: 0 0 0 3px var(--accent-glow);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--radius-pill: 100px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--header-bg: linear-gradient(135deg, #4f46e5 0%, #6366f1 40%, #7c3aed 100%);--header-text: #ffffff;--header-shadow: 0 4px 20px rgba(99, 102, 241, .25);--btn-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--btn-shadow: 0 4px 16px rgba(99, 102, 241, .3);--btn-hover-shadow: 0 8px 24px rgba(99, 102, 241, .4);--card-bg: #ffffff;--card-border: var(--border-default);--card-shadow: var(--shadow-md);--card-radius: var(--radius-lg)}html.dark{--bg-primary: #0c1222;--bg-secondary: #151d2e;--bg-tertiary: #1a2438;--bg-glass: rgba(21, 29, 46, .8);--bg-glass-hover: rgba(26, 36, 56, .92);--bg-input: rgba(15, 23, 42, .6);--bg-nav: rgba(12, 18, 34, .92);--bg-modal-overlay: rgba(0, 0, 0, .65);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--accent: #818cf8;--accent-text: #a5b4fc;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--border-default: rgba(148, 163, 184, .08);--border-subtle: rgba(148, 163, 184, .05);--border-strong: rgba(148, 163, 184, .12);--accent-light: rgba(99, 102, 241, .12);--accent-glow: rgba(99, 102, 241, .2);--success-light: rgba(16, 185, 129, .12);--warning-light: rgba(245, 158, 11, .12);--danger-light: rgba(239, 68, 68, .12);--shadow-sm: 0 1px 3px rgba(0,0,0,.25);--shadow-md: 0 4px 16px rgba(0,0,0,.3);--shadow-lg: 0 12px 40px rgba(0,0,0,.4);--shadow-xl: 0 24px 64px rgba(0,0,0,.5);--header-bg: linear-gradient(135deg, rgba(99, 102, 241, .2) 0%, rgba(139, 92, 246, .15) 100%);--header-shadow: 0 1px 0 rgba(148, 163, 184, .08);--card-bg: #151d2e;--card-border: var(--border-default);--card-shadow: var(--shadow-md)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background .5s var(--ease),color .5s var(--ease)}#root{min-height:100vh;width:100%;max-width:100%;overflow-x:hidden}::selection{background:var(--accent-glow);color:var(--text-primary)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}img{max-width:100%;display:block}button,input,select,textarea{font-family:inherit}.page-content{max-width:100%;overflow-x:hidden}.row{display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box}.col{flex:1;min-width:0}.col-45{flex:0 0 45%;max-width:45%}.col-50{flex:0 0 50%;max-width:50%}.col-55{flex:0 0 55%;max-width:55%}.text-color-gray{color:var(--f7-text-color);opacity:.55}.sheet-actions{display:flex;gap:10px;padding:8px 16px 20px;align-items:stretch}.sheet-actions .button{flex:1}.sheet-footer-space{height:34px}.popup .page-content{padding:0}.kv{display:flex;gap:12px;align-items:flex-start;padding:10px 16px;border-bottom:1px solid var(--f7-list-item-border-color)}.kv:last-child{border-bottom:none}.kv-label{flex:0 0 auto;min-width:110px;font-size:15px;color:var(--f7-text-color);opacity:.55;line-height:1.4}.kv-value{flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.4;word-break:break-word;text-align:right}