:root{--brand-navy: #1B2A4A;--brand-navy-light: #2d4470;--brand-navy-dark: #152238;--brand-teal: #2AB5B2;--brand-teal-light: #5CD6D3;--brand-coral: #E8637F;--brand-gold: #C9A87C;--brand-accent: #1B2A4A;--brand-accent-dark: #152238;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-page: #f8f9fa;--bg-card: #ffffff;--bg-card-hover: #f9fafb;--bg-sidebar: #ffffff;--bg-input: #ffffff;--bg-row: #f9fafb;--bg-row-hover: #f3f4f6;--bg-header: linear-gradient(135deg, #f0f4fa 0%, #e8f0f8 50%, #e8f8f7 100%);--bg-tooltip: #ffffff;--bg-overlay: rgba(0, 0, 0, .5);--bg-accent-soft: #edf5f5;--bg-accent-teal: #e8f8f7;--bg-accent-coral: #fdf0f2;--bg-accent-navy: #f0f4fa;--bg-accent-gold: #f5f0ea;--border-primary: #e5e7eb;--border-hover: #d1d5db;--border-header: #dce3f0;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-placeholder: #d1d5db;--text-dark: #374151;--text-heading: #1f2937;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .1);--bg-badge-str: rgba(27, 42, 74, .13);--bg-badge-ltr: rgba(42, 181, 178, .13);--text-badge-str: #1B2A4A;--text-badge-ltr: #2AB5B2;--success: #10b981;--danger: #dc2626;--danger-bg: #fdf5f6;--error-bg: #fef2f2;--error-border: #fecaca;--success-bg: #ecfdf5;--neutral-bg: #f9fafb;--warning-bg: #fef3c7;--neutral-border: #d1d5db;--sidebar-active-bg: #edf5f5;--sidebar-active-border: #2AB5B2;--scrollbar-track: #f1f1f1;--scrollbar-thumb: #d1d5db;--scrollbar-thumb-hover: #9ca3af}[data-theme=dark]{--brand-accent: #C9A87C;--brand-accent-dark: #d48e1a;--bg-page: #0c1219;--bg-card: #111a27;--bg-card-hover: #162030;--bg-sidebar: #080e15;--bg-input: #0f1822;--bg-row: #0e1620;--bg-row-hover: #142030;--bg-header: linear-gradient(135deg, #0e1620 0%, #111a27 50%, #0d1822 100%);--bg-tooltip: #162030;--bg-overlay: rgba(0, 0, 0, .75);--bg-accent-soft: rgba(42, 181, 178, .06);--bg-accent-teal: rgba(42, 181, 178, .08);--bg-accent-coral: rgba(232, 99, 127, .08);--bg-accent-navy: rgba(27, 42, 74, .25);--bg-accent-gold: rgba(201, 168, 124, .1);--border-primary: #1a2738;--border-hover: #243548;--border-header: #1a2738;--text-primary: #e4e9f2;--text-secondary: #7d8da5;--text-muted: #4a5870;--text-placeholder: #2a3848;--text-dark: #c0c9da;--text-heading: #f0f3f8;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-hover: 0 4px 20px rgba(0, 0, 0, .55);--bg-badge-str: rgba(42, 181, 178, .12);--bg-badge-ltr: rgba(27, 42, 74, .35);--text-badge-str: #5CD6D3;--text-badge-ltr: #8b9fc7;--success: #34d399;--danger: #f87171;--danger-bg: rgba(248, 113, 113, .06);--error-bg: rgba(248, 113, 113, .08);--error-border: rgba(248, 113, 113, .2);--success-bg: rgba(52, 211, 153, .08);--neutral-bg: var(--bg-input);--warning-bg: rgba(201, 168, 124, .1);--neutral-border: var(--border-primary);--sidebar-active-bg: rgba(42, 181, 178, .08);--sidebar-active-border: #2AB5B2;--scrollbar-track: #0c1219;--scrollbar-thumb: #1a2738;--scrollbar-thumb-hover: #243548}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--brand-accent: #C9A87C;--brand-accent-dark: #d48e1a;--bg-page: #0c1219;--bg-card: #111a27;--bg-card-hover: #162030;--bg-sidebar: #080e15;--bg-input: #0f1822;--bg-row: #0e1620;--bg-row-hover: #142030;--bg-header: linear-gradient(135deg, #0e1620 0%, #111a27 50%, #0d1822 100%);--bg-tooltip: #162030;--bg-overlay: rgba(0, 0, 0, .75);--bg-accent-soft: rgba(42, 181, 178, .06);--bg-accent-teal: rgba(42, 181, 178, .08);--bg-accent-coral: rgba(232, 99, 127, .08);--bg-accent-navy: rgba(27, 42, 74, .25);--bg-accent-gold: rgba(201, 168, 124, .1);--border-primary: #1a2738;--border-hover: #243548;--border-header: #1a2738;--text-primary: #e4e9f2;--text-secondary: #7d8da5;--text-muted: #4a5870;--text-placeholder: #2a3848;--text-dark: #c0c9da;--text-heading: #f0f3f8;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-hover: 0 4px 20px rgba(0, 0, 0, .55);--bg-badge-str: rgba(42, 181, 178, .12);--bg-badge-ltr: rgba(27, 42, 74, .35);--text-badge-str: #5CD6D3;--text-badge-ltr: #8b9fc7;--success: #34d399;--danger: #f87171;--danger-bg: rgba(248, 113, 113, .06);--error-bg: rgba(248, 113, 113, .08);--error-border: rgba(248, 113, 113, .2);--success-bg: rgba(52, 211, 153, .08);--neutral-bg: var(--bg-input);--warning-bg: rgba(201, 168, 124, .1);--neutral-border: var(--border-primary);--sidebar-active-bg: rgba(42, 181, 178, .08);--sidebar-active-border: #2AB5B2;--scrollbar-track: #0c1219;--scrollbar-thumb: #1a2738;--scrollbar-thumb-hover: #243548}}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-primary);background-color:var(--bg-page);transition:background-color .3s ease,color .3s ease}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}input,select,textarea{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-primary)}*{box-sizing:border-box}.sidebar,.main-content,.stat-card,.section-card,.chart-card,.property-card,.profile-button,.profile-dropup,.dropup-item,.nav-item,input,select,textarea{transition:background-color .3s ease,border-color .3s ease,color .3s ease}@media(max-width:768px){html,body{overflow-x:hidden;max-width:100%;width:100%}#root{overflow-x:hidden;max-width:100%;width:100%;position:relative}}.route-loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-page)}.route-loading-content{text-align:center}.route-loading-spinner{width:48px;height:48px;border:4px solid var(--border-primary);border-top-color:var(--brand-teal);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.route-loading-text{color:var(--text-secondary);font-size:16px}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}#root{width:100%;min-height:100vh}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}