:root{--bg-primary: #fafbfe;--bg-secondary: #f4f6fb;--bg-card: #ffffff;--bg-sidebar: #eef1f8;--bg-hover: #e8ecf4;--bg-active: #dde3f0;--accent-primary: #7c9bf5;--accent: #7c9bf5;--accent-primary-light: #b5ccff;--accent-primary-dark: #5a7bd6;--accent-secondary: #f5a5c4;--accent-tertiary: #a8d8b9;--accent-warning: #f5d89a;--accent-danger: #f5a5a5;--accent-purple: #c5a5f5;--text-primary: #2d3748;--text-secondary: #718096;--text-muted: #a0aec0;--text-on-accent: #ffffff;--border-light: #e2e8f0;--border-medium: #cbd5e0;--border-focus: #7c9bf5;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--shadow-xl: 0 12px 36px rgba(0, 0, 0, .1);--shadow-hover: 0 6px 16px rgba(124, 155, 245, .18);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--font-primary: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--sidebar-width: 260px;--sidebar-collapsed-width: 76px;--header-height: 64px;--orange: #e8893c;--red: #e05555;--blue: #5b8def;--green: #4caf7a;--status-online: #4caf7a;--status-offline: #e05555;--status-warning: #e8893c;--status-info: #5b8def;--surface-elevated: #ffffff;--surface-glass: rgba(255, 255, 255, .72);--grad-connected: #a0e8c0;--grad-connecting: #ffe88a;--grad-error: #ffaaaa;--grad-purple: #e0b0ff;--grad-success: #4ade80;--grad-purple-accent: #c084fc;--tint-primary: rgba(99, 102, 241, .15);--tint-primary-light: rgba(99, 102, 241, .12);--tint-primary-lighter: rgba(99, 102, 241, .1);--tint-primary-faint: rgba(99, 102, 241, .06);--tint-primary-ultra: rgba(99, 102, 241, .08);--tint-danger: rgba(239, 68, 68, .1);--tint-danger-faint: rgba(239, 68, 68, .08);--tint-danger-ultra: rgba(239, 68, 68, .06);--tint-success: rgba(34, 197, 94, .1);--tint-success-faint: rgba(34, 197, 94, .08);--tint-success-border: rgba(34, 197, 94, .2);--tint-danger-border: rgba(239, 68, 68, .2);--tint-purple: rgba(197, 165, 245, .08);--tint-purple-strong: rgba(197, 165, 245, .2);--tint-blue: rgba(124, 155, 245, .08);--tint-green: rgba(76, 175, 80, .1);--tint-light-danger: rgba(245, 165, 165, .06);--gold: #FFD700;--warning: #FF9800;--success: #22c55e;--danger: #ef4444;--white: #ffffff;--console-bg: #1a1f2e;--console-text: #d7e1f5;--console-border: rgba(124, 155, 245, .12);--console-prompt: #9ecbff;--console-muted: #7f8ea8;--console-c-input: #7ae2a4;--console-err: #ff9c9c;--console-input-bg: #232b40;--console-input-border: #3a4a6b;--console-input-focus: #7c9bf5;--sidebar-gradient: linear-gradient(180deg, #f5f7fc 0%, #edf0f9 50%, #e6eaf4 100%);--sidebar-shadow: 1px 0 8px rgba(0, 0, 0, .03);--sidebar-logo-shadow: 0 4px 12px rgba(124, 155, 245, .3);--header-bg: rgb(250, 251, 254);--header-shadow: 0 1px 4px rgba(0, 0, 0, .02);--modal-backdrop: rgba(45, 55, 72, .6);--modal-shadow: 0 20px 60px rgba(0, 0, 0, .15);--btn-primary-shine: linear-gradient(105deg, transparent, rgba(255,255,255,.28), transparent);--btn-danger-shadow: 0 4px 12px rgba(229, 62, 62, .25);--btn-success-bg: linear-gradient(135deg, var(--accent-tertiary), #cdeeda);--btn-success-text: #25613f;--input-focus-ring: 0 0 0 3px rgba(124, 155, 245, .15);--switch-bg: var(--border-medium);--switch-knob: #fff;--pill-green-bg: #e5f5ea;--pill-green-text: #25613f;--pill-yellow-bg: #fdf3dd;--pill-yellow-text: #8a6d1f;--pill-red-bg: #fdeaea;--pill-red-text: #8a3a3a;--pill-blue-bg: #e8effd;--pill-blue-text: #3d5bb0;--pill-gray-bg: #eef0f4;--pill-gray-text: #718096;--pill-purple-bg: #f1e9fc;--pill-purple-text: #6b3bb0;--res-wood: #8a5a1f;--res-wine: #8a3a5a;--res-marble: #5a6a8a;--res-crystal: #3d6b8a;--res-sulfur: #7a5a2a;--res-gold: #b8860b;--stat-positive: #16a34a;--stat-negative: #dc2626;--func-economy-bg: #e5f5ea;--func-military-bg: #fdeaea;--func-pirate-bg: #f1e9fc;--func-diplomacy-bg: #e8effd;--func-information-bg: #fdf3dd;--func-logistics-bg: #fce8f0;--func-advanced-bg: #dde6ff;--func-premium-bg: #f1e9fc;--task-running-bg: #e8effd;--task-running-text: #3d5bb0;--task-done-bg: #e5f5ea;--task-done-text: #25613f;--task-error-bg: #fdeaea;--task-error-text: #8a3a3a;--task-queued-bg: #fdf3dd;--task-queued-text: #8a6d1f;--result-success-bg: rgba(168, 216, 185, .2);--result-success-text: #2d6a4f;--result-error-bg: rgba(245, 165, 165, .2);--result-error-text: #c53030;--badge-success-bg: rgba(76,175,122,.12);--badge-danger-bg: rgba(224,85,85,.12);--badge-warning-bg: rgba(232,137,60,.12);--badge-info-bg: rgba(91,141,239,.12);--badge-muted-bg: rgba(100,100,120,.12);--badge-hostile-bg: rgba(224,85,85,.12);--badge-own-bg: rgba(91,141,239,.12);--error-row-bg: rgba(224,85,85,.08);--error-row-text: #fca5a5;--movement-attacker-bg: rgba(224,85,85,.06);--movement-attacker-border: rgba(224,85,85,.1);--movement-loot-bg: linear-gradient(135deg, rgba(232,137,60,.08), rgba(232,137,60,.03));--movement-loot-border: rgba(232,137,60,.2);--unit-army-border: rgba(232,137,60,.3);--unit-army-bg: rgba(232,137,60,.08);--unit-ship-border: rgba(91,141,239,.3);--unit-ship-bg: rgba(91,141,239,.08);--unit-transport-border: rgba(76,175,122,.3);--unit-transport-bg: rgba(76,175,122,.08);--unit-resource-border: rgba(197,165,245,.3);--unit-resource-bg: rgba(197,165,245,.08);--tier-5: #e6a817;--tier-5-bg: rgba(230, 168, 23, .12);--func-economy-hover: linear-gradient(135deg, #4caf50, #81c784);--func-military-hover: linear-gradient(135deg, #e53935, #ef5350);--func-pirate-hover: linear-gradient(135deg, #7c4dff, #b47cff);--func-information-hover: linear-gradient(135deg, #f5a623, #f5c842);--func-logistics-hover: linear-gradient(135deg, var(--accent-secondary), #f7c4d8);--func-advanced-hover: linear-gradient(135deg, #3d5bb0, #5a7bd6);--func-premium-hover: linear-gradient(135deg, #9c27b0, #ba68c8);--toast-shadow: 0 8px 24px rgba(0, 0, 0, .12);--console-shadow: inset 0 2px 8px rgba(0,0,0,.25), 0 1px 3px rgba(0,0,0,.1);--console-focus-shadow: inset 0 2px 8px rgba(0,0,0,.2), 0 0 0 2px rgba(124,155,245,.1);--range-thumb-shadow: 0 2px 6px rgba(124, 155, 245, .3);--range-thumb-shadow-hover: 0 3px 10px rgba(124, 155, 245, .4);--skeleton-shimmer: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);--btn-loading-border: rgba(255,255,255,.3);--card-floating-shadow: 0 4px 20px rgba(0,0,0,.3);--grad-red-light: #ff8888;--grad-orange-light: #ffbb77;--grad-blue-light: #88bbff;--grad-green-light: #88ddaa;--login-bg: rgba(255,255,255,.88);--login-border: rgba(255,255,255,.7);--login-shadow: 0 20px 60px rgba(0, 0, 0, .12);--login-logo-shadow: 0 8px 24px rgba(124, 155, 245, .3);--login-stat-hover: rgba(124, 155, 245, .06);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--sidebar-backdrop: rgba(15, 23, 42, .35);--bottom-nav-shadow: 0 -2px 8px rgba(0,0,0,.08);--fab-shadow: 0 6px 20px rgba(124, 155, 245, .4);--fab-shadow-hover: 0 8px 28px rgba(124, 155, 245, .5);--card-hover-glow: radial-gradient(ellipse at center, rgba(124, 155, 245, .04), transparent 70%);--bg-gradient-primary: linear-gradient(135deg, rgba(124, 155, 245, .08), rgba(245, 165, 196, .06));--bg-gradient-success: linear-gradient(135deg, rgba(168, 216, 185, .08), rgba(124, 155, 245, .06));--bg-gradient-warning: linear-gradient(135deg, rgba(245, 216, 154, .1), rgba(245, 165, 165, .06));--qa-selected-text: #fff;--qa-dot-connected: #fff;--upgrade-selected-bg: rgba(124, 155, 245, .04);--conversion-bg: rgba(76,175,122,.1);--conversion-disabled-bg: rgba(100,100,120,.1);--status-dot-glow: 0 0 6px rgba(76,175,122,.4);--row-highlight-bg: rgba(124,155,245,.04);--resource-bar-shine: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.3) 50%, transparent 100%);--btn-ripple: rgba(255, 255, 255, .2);--card-inner-shadow: inset 0 2px 4px rgba(0, 0, 0, .02), var(--shadow-sm);--empty-state-shadow: 0 8px 24px rgba(124, 155, 245, .2);--stat-card-shadow: 0 12px 32px rgba(124, 155, 245, .2);--filter-count-bg: rgba(255,255,255,.25);--urgent-pulse: 0 0 0 0 rgba(224,85,85,0);--urgent-pulse-end: 0 0 0 4px rgba(224,85,85,.12);--movement-badge-shadow: 0 2px 8px rgba(0,0,0,.15);--avatar-shadow: 0 4px 12px rgba(0, 0, 0, .1);--avatar-glow: 0 6px 16px rgba(0, 0, 0, .15);--avatar-shine: linear-gradient(135deg, transparent 40%, rgba(255,255,255,.15) 100%);--grad-success-end: #cdeeda;--grad-warning-end: #fce8b0;--grad-danger-end: #fde0e0;--grad-purple-end: #e0d0fc}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-card: #141414;--bg-sidebar: #050505;--bg-hover: #1c1c1c;--bg-active: #252525;--accent-primary: #8ba8ff;--accent: #8ba8ff;--accent-primary-light: #a8c2ff;--accent-primary-dark: #6d8de0;--accent-secondary: #f5a5c4;--accent-tertiary: #7ed6a0;--accent-warning: #f5d89a;--accent-danger: #f08080;--accent-purple: #b89af5;--text-primary: #f0f0f0;--text-secondary: #c0c0c0;--text-muted: #a0a0a0;--text-on-accent: #ffffff;--border-light: #282828;--border-medium: #383838;--border-focus: #8ba8ff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .6);--shadow-md: 0 4px 12px rgba(0, 0, 0, .7);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .75);--shadow-xl: 0 12px 36px rgba(0, 0, 0, .8);--shadow-hover: 0 6px 16px rgba(139, 168, 255, .08);--orange: #f0a050;--red: #f06060;--blue: #6ea8fe;--green: #5ec98a;--status-online: #5ec98a;--status-offline: #f06060;--status-warning: #f0a050;--status-info: #6ea8fe;--surface-elevated: #1a1a1a;--surface-glass: rgba(10, 10, 10, .9);--grad-connected: #6fcf97;--grad-connecting: #f5d89a;--grad-error: #f0a0a0;--grad-purple: #d4a0f0;--grad-success: #6fcf97;--grad-purple-accent: #c9a0f5;--tint-primary: rgba(99, 102, 241, .2);--tint-primary-light: rgba(99, 102, 241, .16);--tint-primary-lighter: rgba(99, 102, 241, .14);--tint-primary-faint: rgba(99, 102, 241, .1);--tint-primary-ultra: rgba(99, 102, 241, .12);--tint-danger: rgba(240, 96, 96, .14);--tint-danger-faint: rgba(240, 96, 96, .12);--tint-danger-ultra: rgba(240, 96, 96, .1);--tint-success: rgba(94, 201, 138, .14);--tint-success-faint: rgba(94, 201, 138, .12);--tint-success-border: rgba(94, 201, 138, .25);--tint-danger-border: rgba(240, 96, 96, .25);--tint-purple: rgba(184, 154, 245, .12);--tint-purple-strong: rgba(184, 154, 245, .25);--tint-blue: rgba(139, 168, 255, .12);--tint-green: rgba(94, 201, 138, .14);--tint-light-danger: rgba(240, 160, 160, .08);--gold: #f5d89a;--warning: #f0a050;--success: #5ec98a;--danger: #f08080;--white: #ffffff;--console-bg: #080808;--console-text: #c8d4e8;--console-border: rgba(139, 168, 255, .15);--console-prompt: #8ab8ff;--console-muted: #7a8a9a;--console-c-input: #6fd4a0;--console-err: #f0a0a0;--console-input-bg: #141414;--console-input-border: #282828;--console-input-focus: #8ba8ff;--sidebar-gradient: linear-gradient(180deg, #0a0a0a 0%, #080808 100%);--sidebar-shadow: 2px 0 12px rgba(0, 0, 0, .5);--sidebar-logo-shadow: 0 4px 12px rgba(139, 168, 255, .2);--header-bg: rgb(0, 0, 0);--header-shadow: none;--modal-backdrop: rgba(0, 0, 0, .7);--modal-shadow: 0 20px 60px rgba(0, 0, 0, .85);--btn-primary-shine: linear-gradient(105deg, transparent, rgba(139,168,255,.15), transparent);--btn-danger-shadow: 0 4px 12px rgba(240, 96, 96, .2);--btn-success-bg: linear-gradient(135deg, #2d8a5a, #3aaa6a);--btn-success-text: #e0f5e8;--input-focus-ring: 0 0 0 3px rgba(139, 168, 255, .2);--switch-bg: #282828;--switch-knob: #a0a0a0;--pill-green-bg: #0f2a1a;--pill-green-text: #6fcf97;--pill-yellow-bg: #2a2810;--pill-yellow-text: #f5d89a;--pill-red-bg: #2a0f0f;--pill-red-text: #f08080;--pill-blue-bg: #0f1a30;--pill-blue-text: #8ba8ff;--pill-gray-bg: #181818;--pill-gray-text: #a0a0a0;--pill-purple-bg: #1a1030;--pill-purple-text: #b89af5;--res-wood: #c9935a;--res-wine: #c97a9a;--res-marble: #8a9ab5;--res-crystal: #6ab5d4;--res-sulfur: #c9a55a;--res-gold: #d4aa30;--stat-positive: #5ec98a;--stat-negative: #f06060;--func-economy-bg: #0f2a1a;--func-military-bg: #2a0f0f;--func-pirate-bg: #1a1030;--func-diplomacy-bg: #0f1a30;--func-information-bg: #2a2810;--func-logistics-bg: #2a0f1a;--func-advanced-bg: #0f1a30;--func-premium-bg: #1a1030;--task-running-bg: #0f1a30;--task-running-text: #8ba8ff;--task-done-bg: #0f2a1a;--task-done-text: #6fcf97;--task-error-bg: #2a0f0f;--task-error-text: #f08080;--task-queued-bg: #2a2810;--task-queued-text: #f5d89a;--result-success-bg: rgba(94, 201, 138, .15);--result-success-text: #5ec98a;--result-error-bg: rgba(240, 96, 96, .15);--result-error-text: #f08080;--badge-success-bg: rgba(94,201,138,.15);--badge-danger-bg: rgba(240,96,96,.15);--badge-warning-bg: rgba(240,160,80,.15);--badge-info-bg: rgba(110,168,254,.15);--badge-muted-bg: rgba(100,100,120,.15);--badge-hostile-bg: rgba(240,96,96,.15);--badge-own-bg: rgba(110,168,254,.15);--error-row-bg: rgba(240,96,96,.1);--error-row-text: #f0a0a0;--movement-attacker-bg: rgba(240,96,96,.08);--movement-attacker-border: rgba(240,96,96,.15);--movement-loot-bg: linear-gradient(135deg, rgba(240,160,80,.1), rgba(240,160,80,.04));--movement-loot-border: rgba(240,160,80,.25);--unit-army-border: rgba(240,160,80,.3);--unit-army-bg: rgba(240,160,80,.1);--unit-ship-border: rgba(110,168,254,.3);--unit-ship-bg: rgba(110,168,254,.1);--unit-transport-border: rgba(94,201,138,.3);--unit-transport-bg: rgba(94,201,138,.1);--unit-resource-border: rgba(184,154,245,.3);--unit-resource-bg: rgba(184,154,245,.1);--tier-5: #f0c040;--tier-5-bg: rgba(240, 192, 64, .12);--func-economy-hover: linear-gradient(135deg, #4caf50, #81c784);--func-military-hover: linear-gradient(135deg, #e53935, #ef5350);--func-pirate-hover: linear-gradient(135deg, #7c4dff, #b47cff);--func-information-hover: linear-gradient(135deg, #f5a623, #f5c842);--func-logistics-hover: linear-gradient(135deg, var(--accent-secondary), #f7c4d8);--func-advanced-hover: linear-gradient(135deg, #3d5bb0, #5a7bd6);--func-premium-hover: linear-gradient(135deg, #9c27b0, #ba68c8);--toast-shadow: 0 8px 24px rgba(0, 0, 0, .4);--console-shadow: inset 0 2px 8px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.3);--console-focus-shadow: inset 0 2px 8px rgba(0,0,0,.3), 0 0 0 2px rgba(139,168,255,.15);--range-thumb-shadow: 0 2px 6px rgba(139, 168, 255, .3);--range-thumb-shadow-hover: 0 3px 10px rgba(139, 168, 255, .4);--skeleton-shimmer: linear-gradient(90deg, transparent, rgba(255,255,255,.05), transparent);--btn-loading-border: rgba(255,255,255,.2);--card-floating-shadow: 0 4px 20px rgba(0,0,0,.5);--grad-red-light: #f0a0a0;--grad-orange-light: #f0c080;--grad-blue-light: #a0c8ff;--grad-green-light: #a0e0c0;--login-bg: rgba(10, 10, 10, .96);--login-border: rgba(40, 40, 40, .8);--login-shadow: 0 20px 60px rgba(0, 0, 0, .6);--login-logo-shadow: 0 8px 24px rgba(139, 168, 255, .2);--login-stat-hover: rgba(139, 168, 255, .1);--glass-bg: rgba(14, 14, 14, .85);--glass-border: rgba(40, 40, 40, .6);--sidebar-backdrop: rgba(0, 0, 0, .6);--bottom-nav-shadow: 0 -2px 8px rgba(0,0,0,.3);--fab-shadow: 0 6px 20px rgba(139, 168, 255, .25);--fab-shadow-hover: 0 8px 28px rgba(139, 168, 255, .35);--card-hover-glow: radial-gradient(ellipse at center, rgba(139, 168, 255, .06), transparent 70%);--bg-gradient-primary: linear-gradient(135deg, rgba(139, 168, 255, .1), rgba(245, 165, 196, .08));--bg-gradient-success: linear-gradient(135deg, rgba(126, 214, 160, .1), rgba(139, 168, 255, .08));--bg-gradient-warning: linear-gradient(135deg, rgba(245, 216, 154, .12), rgba(240, 128, 128, .08));--qa-selected-text: #fff;--qa-dot-connected: #fff;--upgrade-selected-bg: rgba(139, 168, 255, .06);--conversion-bg: rgba(94,201,138,.12);--conversion-disabled-bg: rgba(100,100,120,.12);--status-dot-glow: 0 0 6px rgba(94,201,138,.5);--row-highlight-bg: rgba(139,168,255,.06);--resource-bar-shine: linear-gradient(90deg, transparent 0%, rgba(139,168,255,.15) 50%, transparent 100%);--btn-ripple: rgba(139, 168, 255, .15);--card-inner-shadow: inset 0 2px 4px rgba(0, 0, 0, .1), var(--shadow-sm);--empty-state-shadow: 0 8px 24px rgba(139, 168, 255, .15);--stat-card-shadow: 0 12px 32px rgba(139, 168, 255, .15);--filter-count-bg: rgba(139,168,255,.2);--urgent-pulse: 0 0 0 0 rgba(240,96,96,0);--urgent-pulse-end: 0 0 0 4px rgba(240,96,96,.15);--movement-badge-shadow: 0 2px 8px rgba(0,0,0,.3);--avatar-shadow: 0 4px 12px rgba(0, 0, 0, .3);--avatar-glow: 0 6px 16px rgba(0, 0, 0, .4);--avatar-shine: linear-gradient(135deg, transparent 40%, rgba(139,168,255,.08) 100%);--grad-success-end: #6fcf97;--grad-warning-end: #f5d89a;--grad-danger-end: #f0a0a0;--grad-purple-end: #d4a0f0}[data-theme=snow]{--bg-primary: #f0f4f8;--bg-secondary: #e4ebf2;--bg-card: #ffffff;--bg-sidebar: #dce4ed;--bg-hover: #d4dce8;--bg-active: #c8d4e2;--accent-primary: #5b8def;--accent: #5b8def;--accent-primary-light: #8bb4ff;--accent-primary-dark: #3a6fd8;--accent-secondary: #e88cb5;--accent-tertiary: #5cb88a;--accent-warning: #e8b84a;--accent-danger: #d85454;--accent-purple: #9a7ae0;--text-primary: #1a2a3a;--text-secondary: #5a6a7a;--text-muted: #8a96a4;--text-on-accent: #ffffff;--border-light: #c8d4e2;--border-medium: #b0bcd0;--border-focus: #5b8def;--shadow-sm: 0 1px 4px rgba(90, 120, 160, .08);--shadow-md: 0 4px 14px rgba(90, 120, 160, .12);--shadow-lg: 0 8px 28px rgba(90, 120, 160, .16);--shadow-xl: 0 12px 40px rgba(90, 120, 160, .2);--shadow-hover: 0 6px 18px rgba(91, 141, 239, .15);--orange: #d87a30;--red: #c84040;--blue: #4a7de0;--green: #3a9a6a;--status-online: #3a9a6a;--status-offline: #c84040;--status-warning: #d87a30;--status-info: #4a7de0;--surface-elevated: #ffffff;--surface-glass: rgba(255, 255, 255, .85);--grad-connected: #90d8b0;--grad-connecting: #f0d880;--grad-error: #f0b0b0;--grad-purple: #d0a0f0;--grad-success: #90d8b0;--grad-purple-accent: #b890e0;--tint-primary: rgba(91, 141, 239, .12);--tint-primary-light: rgba(91, 141, 239, .1);--tint-primary-lighter: rgba(91, 141, 239, .08);--tint-primary-faint: rgba(91, 141, 239, .06);--tint-primary-ultra: rgba(91, 141, 239, .07);--tint-danger: rgba(216, 84, 84, .08);--tint-danger-faint: rgba(216, 84, 84, .06);--tint-danger-ultra: rgba(216, 84, 84, .05);--tint-success: rgba(92, 184, 138, .08);--tint-success-faint: rgba(92, 184, 138, .06);--tint-success-border: rgba(92, 184, 138, .18);--tint-danger-border: rgba(216, 84, 84, .18);--tint-purple: rgba(154, 122, 224, .06);--tint-purple-strong: rgba(154, 122, 224, .15);--tint-blue: rgba(91, 141, 239, .07);--tint-green: rgba(92, 184, 138, .08);--tint-light-danger: rgba(216, 84, 84, .05);--gold: #d89830;--warning: #d87a30;--success: #2a8a5a;--danger: #c84040;--white: #ffffff;--console-bg: #1a2436;--console-text: #d8e4f0;--console-border: rgba(91, 141, 239, .15);--console-prompt: #90b8e8;--console-muted: #708090;--console-c-input: #70c8a0;--console-err: #f0a0a0;--console-input-bg: #243040;--console-input-border: #3a4a5a;--console-input-focus: #5b8def;--sidebar-gradient: linear-gradient(180deg, #e8f0f8 0%, #dce6f0 50%, #d0dceb 100%);--sidebar-shadow: 1px 0 8px rgba(90, 120, 160, .04);--sidebar-logo-shadow: 0 4px 12px rgba(91, 141, 239, .25);--header-bg: rgb(240, 244, 248);--header-shadow: 0 1px 4px rgba(90, 120, 160, .03);--modal-backdrop: rgba(45, 55, 72, .5);--modal-shadow: 0 20px 60px rgba(0, 0, 0, .12);--btn-primary-shine: linear-gradient(105deg, transparent, rgba(255,255,255,.2), transparent);--btn-danger-shadow: 0 4px 12px rgba(216, 84, 84, .2);--btn-success-bg: linear-gradient(135deg, var(--accent-tertiary), #b8e8cc);--btn-success-text: #1a5a30;--input-focus-ring: 0 0 0 3px rgba(91, 141, 239, .15);--switch-bg: #c0c8d4;--switch-knob: #5b8def;--pill-green-bg: #d8f0e4;--pill-green-text: #2a6a3a;--pill-yellow-bg: #f5ecd0;--pill-yellow-text: #8a6a10;--pill-red-bg: #f0d4d4;--pill-red-text: #8a2020;--pill-blue-bg: #d4e4f8;--pill-blue-text: #2a5a9a;--pill-gray-bg: #e0e4ea;--pill-gray-text: #5a6070;--pill-purple-bg: #e0d8f0;--pill-purple-text: #5a3a9a;--res-wood: #7a4a1a;--res-wine: #7a3050;--res-marble: #4a5a7a;--res-crystal: #2a5a7a;--res-sulfur: #6a4a1a;--res-gold: #a87010;--stat-positive: #2a8a5a;--stat-negative: #b83030;--func-economy-bg: #d8f0e4;--func-military-bg: #f0d4d4;--func-pirate-bg: #e0d8f0;--func-diplomacy-bg: #d4e4f8;--func-information-bg: #f5ecd0;--func-logistics-bg: #f0d4e4;--func-advanced-bg: #d4e4f8;--func-premium-bg: #e0d8f0;--task-running-bg: #d4e4f8;--task-running-text: #2a5a9a;--task-done-bg: #d8f0e4;--task-done-text: #2a6a3a;--task-error-bg: #f0d4d4;--task-error-text: #8a2020;--task-queued-bg: #f5ecd0;--task-queued-text: #8a6a10;--result-success-bg: rgba(92, 184, 138, .15);--result-success-text: #2a6a40;--result-error-bg: rgba(216, 84, 84, .15);--result-error-text: #b83030;--badge-success-bg: rgba(92,184,138,.12);--badge-danger-bg: rgba(216,84,84,.12);--badge-warning-bg: rgba(232,184,74,.12);--badge-info-bg: rgba(91,141,239,.12);--badge-muted-bg: rgba(100,100,120,.1);--badge-hostile-bg: rgba(216,84,84,.12);--badge-own-bg: rgba(91,141,239,.12);--error-row-bg: rgba(216,84,84,.06);--error-row-text: #d06060;--movement-attacker-bg: rgba(216,84,84,.05);--movement-attacker-border: rgba(216,84,84,.1);--movement-loot-bg: linear-gradient(135deg, rgba(232,184,74,.06), rgba(232,184,74,.02));--movement-loot-border: rgba(232,184,74,.18);--unit-army-border: rgba(232,184,74,.3);--unit-army-bg: rgba(232,184,74,.08);--unit-ship-border: rgba(91,141,239,.3);--unit-ship-bg: rgba(91,141,239,.08);--unit-transport-border: rgba(92,184,138,.3);--unit-transport-bg: rgba(92,184,138,.08);--unit-resource-border: rgba(154,122,224,.3);--unit-resource-bg: rgba(154,122,224,.08);--tier-5: #c89020;--tier-5-bg: rgba(200, 144, 32, .12);--func-economy-hover: linear-gradient(135deg, #3a9a6a, #6fcf97);--func-military-hover: linear-gradient(135deg, #c84040, #e06060);--func-pirate-hover: linear-gradient(135deg, #7a5ac0, #b090e0);--func-information-hover: linear-gradient(135deg, #b08a20, #d4b040);--func-logistics-hover: linear-gradient(135deg, var(--accent-secondary), #f0d4e4);--func-advanced-hover: linear-gradient(135deg, #4a7de0, #6a9ae0);--func-premium-hover: linear-gradient(135deg, #7a5ac0, #b090e0);--toast-shadow: 0 8px 24px rgba(0, 0, 0, .2);--console-shadow: inset 0 2px 8px rgba(0,0,0,.2), 0 1px 3px rgba(0,0,0,.08);--console-focus-shadow: inset 0 2px 8px rgba(0,0,0,.15), 0 0 0 2px rgba(91,141,239,.12);--range-thumb-shadow: 0 2px 6px rgba(91, 141, 239, .3);--range-thumb-shadow-hover: 0 3px 10px rgba(91, 141, 239, .4);--skeleton-shimmer: linear-gradient(90deg, transparent, rgba(255,255,255,.1), transparent);--btn-loading-border: rgba(255,255,255,.3);--card-floating-shadow: 0 4px 20px rgba(0,0,0,.15);--grad-red-light: #e0a0a0;--grad-orange-light: #e0c080;--grad-blue-light: #90b8e0;--grad-green-light: #80c8a0;--login-bg: rgba(255, 255, 255, .92);--login-border: rgba(200, 212, 226, .8);--login-shadow: 0 20px 60px rgba(0, 0, 0, .08);--login-logo-shadow: 0 8px 24px rgba(91, 141, 239, .25);--login-stat-hover: rgba(91, 141, 239, .06);--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(200, 212, 226, .5);--sidebar-backdrop: rgba(15, 23, 42, .3);--bottom-nav-shadow: 0 -2px 8px rgba(90,120,160,.08);--fab-shadow: 0 6px 20px rgba(91, 141, 239, .3);--fab-shadow-hover: 0 8px 28px rgba(91, 141, 239, .4);--card-hover-glow: radial-gradient(ellipse at center, rgba(91, 141, 239, .04), transparent 70%);--bg-gradient-primary: linear-gradient(135deg, rgba(91, 141, 239, .08), rgba(232, 140, 181, .06));--bg-gradient-success: linear-gradient(135deg, rgba(92, 184, 138, .08), rgba(91, 141, 239, .06));--bg-gradient-warning: linear-gradient(135deg, rgba(232, 184, 74, .08), rgba(216, 84, 84, .05));--qa-selected-text: #fff;--qa-dot-connected: #fff;--upgrade-selected-bg: rgba(91, 141, 239, .04);--conversion-bg: rgba(92,184,138,.1);--conversion-disabled-bg: rgba(100,100,120,.08);--status-dot-glow: 0 0 6px rgba(92,184,138,.4);--row-highlight-bg: rgba(91,141,239,.04);--resource-bar-shine: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.25) 50%, transparent 100%);--btn-ripple: rgba(255, 255, 255, .15);--card-inner-shadow: inset 0 2px 4px rgba(0, 0, 0, .015), var(--shadow-sm);--empty-state-shadow: 0 8px 24px rgba(91, 141, 239, .15);--stat-card-shadow: 0 12px 32px rgba(91, 141, 239, .15);--filter-count-bg: rgba(255,255,255,.3);--urgent-pulse: 0 0 0 0 rgba(216,84,84,0);--urgent-pulse-end: 0 0 0 4px rgba(216,84,84,.12);--movement-badge-shadow: 0 2px 8px rgba(0,0,0,.1);--avatar-shadow: 0 4px 12px rgba(0, 0, 0, .08);--avatar-glow: 0 6px 16px rgba(0, 0, 0, .12);--avatar-shine: linear-gradient(135deg, transparent 40%, rgba(255,255,255,.12) 100%);--grad-success-end: #b8e8cc;--grad-warning-end: #fce8b0;--grad-danger-end: #f0d0d0;--grad-purple-end: #e0d0fc}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:var(--accent-primary-light) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-primary-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInPage{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes softPulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes resourceFlash{0%{background-color:transparent}15%{background-color:var(--tint-primary)}30%{background-color:transparent}45%{background-color:var(--tint-primary-lighter)}to{background-color:transparent}}@keyframes resourcePulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:.5}to{opacity:1}}.resource-flash{animation:resourceFlash 1.2s ease-out;border-radius:var(--radius-sm)}.resource-pulse{animation:resourcePulse .4s ease-out}.resource-timestamp{font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.resource-timestamp .live-dot{width:6px;height:6px;background:var(--accent-tertiary);border-radius:50%;animation:softPulse 2s ease-in-out infinite}.stagger-in>*{animation:slideUp .3s ease-out backwards}.stagger-in>*:nth-child(1){animation-delay:.02s}.stagger-in>*:nth-child(2){animation-delay:.04s}.stagger-in>*:nth-child(3){animation-delay:.06s}.stagger-in>*:nth-child(4){animation-delay:.08s}.stagger-in>*:nth-child(5){animation-delay:.1s}.stagger-in>*:nth-child(6){animation-delay:.12s}.stagger-in>*:nth-child(7){animation-delay:.14s}.stagger-in>*:nth-child(8){animation-delay:.16s}.stagger-in>*:nth-child(9){animation-delay:.18s}.stagger-in>*:nth-child(10){animation-delay:.2s}.stagger-in>*:nth-child(11){animation-delay:.22s}.stagger-in>*:nth-child(12){animation-delay:.24s}.page-enter{animation:fadeInPage .4s var(--transition-normal) forwards}.layout{display:flex;min-height:100vh;min-height:100dvh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--sidebar-gradient);border-right:1px solid var(--border-light);display:flex;flex-direction:column;padding:20px 14px;z-index:50;transition:width var(--transition-normal),transform var(--transition-normal);transform:translateZ(0);overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;-webkit-overscroll-behavior:none;box-shadow:var(--sidebar-shadow);will-change:transform;-webkit-overflow-scrolling:touch}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:6px 8px 18px;animation:fadeIn .4s ease forwards}.sidebar-logo .logo-icon{width:42px;height:42px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--sidebar-logo-shadow);flex-shrink:0}.sidebar-logo h1{font-size:17px;font-weight:700;letter-spacing:-.3px;white-space:nowrap}.sidebar-logo .logo-icon.brand-logo{width:54px;height:54px;padding:0;overflow:hidden;background:#000;border-radius:14px;box-shadow:0 0 12px #22d3ee8c,0 0 22px #ef444459}.sidebar-logo .logo-icon.brand-logo img{width:100%;height:100%;object-fit:cover;display:block}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:6px 0 18px}.sidebar.collapsed .sidebar-logo .logo-icon.brand-logo{width:44px;height:44px;border-radius:12px}.sidebar.collapsed .nav-item{padding:12px 0}.sidebar.collapsed .nav-item svg{width:22px;height:22px}.nav-section{margin:10px 0 4px}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);padding:10px 12px 6px;white-space:nowrap}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-weight:500;cursor:pointer;white-space:nowrap;border:1px solid transparent;transition:all var(--transition-normal);animation:slideInLeft .35s ease-out backwards;position:relative}.nav-item:nth-child(1){animation-delay:.03s}.nav-item:nth-child(2){animation-delay:.06s}.nav-item:nth-child(3){animation-delay:.09s}.nav-item:nth-child(4){animation-delay:.12s}.nav-item:nth-child(5){animation-delay:.15s}.nav-item:nth-child(6){animation-delay:.18s}.nav-item:nth-child(7){animation-delay:.21s}.nav-item:hover{background:var(--bg-hover);color:var(--accent-primary-dark);transform:translate(3px)}.nav-item.active{background:var(--bg-active);color:var(--accent-primary-dark);font-weight:600;border-color:var(--accent-primary-light);box-shadow:var(--shadow-sm)}.nav-item .badge{margin-left:auto;background:var(--accent-secondary);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.sidebar.collapsed .nav-item span.nav-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-logo h1,.sidebar.collapsed .sidebar-logo span{display:none}.sidebar.collapsed .nav-item{justify-content:center}.sidebar.collapsed .nav-item .badge{display:none}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:8px}.sidebar.collapsed .sidebar-footer{align-items:center;padding-top:12px;gap:10px}.sidebar.collapsed .sidebar-footer .status-pill{width:40px;height:40px;padding:0;justify-content:center;border-radius:var(--radius-md)}.sidebar.collapsed .sidebar-footer .status-pill span:last-child{display:none}.sidebar.collapsed .sidebar-footer .status-dot{width:10px;height:10px}.status-pill{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-light);font-size:12px;color:var(--text-secondary);white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;animation:softPulse 2.5s ease-in-out infinite}.status-dot.online{background:var(--accent-tertiary)}.main{margin-left:var(--sidebar-width);flex:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;transition:margin-left var(--transition-normal)}.sidebar.collapsed+.sidebar-backdrop+.main,.layout.has-collapsed .main{margin-left:var(--sidebar-collapsed-width)}.header{position:sticky;top:0;height:var(--header-height);background:var(--header-bg);border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:16px;padding:0 28px;z-index:40;box-shadow:var(--header-shadow);transform:translateZ(0)}.header-title{font-size:18px;font-weight:700;letter-spacing:-.4px}.header-sub{font-size:12px;color:var(--text-muted)}.header-left{display:flex;align-items:center;gap:10px}.header-hamburger{display:inline-flex;margin-right:4px}.header-hamburger.is-open{background:var(--bg-active);color:var(--accent-primary-dark)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.header-actions-right{margin-left:auto;display:flex;align-items:center;gap:4px}.header-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.header-btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-theme-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);margin-top:8px}.sidebar-theme-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium)}.content{padding:28px;flex:1;animation:fadeInPage .4s var(--transition-normal) forwards}.content-wide{max-width:1400px;margin:0 auto;width:100%}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);position:relative}.card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-primary-light)}.card-hover:hover{transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-hover)}.card-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:8px}.card-sub{font-size:12px;color:var(--text-muted);margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-md);padding:10px 20px;font-family:var(--font-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;text-decoration:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-light));color:var(--text-on-accent);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;background:var(--btn-primary-shine);transform:skew(-20deg);transition:left .45s ease}.btn-primary:hover:not(:disabled):after{left:130%}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-hover);filter:brightness(1.04)}.btn-secondary{background:var(--bg-card);color:var(--accent-primary-dark);border:1.5px solid var(--accent-primary-light)}.btn-secondary:hover:not(:disabled){background:var(--accent-primary-light);color:#fff;box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-light)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--accent-danger);color:#fff}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--accent-danger) 85%,black);transform:translateY(-1px);box-shadow:var(--btn-danger-shadow)}.btn-success{background:var(--btn-success-bg);color:var(--btn-success-text)}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-hover)}.btn-sm{padding:7px 14px;font-size:12px;border-radius:var(--radius-sm)}.btn-icon{width:38px;height:38px;padding:0;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center}.btn-lg{padding:13px 28px;font-size:15px;border-radius:var(--radius-md)}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.input,.select,textarea.input{width:100%;padding:11px 14px;border:1.5px solid var(--border-medium);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:13px;color:var(--text-primary);background:var(--bg-card);transition:all var(--transition-fast);outline:none}.input::placeholder{color:var(--text-muted)}.switch{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background:var(--border-medium);border-radius:var(--radius-full);transition:all var(--transition-fast)}.switch .slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:var(--switch-knob);border-radius:50%;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.switch input:checked+.slider{background:var(--accent-primary)}.switch input:checked+.slider:before{transform:translate(20px)}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.card-subtitle{font-size:12px;color:var(--text-muted);margin-bottom:14px}.hint{font-size:12px;color:var(--text-muted)}.info-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.info-list li{font-size:13px;color:var(--text-secondary);padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.pill-green{background:var(--pill-green-bg);color:var(--pill-green-text)}.pill-yellow{background:var(--pill-yellow-bg);color:var(--pill-yellow-text)}.pill-red{background:var(--pill-red-bg);color:var(--pill-red-text)}.pill-blue{background:var(--pill-blue-bg);color:var(--pill-blue-text)}.pill-gray{background:var(--pill-gray-bg);color:var(--pill-gray-text)}.pill-purple{background:var(--pill-purple-bg);color:var(--pill-purple-text)}.table-wrap{overflow-x:auto;border-radius:var(--radius-md)}table.ik{width:100%;border-collapse:collapse;font-size:13px}table.ik th{text-align:left;padding:12px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-bottom:1px solid var(--border-light);white-space:nowrap}table.ik td{padding:12px 14px;border-bottom:1px solid var(--border-light);color:var(--text-secondary);vertical-align:middle}table.ik tr{transition:background var(--transition-fast)}table.ik tbody tr:hover{background:var(--bg-secondary)}table.ik tr:last-child td{border-bottom:none}.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.account-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden;animation:fadeInScale .4s var(--transition-normal) backwards}.account-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary-light)}.account-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary),var(--accent-purple));opacity:0;transition:opacity var(--transition-normal)}.account-card:hover:before{opacity:1}.account-card[data-status=connected]{border-left:3px solid var(--accent-tertiary)}.account-card[data-status=connecting]{border-left:3px solid var(--accent-warning)}.account-card[data-status=error]{border-left:3px solid var(--accent-danger)}.account-card[data-status=disconnected]{border-left:3px solid var(--border-medium)}.acct-res-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.acct-res-cell{display:flex;align-items:center;justify-content:center;padding:6px 2px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-light);font-weight:700;font-size:11px;min-width:0}.acct-res-val{white-space:nowrap}.account-card .avatar{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-primary-light),var(--accent-purple));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.account-card:hover .avatar{transform:scale(1.05);box-shadow:var(--shadow-lg)}.account-card .acct-name{font-weight:700;font-size:15px;letter-spacing:-.2px}.account-card .acct-meta{font-size:12px;color:var(--text-muted);margin-top:3px}.account-card .acct-actions{display:flex;gap:8px;margin-top:14px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-lg{font-size:17px;font-weight:700}.mono{font-family:var(--font-mono)}.spinner{width:22px;height:22px;border:3px solid var(--border-light);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:15px;height:15px;border-width:2px}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-hover) 50%,var(--bg-secondary) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;height:14px;margin-bottom:10px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state .icon{font-size:48px;margin-bottom:16px;animation:fadeIn .4s ease forwards,floatY 3s ease-in-out .4s infinite}.empty-state h3{color:var(--text-primary);font-weight:700;margin-bottom:6px;font-size:16px;animation:fadeIn .4s .1s ease forwards;opacity:0}.empty-state p{animation:fadeIn .4s .2s ease forwards;opacity:0}.modal-backdrop,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-overlay.modal-overlay-exit{animation:fadeOutOverlay .2s ease forwards}@keyframes fadeOutOverlay{0%{opacity:1}to{opacity:0}}.modal{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--modal-shadow);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:28px;border:1px solid var(--border-light)}.modal.modal-exit{animation:fadeOutScale .2s ease forwards}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.modal-lg{max-width:720px}.modal-title{font-size:18px;font-weight:800;margin-bottom:4px;letter-spacing:-.3px}.modal-sub{font-size:12px;color:var(--text-muted);margin-bottom:18px;line-height:1.5}.modal-footer{display:flex;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border-light)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .field{margin-bottom:16px}.toast-wrap{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;flex-direction:column;gap:10px}.toast{background:var(--bg-card);border:1px solid var(--border-light);border-left:4px solid var(--accent-primary);border-radius:var(--radius-md);padding:14px 18px;box-shadow:var(--toast-shadow);min-width:280px;max-width:400px;animation:slideInLeft .3s var(--transition-spring) forwards;font-size:13px;font-weight:500}.toast.success{border-left-color:var(--accent-tertiary)}.toast.error{border-left-color:var(--accent-danger)}.toast.warning{border-left-color:var(--accent-warning)}.toast.toast-exit{animation:fadeOutRight .25s ease forwards}@keyframes fadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.toast-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.console{background:var(--console-bg);color:var(--console-text);border-radius:var(--radius-lg);padding:18px 20px;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;max-height:360px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;box-shadow:var(--console-shadow);border:1px solid var(--console-border)}.console .c-prompt{color:var(--console-prompt);font-weight:600}.console .c-muted{color:var(--console-muted)}.console .c-input{color:var(--console-c-input)}.console .c-err{color:var(--console-err)}.console-input-row{display:flex;gap:8px;margin-top:10px}.console-input-row input{flex:1;background:var(--console-input-bg);border:1px solid var(--console-input-border);color:var(--console-text);border-radius:var(--radius-sm);padding:10px 12px;font-family:var(--font-mono);font-size:12.5px;outline:none}.console-input-row input:focus{border-color:var(--console-input-focus)}.blink{animation:blink 1.2s infinite}.captcha-panel{background:var(--console-input-bg);border:1px solid var(--console-border);border-radius:var(--radius-md);padding:14px 16px;margin-top:12px}.captcha-header{display:flex;align-items:center;gap:8px;color:var(--accent-secondary);font-weight:600;font-size:13px;margin-bottom:12px}.captcha-images{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px}.captcha-img-wrap{background:var(--console-input-bg);border:1px solid var(--console-input-border);border-radius:var(--radius-sm);padding:8px;max-width:340px}.captcha-img-label{font-size:11px;color:var(--console-muted);margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.captcha-img{max-width:100%;border-radius:4px;display:block}.captcha-img-caption{font-size:11px;color:var(--console-prompt);margin-top:6px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.stat-box{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;text-align:center;transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary-light),var(--accent-secondary),var(--accent-purple));opacity:0;transition:opacity var(--transition-normal)}.stat-box:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.stat-box:hover:before{opacity:1}.stat-box .value{font-size:22px;font-weight:800;letter-spacing:-.5px}.stat-box .label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-top:4px}.res-wood{color:var(--res-wood)}.res-wine{color:var(--res-wine)}.res-marble{color:var(--res-marble)}.res-crystal{color:var(--res-crystal)}.res-sulfur{color:var(--res-sulfur)}.res-gold{color:var(--res-gold)}.stat-box .value.positive{color:var(--stat-positive)}.stat-box .value.negative{color:var(--stat-negative)}.stat-box .value.neutral{color:var(--text-primary)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:var(--bg-secondary);outline:none;transition:background var(--transition-fast)}input[type=range].slider-danger{background:linear-gradient(90deg,#ef4444 var(--slider-pct, 0%),var(--bg-secondary) var(--slider-pct, 0%))}input[type=range].slider-primary{background:linear-gradient(90deg,var(--accent-primary) var(--slider-pct, 0%),var(--bg-secondary) var(--slider-pct, 0%))}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:2px solid var(--bg-card);box-shadow:var(--shadow-sm);margin-top:-6px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}input[type=range].slider-danger::-webkit-slider-thumb{background:#ef4444}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:var(--shadow-md)}input[type=range]::-moz-range-track{height:8px;border-radius:4px;background:transparent}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:2px solid var(--bg-card);box-shadow:var(--shadow-sm)}input[type=range].slider-danger::-moz-range-thumb{background:#ef4444}.worker-control{display:flex;align-items:center;gap:4px}.worker-control input[type=number]{width:60px;text-align:center;font-weight:700;font-size:15px;padding:8px 4px;border:1.5px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);transition:border-color var(--transition-fast)}.worker-control input[type=number]:focus{border-color:var(--accent-primary);box-shadow:var(--input-focus-ring)}.worker-control .btn{min-width:36px;min-height:36px;padding:0}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}.card-hover:hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--card-hover-glow);pointer-events:none}.send-res-row{margin-bottom:12px}.send-res-row .send-res-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.send-res-row .send-res-label{font-size:13px;font-weight:500;min-width:55px}.send-res-row .send-res-range{flex:1;display:flex;align-items:center;gap:8px}.send-res-row .send-res-range input[type=range]{flex:1}.send-res-row .send-res-range .input{width:80px;font-size:12px;padding:4px 6px;text-align:right}.bg-gradient-primary{background:var(--bg-gradient-primary)}.bg-gradient-success{background:var(--bg-gradient-success)}.bg-gradient-warning{background:var(--bg-gradient-warning)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter-up{animation:fadeInUp .35s ease-out forwards}.account-card.connected-accent{border-left:3px solid var(--accent-tertiary)}.account-card.inactive-accent{border-left:3px solid var(--accent-danger)}.city-card .resource-bar{height:3px;border-radius:2px;background:var(--bg-secondary);overflow:hidden;margin-top:6px}.city-card .resource-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--accent-tertiary),var(--accent-primary));transition:width .5s var(--transition-normal)}.console:focus-within{border-color:var(--console-border);box-shadow:var(--console-focus-shadow)}.cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.city-card{cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.city-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-tertiary),var(--accent-primary));opacity:0;transition:opacity var(--transition-normal)}.city-card:hover:after{opacity:1}.city-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--accent-primary-light)}.search-bar{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-md);padding:10px 14px;transition:all var(--transition-fast)}.search-bar:focus-within{border-color:var(--border-focus);box-shadow:var(--input-focus-ring)}.search-bar input{border:none;outline:none;flex:1;font-size:13px;background:transparent;font-family:var(--font-primary);color:var(--text-primary)}.func-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.func-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;transition:all var(--transition-normal);display:flex;flex-direction:column;gap:12px;animation:fadeInScale .35s var(--transition-normal) backwards}.func-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-primary-light)}.func-card .func-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--accent-primary-dark);transition:all var(--transition-normal)}.func-card:hover .func-icon{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;transform:scale(1.05)}.func-card .func-name{font-weight:700;font-size:14px;letter-spacing:-.2px}.func-card .func-desc{font-size:12px;color:var(--text-muted);flex:1;line-height:1.5}.func-card.danger{border-color:var(--accent-danger)}.func-card[data-category]{border:1px solid var(--border-light);border-top-width:3px}.func-card[data-category=economy]{border-top-color:var(--accent-tertiary)}.func-card[data-category=military]{border-top-color:var(--accent-danger)}.func-card[data-category=pirate]{border-top-color:var(--accent-purple)}.func-card[data-category=diplomacy]{border-top-color:var(--accent-primary)}.func-card[data-category=information]{border-top-color:var(--accent-warning)}.func-card[data-category=logistics]{border-top-color:var(--accent-secondary)}.func-card[data-category=advanced]{border-top-color:var(--accent-primary-dark)}.func-card[data-category=premium]{border-top-color:var(--accent-purple)}.func-card[data-category=economy] .func-icon{color:var(--accent-tertiary);background:var(--func-economy-bg)}.func-card[data-category=military] .func-icon{color:var(--accent-danger);background:var(--func-military-bg)}.func-card[data-category=pirate] .func-icon{color:var(--accent-purple);background:var(--func-pirate-bg)}.func-card[data-category=diplomacy] .func-icon{color:var(--accent-primary);background:var(--func-diplomacy-bg)}.func-card[data-category=information] .func-icon{color:var(--accent-warning);background:var(--func-information-bg)}.func-card[data-category=logistics] .func-icon{color:var(--accent-secondary);background:var(--func-logistics-bg)}.func-card[data-category=advanced] .func-icon{color:var(--accent-primary-dark);background:var(--func-advanced-bg)}.func-card[data-category=premium] .func-icon{color:var(--accent-purple);background:var(--func-premium-bg)}.func-card[data-category=economy]:hover .func-icon{background:var(--func-economy-hover);color:#fff}.func-card[data-category=military]:hover .func-icon{background:var(--func-military-hover);color:#fff}.func-card[data-category=pirate]:hover .func-icon{background:var(--func-pirate-hover);color:#fff}.func-card[data-category=diplomacy]:hover .func-icon{background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-light));color:#fff}.func-card[data-category=information]:hover .func-icon{background:var(--func-information-hover);color:#fff}.func-card[data-category=logistics]:hover .func-icon{background:var(--func-logistics-hover);color:#fff}.func-card[data-category=advanced]:hover .func-icon{background:var(--func-advanced-hover);color:#fff}.func-card[data-category=premium]:hover .func-icon{background:var(--func-premium-hover);color:#fff}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-light);margin-bottom:20px;overflow-x:auto}.tab{padding:10px 18px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;border-bottom:2.5px solid transparent;transition:all var(--transition-normal);white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;font-family:var(--font-primary)}.tab:hover{color:var(--accent-primary-dark)}.tab.active{color:var(--accent-primary-dark);border-bottom-color:var(--accent-primary)}.progress{height:8px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary),var(--accent-purple));border-radius:var(--radius-full);transition:width .6s var(--transition-normal)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow-y:auto;overflow-x:hidden;padding:20px}.login-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:floatY 8s ease-in-out infinite}.login-blob.b1{width:400px;height:400px;background:var(--accent-primary-light);top:-80px;left:-80px}.login-blob.b2{width:340px;height:340px;background:var(--accent-secondary);bottom:-60px;right:-60px;animation-delay:2s}.login-blob.b3{width:260px;height:260px;background:var(--accent-purple);top:40%;left:60%;animation-delay:4s;opacity:.35}.login-card{position:relative;width:100%;max-width:420px;background:var(--login-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--login-border);border-radius:var(--radius-xl);box-shadow:var(--login-shadow);padding:32px;margin:0;animation:fadeInScale .5s var(--transition-spring) forwards}.login-logo{width:60px;height:60px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 16px;box-shadow:var(--login-logo-shadow);animation:floatY 4s ease-in-out infinite}.login-card h1{text-align:center;font-size:24px;font-weight:800;letter-spacing:-.5px}.login-logo.brand-logo{width:120px;height:120px;padding:0;overflow:hidden;background:#000;border-radius:24px;box-shadow:0 0 24px #22d3ee8c,0 0 44px #ef444459}.login-logo.brand-logo img{width:100%;height:100%;object-fit:cover;display:block}.login-card .sub{text-align:center;color:var(--text-muted);font-size:13px;margin-bottom:20px}.login-foot{text-align:center;color:var(--text-muted);font-size:11px;margin-top:14px;opacity:.85}.login-card .input{padding:9px 12px;font-size:13px}.login-card .field{margin-bottom:12px}.login-card .field label{font-size:11px;margin-bottom:4px}.login-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.login-stats .stat-box{padding:10px 8px;text-align:center;transition:transform .2s ease,background .2s ease;border-radius:var(--radius-md)}.login-stats .stat-box:hover{background:var(--login-stat-hover);transform:translateY(-1px)}@media(max-height:720px){.login-card{padding:18px}.login-card .sub{margin-bottom:12px}.login-logo{width:40px;height:40px;margin-bottom:8px}.login-logo.brand-logo{width:64px;height:64px;border-radius:16px}.login-card .field{margin-bottom:8px}.login-card .input{padding:8px 10px}.login-stats{margin-top:10px}.login-stats .stat-box{padding:8px 6px}}.hamburger,.sidebar-backdrop{display:none}.main,.content,.content-wide,.account-grid,.func-grid,.grid,.card,.modal{min-width:0}.page-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.page-header .header-info{flex:1;min-width:0}.page-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.stat-card-link{display:flex;gap:16px;align-items:center;padding:20px 22px;text-decoration:none;color:inherit;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card-link:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity var(--transition-normal)}.stat-card-link:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--accent-primary-light)}.stat-card-link:hover:after{opacity:1}.stat-card-link .stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.stat-card-link:hover .stat-icon{transform:scale(1.08) rotate(-2deg);box-shadow:var(--shadow-lg)}.stat-card-link .stat-value{font-size:20px;font-weight:800;letter-spacing:-.5px}.stat-card-link .stat-label{font-size:12px;color:var(--text-muted);letter-spacing:.3px}.rapina-item{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.rapina-item:hover{background:var(--bg-secondary)}.rapina-item input[type=checkbox]{flex-shrink:0}.rapina-item .rapina-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.fortress-account{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.fortress-account:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.fortress-account-header{font-size:12px;color:var(--text-primary);font-weight:600;display:flex;align-items:center;gap:6px;margin-bottom:4px}.fortress-city-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);text-decoration:none;color:inherit;transition:background var(--transition-fast)}.fortress-city-row:hover{background:var(--bg-secondary)}.fortress-city-row .city-name{flex:1;font-size:12px;font-weight:500}.building-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.building-row:hover{background:var(--bg-secondary);transform:translate(2px)}.building-row .building-icon-box{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-normal)}.building-row:hover .building-icon-box{transform:scale(1.05)}.building-row .building-info{flex:1;min-width:0}.building-row .building-name{font-size:13px;font-weight:600;text-transform:capitalize;letter-spacing:-.1px}.building-row .building-status{font-size:11px;color:var(--accent-warning)}.resource-space-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px 14px;transition:all var(--transition-fast)}.resource-space-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.resource-space-card .rs-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.resource-space-card .rs-header .text-xs{font-weight:600}.resource-space-card .rs-stored{font-size:15px;font-weight:800;letter-spacing:-.3px}.resource-space-card .rs-free{font-size:11px;color:var(--text-muted)}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.task-row{display:flex;justify-content:space-between;align-items:center;padding:12px 10px;border-radius:var(--radius-sm);border-bottom:1px solid var(--border-light);transition:all var(--transition-fast)}.task-row:hover{background:var(--bg-secondary);transform:translate(2px)}.task-row:last-child{border-bottom:none}.task-row .task-info{flex:1;min-width:0}.task-row .task-name{font-size:13px;font-weight:600;letter-spacing:-.1px}.task-row .task-time{font-size:11px;color:var(--text-muted);margin-top:2px}.task-row .task-status{font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);min-width:70px;text-align:center}.task-row .task-status.running{background:var(--task-running-bg);color:var(--task-running-text);animation:softPulse 2s ease-in-out infinite}.task-row .task-status.done{background:var(--task-done-bg);color:var(--task-done-text)}.task-row .task-status.error{background:var(--task-error-bg);color:var(--task-error-text)}.task-row .task-status.queued{background:var(--task-queued-bg);color:var(--task-queued-text)}.account-list-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);transition:background var(--transition-fast);border-bottom:1px solid var(--border-light)}.account-list-item:last-child{border-bottom:none}.account-list-item .check-icon{width:20px;display:flex;justify-content:center;flex-shrink:0}.account-list-item .account-info{flex:1;min-width:0}.coord-preview{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px 16px;margin-top:16px}.quick-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.quick-header .quick-title{display:flex;flex-direction:column}@media(max-width:1024px){.sidebar{width:var(--sidebar-collapsed-width);position:fixed;top:0;left:0;bottom:0;z-index:50;background:var(--sidebar-gradient);border-right:1px solid var(--border-light)}.sidebar .nav-text,.sidebar .nav-label,.sidebar .sidebar-logo h1,.sidebar .sidebar-logo span{display:none}.sidebar .sidebar-logo{justify-content:center;padding:6px 0 18px}.sidebar .sidebar-logo .logo-icon.brand-logo{width:44px;height:44px;border-radius:12px}.sidebar .nav-item{justify-content:center;padding:12px 0}.sidebar .nav-item svg{width:22px;height:22px}.sidebar .badge{display:none}.sidebar+.main{margin-left:var(--sidebar-collapsed-width)}.sidebar.open{transform:translate(0);width:var(--sidebar-width);box-shadow:var(--shadow-xl)}.sidebar.open .nav-text,.sidebar.open .nav-label,.sidebar.open .sidebar-logo h1,.sidebar.open .sidebar-logo span{display:initial}.sidebar.open .nav-item{justify-content:flex-start}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--sidebar-backdrop);z-index:49}.header .header-actions .btn-icon{display:none}.header-hamburger{display:inline-flex}.header .header-actions-right>.btn-icon:last-child{display:none}}@media(max-width:768px){.sidebar{transform:translate(-100%);box-shadow:var(--shadow-xl);position:fixed;top:0;left:0;bottom:auto;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;width:var(--sidebar-width);z-index:50;will-change:transform;overscroll-behavior:none;-webkit-overscroll-behavior:none;background:var(--sidebar-gradient);border-right:1px solid var(--border-light)}.sidebar.open{transform:translate(0);width:var(--sidebar-width)}.sidebar.open .nav-text,.sidebar.open .nav-label,.sidebar.open .sidebar-logo h1,.sidebar.open .sidebar-logo span{display:initial}.sidebar.open .nav-item{justify-content:flex-start}.sidebar+.main,.main{margin-left:0!important}.main{height:100vh;height:100dvh;overflow-y:auto}.header{position:sticky;top:0;height:auto;min-height:56px;padding:10px 16px;gap:10px;flex-wrap:nowrap;z-index:40;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--header-bg)}.header-title{font-size:16px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-sub{display:none}.content{padding:16px 12px}.card{padding:16px}.card-title{font-size:13px}.card-sub{margin-bottom:10px}.stat-grid{grid-template-columns:1fr 1fr;gap:6px}.stat-box{padding:8px 10px;min-height:auto;flex-direction:row;gap:6px;justify-content:flex-start;border-radius:var(--radius-sm)}.stat-box svg{flex-shrink:0;margin-bottom:0!important}.stat-box .value{font-size:14px;font-weight:700}.stat-box .label{font-size:9px;letter-spacing:.2px;margin-top:0}.stat-card-link{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.stat-card-link .stat-icon{width:36px;height:36px}.stat-card-link .stat-icon svg{width:16px;height:16px}.stat-card-link .stat-value{font-size:18px}.stat-card-link .stat-label{font-size:11px}.grid-2,.grid-3{grid-template-columns:1fr}.cities-grid,.account-grid{grid-template-columns:1fr;gap:12px}.account-card{padding:14px}.account-card .acct-actions{flex-wrap:wrap}.account-card .acct-actions .btn{flex:1;min-height:42px}.form-grid{grid-template-columns:1fr;gap:0}.func-grid{grid-template-columns:1fr}.func-card{padding:14px}.resource-grid{grid-template-columns:repeat(2,1fr)}.table-wrap{margin:0 -4px}.table-wrap table.ik{min-width:560px}.tabs{padding-bottom:2px}.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:92vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:20px 16px;margin-bottom:env(safe-area-inset-bottom,0px)}.toast-wrap{left:12px;right:12px;bottom:88px}.toast{min-width:0;max-width:none;width:100%}.console{max-height:45vh}.account-card .acct-meta{word-break:break-all}.page-actions{flex-wrap:wrap}.page-actions .btn{flex:1 1 auto;min-width:0}.card .flex.justify-between,.card .flex-between{flex-wrap:wrap}.quick-header{flex-direction:column;align-items:flex-start}.quick-header .flex{width:100%}.empty-state{padding:40px 16px}.empty-state .icon{font-size:36px;margin-bottom:12px}input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}body{-webkit-tap-highlight-color:transparent}.bottom-nav{display:flex}.fab-colonize{bottom:72px}.content{padding-bottom:70px}.btn{min-height:44px}.btn-sm{min-height:38px}.btn-icon{min-width:44px;min-height:44px}.nav-item{min-height:44px}.func-card{min-height:120px}input[type=range]::-webkit-slider-thumb{width:22px;height:22px}input[type=range]::-moz-range-thumb{width:22px;height:22px}.worker-control input[type=number]{font-size:18px;padding:10px 6px}.worker-control .btn{min-width:44px;min-height:44px}.page-header{gap:10px}.page-header .btn{min-height:40px}}@media(max-width:560px){.page-toolbar{flex-direction:column;align-items:stretch;gap:10px}.page-toolbar .search-bar{width:100%!important}.page-toolbar .flex.gap-12{justify-content:flex-start;flex-wrap:wrap}.page-toolbar .flex.gap-12 .btn{flex:1 1 auto}.page-toolbar .tabs{overflow-x:auto;flex-wrap:nowrap}.header{padding:8px 12px}.content{padding:12px 10px}.flex.gap-12,.flex.gap-8{flex-wrap:wrap}.flex.gap-12 .btn,.flex.gap-8 .btn{flex:1 1 auto;min-width:100px}.flex.gap-8 .btn-icon{flex:0 0 auto;min-width:42px}.page-header{flex-direction:column;align-items:flex-start;gap:8px}.page-header .page-actions{width:100%}.page-header .page-actions .btn{min-height:42px}.console-input-row{flex-wrap:wrap}.console-input-row input{min-width:0}.console-input-row .btn{width:100%;justify-content:center}.stat-card-link .stat-icon{width:32px;height:32px}.stat-card-link .stat-value{font-size:16px}.func-card .func-name{font-size:13px}.func-card .func-desc{font-size:11px}.modal-footer{flex-direction:column;gap:8px}.modal-footer .btn{width:100%}}@media(max-width:480px){.content{padding:10px 8px}.card{padding:14px}.btn{padding:10px 14px;font-size:13px;min-height:46px}.btn-sm{padding:8px 12px;font-size:12px;min-height:40px}.account-card .acct-actions .btn-sm{padding:10px 8px;font-size:12px}.stat-grid{grid-template-columns:1fr 1fr;gap:6px}.login-page{overflow:hidden;padding:12px}.login-card{padding:18px 14px}.login-card h1{font-size:19px}.flex.gap-12 .btn,.flex.gap-8 .btn{min-width:100%}.resource-grid{grid-template-columns:1fr 1fr}.modal{padding:18px 14px}.modal-title{font-size:16px}.page-actions .btn{min-width:100%}.page-actions .btn{min-height:46px}.stat-box{padding:8px 10px}.stat-box .value{font-size:14px}.stat-box .label{font-size:9px}.city-card{min-height:100px}.resource-item{min-height:80px}.rapina-item{min-height:44px;padding:10px 8px}.account-list-item{min-height:44px;padding:12px}.building-row{min-height:50px;padding:12px}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--bg-card);border-top:1px solid var(--border-light);padding:6px 0;padding-bottom:max(6px,env(safe-area-inset-bottom,0px));box-shadow:var(--bottom-nav-shadow);justify-content:space-around}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;font-size:10px;font-weight:600;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;cursor:pointer;border:none;background:none}.bottom-nav-item.active{color:var(--accent-primary)}.bottom-nav-item:active{transform:scale(.92)}[data-theme=dark] .bottom-nav{background:var(--bg-card);border-top-color:var(--border-light);box-shadow:0 -2px 8px #0000004d}.fab-colonize{display:none;position:fixed;bottom:24px;right:24px;z-index:45;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-purple));color:#fff;border:none;cursor:pointer;box-shadow:var(--fab-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast);align-items:center;justify-content:center}.fab-colonize:hover{transform:scale(1.1);box-shadow:var(--fab-shadow-hover)}@media(max-width:768px){.fab-colonize{display:flex}}.btn:focus-visible,.nav-item:focus-visible,.tab:focus-visible,.input:focus-visible,.select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.sidebar{overflow-x:hidden}.console-input-row{position:relative;z-index:2}.console-input-row input{background:var(--bg-secondary);border-color:var(--border-medium);color:var(--text-primary)}.console-input-row input:focus{border-color:var(--border-focus);box-shadow:var(--input-focus-ring)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--bg-secondary);outline:none;transition:background var(--transition-fast)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:var(--range-thumb-shadow);transition:transform .15s,box-shadow .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:var(--range-thumb-shadow-hover)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none;box-shadow:var(--range-thumb-shadow)}.rapina-item input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid var(--border-medium);border-radius:4px;cursor:pointer;transition:all .15s;position:relative;flex-shrink:0}.rapina-item input[type=checkbox]:checked{background:var(--accent-primary);border-color:var(--accent-primary)}.rapina-item input[type=checkbox]:checked:after{content:"";position:absolute;top:1px;left:4px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.rapina-item input[type=checkbox]:hover{border-color:var(--accent-primary)}.page-header{flex-wrap:wrap}.sidebar-logo span{font-size:11px;color:var(--text-muted);display:block}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;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='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.gap-4{gap:4px}.mt-4{margin-top:4px}.mt-12{margin-top:12px}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.w-full{width:100%}.console-input-row input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.qa-page{display:flex;flex-direction:column;gap:18px}.qa-selector{padding:20px 22px}.qa-selector-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}.qa-selector-title{display:flex;align-items:center;gap:10px;color:var(--accent-primary-dark)}.qa-selector-title h3{font-size:15px;font-weight:700;color:var(--text-primary)}.qa-selector-title p{font-size:12px;color:var(--text-muted)}.qa-select-buttons{display:flex;gap:8px;flex-wrap:wrap}.qa-chips{display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow-y:auto;padding:2px}.qa-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:var(--radius-full);border:1.5px solid var(--border-light);background:var(--bg-card);color:var(--text-secondary);font-size:12.5px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);max-width:240px}.qa-chip:hover{border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.qa-chip.selected{background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-dark));border-color:transparent;color:var(--qa-selected-text)}.qa-chip.off{opacity:.55}.qa-chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qa-chip-skull{flex-shrink:0;opacity:.9}.qa-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.qa-dot.st-connected{background:var(--accent-tertiary)}.qa-dot.st-connecting{background:var(--accent-warning)}.qa-dot.st-disconnected{background:var(--text-muted)}.qa-dot.st-error{background:var(--accent-danger)}.qa-chip.selected .qa-dot.st-connected{background:var(--qa-dot-connected)}.qa-selection-info{margin-top:12px;font-size:12px;color:var(--text-muted)}.qa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.qa-action{display:flex;flex-direction:column;gap:12px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.qa-action:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.qa-action p{font-size:12.5px;color:var(--text-secondary);line-height:1.5;flex:1}.qa-action-head{display:flex;align-items:center;gap:8px}.qa-action-head h4{font-size:14px;font-weight:700;color:var(--text-primary)}.accent-pirate{color:var(--accent-purple)}.accent-danger{color:var(--accent-danger)}.accent-warning{color:var(--accent-warning)}.accent-info{color:var(--accent-primary)}.accent-success{color:var(--accent-tertiary)}.qa-fields{display:flex;flex-direction:column;gap:8px}.qa-fields label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--text-secondary);font-weight:600}.qa-fields select,.qa-fields input{width:110px;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-primary);font-size:12.5px}.qa-fields input:focus,.qa-fields select:focus{outline:2px solid var(--accent-primary);outline-offset:0;border-color:transparent}.qa-btn-row{display:flex;gap:8px;flex-wrap:wrap}.qa-result{padding:16px 20px;animation:fadeIn .35s ease}.qa-result h4{font-size:13px;margin-bottom:8px;color:var(--text-primary)}.qa-result-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.qa-result-item{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-secondary)}.qa-result-item.ok{color:var(--accent-tertiary)}.qa-result-item.warn{color:var(--accent-warning)}.qa-result-time{margin-left:auto;font-size:11.5px;color:var(--text-muted)}.btn:focus-visible,.nav-item:focus-visible,.header-btn-icon:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media(max-width:1024px){.header-hamburger{display:inline-flex}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.status-dot-ping{position:relative}.status-dot-ping:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:inherit;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}.card-glow{transition:all var(--transition-normal)}.card-glow:hover{box-shadow:0 0 0 1px var(--accent-primary-light),var(--shadow-hover)}.stat-card-link{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.stat-card-link:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--stat-card-shadow)}.stat-card-link:active{transform:translateY(-2px) scale(.99)}.stat-icon-ring{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;flex-shrink:0}.stat-icon-ring:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid currentColor;opacity:.15}@keyframes countSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.count-animated{display:inline-block;animation:countSlideUp .4s cubic-bezier(.34,1.56,.64,1) forwards}.resource-bar-premium{height:6px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden;position:relative}.resource-bar-premium .fill{height:100%;border-radius:var(--radius-full);transition:width .8s cubic-bezier(.34,1.56,.64,1);position:relative}.resource-bar-premium .fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--resource-bar-shine);animation:shimmer 2s infinite linear;background-size:800px 100%}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border)}[data-theme=dark] .glass-card{background:#0e0e0ed9;border-color:#28282899}[data-theme=snow] .glass-card{background:#ffffffbf;border-color:#c8d4e280}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--btn-ripple);border-radius:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s}.btn-ripple:active:before{width:300px;height:300px}.gradient-border-card{position:relative;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.gradient-border-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary),var(--accent-purple),var(--accent-primary));background-size:300% 100%;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.badge-animated{animation:badgePop .3s cubic-bezier(.34,1.56,.64,1) forwards}.tier-1{color:var(--text-muted)}.tier-2{color:var(--accent-primary)}.tier-3{color:var(--accent-tertiary)}.tier-4{color:var(--accent-purple)}.tier-5{color:var(--tier-5)}.tier-1-bg{background:var(--bg-secondary)}.tier-2-bg{background:var(--tint-primary)}.tier-3-bg{background:var(--tint-success)}.tier-4-bg{background:var(--tint-warning)}.tier-5-bg{background:var(--tier-5-bg)}.quick-acct-card{transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.quick-acct-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-hover);border-color:var(--accent-primary-light)}.quick-acct-card:active{transform:translateY(-1px) scale(.99)}.live-indicator{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.live-indicator .live-dot{width:6px;height:6px;background:var(--accent-tertiary);border-radius:50%;position:relative}.live-indicator .live-dot:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:var(--accent-tertiary);opacity:.3;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent);margin:20px 0}.empty-state-premium{text-align:center;padding:48px 20px;position:relative}.empty-state-premium .empty-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary-light),var(--accent-secondary));display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:32px;box-shadow:var(--empty-state-shadow);animation:floatY 3s ease-in-out infinite}.empty-state-premium h3{font-size:16px;font-weight:700;margin-bottom:6px}.empty-state-premium p{font-size:13px;color:var(--text-muted);max-width:280px;margin:0 auto}@media(hover:none){.btn:active{transform:scale(.95)}.card:active,.account-card:active,.func-card:active,.stat-card-link:active{transform:scale(.98)}}.skeleton-premium{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-hover) 50%,var(--bg-secondary) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;position:relative;overflow:hidden}.skeleton-premium:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--skeleton-shimmer);animation:shimmer 1.4s infinite linear;background-size:800px 100%}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-primary-light),var(--accent-secondary))}@keyframes numberReveal{0%{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.number-reveal{animation:numberReveal .5s cubic-bezier(.34,1.56,.64,1) forwards}.input:focus,.select:focus,textarea.input:focus{border-color:var(--border-focus);box-shadow:var(--input-focus-ring)}@media(max-width:768px){.toast-wrap{bottom:20px;left:12px;right:12px}.toast{animation:slideUp .3s var(--transition-spring) forwards}.stat-card-link:hover,.quick-acct-card:hover{transform:none}}.content>*{animation:fadeInPage .35s ease forwards}.btn-loading{pointer-events:none;position:relative}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--btn-loading-border);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.avatar-premium{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;box-shadow:var(--avatar-shadow);transition:all var(--transition-normal);flex-shrink:0;position:relative;overflow:hidden}.avatar-premium:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--avatar-shine)}.avatar-premium:hover{transform:scale(1.08);box-shadow:var(--avatar-glow)}.bg-gradient-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-light))}.bg-gradient-success{background:linear-gradient(135deg,var(--accent-tertiary),var(--grad-success-end))}.bg-gradient-warning{background:linear-gradient(135deg,var(--accent-warning),var(--grad-warning-end))}.bg-gradient-danger{background:linear-gradient(135deg,var(--accent-danger),var(--grad-danger-end))}.bg-gradient-purple{background:linear-gradient(135deg,var(--accent-purple),var(--grad-purple-end))}.card-inner-shadow{box-shadow:var(--card-inner-shadow)}.resource-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-light);transition:all var(--transition-normal)}.resource-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-primary-light)}.resource-card .res-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.resource-card .res-info{flex:1;min-width:0}.resource-card .res-value{font-size:15px;font-weight:800;letter-spacing:-.3px}.resource-card .res-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.upgrade-header{margin-bottom:16px}.upgrade-row{display:flex;gap:12px;align-items:flex-end}.upgrade-field{flex:1;display:flex;flex-direction:column;gap:4px}.upgrade-field label{font-size:12px;font-weight:600;color:var(--text-secondary)}.upgrade-ws-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.ws-tab{padding:8px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:500;background:var(--bg-secondary);border:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast)}.ws-tab:hover{border-color:var(--accent-primary-light)}.ws-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.ws-level{font-size:11px;opacity:.7;margin-left:4px}.upgrade-single-ws{margin-bottom:12px}.ws-info{font-size:14px;font-weight:600;color:var(--text-primary)}.upgrade-tabs{display:flex;gap:8px;margin-bottom:16px}.tab-btn{padding:8px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:500;background:var(--bg-secondary);border:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover{border-color:var(--accent-primary-light)}.tab-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.upgrade-list{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow-y:auto}.upgrade-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast)}.upgrade-item:hover{border-color:var(--accent-primary-light);box-shadow:var(--shadow-sm)}.upgrade-item.selected{border-color:var(--accent-primary);background:var(--upgrade-selected-bg)}.upgrade-item-main{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer}.upgrade-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.upgrade-info{flex:1;min-width:0}.upgrade-name{font-size:14px;font-weight:600;color:var(--text-primary)}.upgrade-desc{font-size:11px;color:var(--text-muted);margin-top:2px}.upgrade-levels{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600}.level-current{color:var(--text-secondary)}.level-arrow{color:var(--text-muted);font-size:11px}.level-max{color:var(--accent-primary)}.upgrade-cost{display:flex;gap:10px;font-size:12px;color:var(--text-secondary)}.expand-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:var(--bg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.expand-btn:hover{background:var(--accent-primary-light);color:#fff}.upgrade-detail{padding:0 14px 14px;border-top:1px solid var(--border-light)}.target-row{display:flex;align-items:center;gap:12px;margin-top:12px}.target-row label{font-size:12px;color:var(--text-secondary);white-space:nowrap}.target-row input[type=range]{flex:1;accent-color:var(--accent-primary)}.target-value{font-size:14px;font-weight:700;color:var(--accent-primary);min-width:24px;text-align:center}.cost-summary{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);margin-top:8px}.upgrade-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;margin-top:16px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.footer-summary{display:flex;flex-direction:column;gap:2px}.footer-summary span:first-child{font-size:14px;font-weight:600;color:var(--text-primary)}.footer-cost{font-size:12px;color:var(--text-secondary)}.upgrade-result{padding:20px;text-align:center}.result-status{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border-radius:var(--radius-md);font-size:16px;font-weight:600;margin-bottom:16px}.result-status.success{background:var(--result-success-bg);color:var(--result-success-text)}.result-status.error{background:var(--result-error-bg);color:var(--result-error-text)}.result-icon{font-size:24px}.result-errors{text-align:left;margin-top:12px}.result-error-item{font-size:12px;color:var(--text-secondary);padding:4px 0}.empty-state{text-align:center;padding:30px;color:var(--text-muted);font-size:14px}.movements-page{padding:20px;max-width:1200px;margin:0 auto}.movements-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.movements-page{padding:0 0 24px}.movements-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.movements-filters{display:flex;gap:6px;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-light);border-radius:var(--radius-full);background:var(--bg-card);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.filter-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.filter-btn.active{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary);box-shadow:var(--shadow-hover)}.filter-count{background:var(--filter-count-bg);padding:1px 7px;border-radius:var(--radius-full);font-size:10px;font-weight:800;min-width:18px;text-align:center}.filter-btn:not(.active) .filter-count{background:var(--bg-hover);color:var(--text-muted)}.movements-actions{display:flex;gap:8px;align-items:center}.last-refresh{font-size:11px;color:var(--text-muted)}.movements-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.summary-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.summary-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.summary-item svg{opacity:.7}.summary-item span{font-size:28px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-item label{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.summary-item.hostile{border-top:3px solid var(--red)}.summary-item.hostile span{background:linear-gradient(135deg,var(--red),var(--grad-red-light));-webkit-background-clip:text;background-clip:text}.summary-item.hostile svg{color:var(--red);opacity:1}.summary-item.loot{border-top:3px solid var(--orange)}.summary-item.loot span{background:linear-gradient(135deg,var(--orange),var(--grad-orange-light));-webkit-background-clip:text;background-clip:text}.summary-item.loot svg{color:var(--orange);opacity:1}.summary-item.pillage{border-top:3px solid var(--orange)}.summary-item.pillage span{background:linear-gradient(135deg,var(--orange),var(--grad-orange-light));-webkit-background-clip:text;background-clip:text}.summary-item.pillage svg{color:var(--orange);opacity:1}.summary-item.own{border-top:3px solid var(--blue)}.summary-item.own span{background:linear-gradient(135deg,var(--blue),var(--grad-blue-light));-webkit-background-clip:text;background-clip:text}.summary-item.own svg{color:var(--blue);opacity:1}.summary-item.alliance{border-top:3px solid var(--green)}.summary-item.alliance span{background:linear-gradient(135deg,var(--green),var(--grad-green-light));-webkit-background-clip:text;background-clip:text}.summary-item.alliance svg{color:var(--green);opacity:1}.movements-list{display:flex;flex-direction:column;gap:12px}.account-movements{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.account-movements:hover{box-shadow:var(--shadow-md)}.account-movements-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border:none;background:transparent;cursor:pointer;color:var(--text-primary);transition:background var(--transition-fast)}.account-movements-header:hover{background:var(--bg-hover)}.account-movements-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}.movement-count{background:var(--bg-hover);padding:3px 10px;border-radius:var(--radius-full);font-size:11px;color:var(--text-muted);font-weight:700}.badge.hostile{background:var(--badge-hostile-bg);color:var(--red);padding:2px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700}.badge.own{background:var(--badge-own-bg);color:var(--blue);padding:2px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700}.account-movements-list{padding:0 18px 18px;display:flex;flex-direction:column;gap:8px}.movement-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-left:4px solid;border-radius:var(--radius-md);padding:14px 16px;transition:all var(--transition-fast)}.movement-card:hover{transform:translate(3px);box-shadow:var(--shadow-md)}.movement-card.urgent{animation:urgentPulse 2s infinite}.movement-card.pillage{border-left-color:var(--orange)}.movement-card.pillage .movement-badge{background:var(--orange)!important}.movement-card.loot{border-left-color:var(--orange)}.movement-card.loot .movement-badge{background:var(--orange)!important}.movement-card.arrived{border-left-width:4px;opacity:.6}@keyframes urgentPulse{0%,to{box-shadow:var(--urgent-pulse)}50%{box-shadow:var(--urgent-pulse-end)}}.movement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.movement-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--movement-badge-shadow)}.movement-time{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.movement-time.urgent-time{color:var(--red);animation:timeBlink 1s infinite}.movement-time.arrived-time{color:var(--green);font-style:italic}@keyframes timeBlink{0%,to{opacity:1}50%{opacity:.5}}.movement-attacker{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--movement-attacker-bg);border-radius:var(--radius-sm);margin-bottom:10px;font-size:13px;color:var(--text-primary);border:1px solid var(--movement-attacker-border)}.movement-attacker strong{color:var(--red);font-weight:700}.movement-attacker em{font-style:normal;color:var(--text-muted)}.movement-route{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);margin-bottom:10px;flex-wrap:wrap}.route-from,.route-to{font-weight:600;color:var(--text-primary)}.route-arrow{color:var(--text-muted);font-weight:800;font-size:14px}.route-mission{background:var(--bg-hover);padding:3px 10px;border-radius:var(--radius-full);font-size:11px;color:var(--text-muted);font-weight:600}.movement-loot-summary{display:flex;gap:20px;padding:10px 14px;background:var(--movement-loot-bg);border-radius:var(--radius-md);margin:10px 0;border:1px solid var(--movement-loot-border);align-items:center}.movement-loot-summary>div{display:flex;align-items:center;gap:6px}.movement-loot-summary .loot-label{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.movement-loot-summary .loot-value{font-size:16px;font-weight:800;color:var(--orange);font-variant-numeric:tabular-nums}.movement-loot-summary .loot-detail{font-size:11px;color:var(--text-muted)}.movement-composition{margin-top:8px}.composition-label{font-size:10px;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.8px;font-weight:700}.composition-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:6px;padding:6px 0;border-bottom:1px solid var(--border-light)}.composition-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.composition-row-label{font-size:11px;color:var(--text-secondary);font-weight:700;margin-right:6px;min-width:60px}.movement-fleet-only{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px;padding:8px 0}.movement-empty-info{display:flex;gap:12px;font-size:12px;color:var(--text-muted);margin-top:6px}.unit-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:11px;color:var(--text-secondary);white-space:nowrap;font-weight:600;transition:all var(--transition-fast)}.unit-chip:hover{transform:scale(1.02)}.unit-chip.army{border-color:var(--unit-army-border);background:var(--unit-army-bg);color:var(--orange)}.unit-chip.ship{border-color:var(--unit-ship-border);background:var(--unit-ship-bg);color:var(--blue)}.unit-chip.transport{border-color:var(--unit-transport-border);background:var(--unit-transport-bg);color:var(--green)}.unit-chip.resource{border-color:var(--unit-resource-border);background:var(--unit-resource-bg);color:var(--accent-purple)}.movement-resources{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding:8px 10px;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.movements-page .empty-state{padding:80px 20px;text-align:center}.movements-page .empty-state svg{opacity:.2;margin-bottom:16px;color:var(--text-muted)}.movements-page .empty-state h3{font-size:18px;color:var(--text-secondary);margin:0 0 6px;font-weight:700}.movements-page .empty-state p{font-size:13px;color:var(--text-muted)}.pirate-raids-page{padding:0 0 24px}.page-title{margin:0;font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px;color:var(--text-primary);letter-spacing:-.3px}.page-subtitle{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.section-title{margin:0 0 16px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--text-primary);padding-bottom:12px;border-bottom:1px solid var(--border-light)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.pirate-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.pirate-stat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);position:relative;overflow:hidden}.pirate-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-purple))}.pirate-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.pirate-stat .stat-value{font-size:28px;font-weight:800;color:var(--accent-primary);font-variant-numeric:tabular-nums}.pirate-stat .stat-label{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.island-group{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.island-group:hover{box-shadow:var(--shadow-md)}.island-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-card));border-bottom:1px solid var(--border-light)}.island-header h3{margin:0;font-size:16px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.island-header .account-count{background:var(--accent-primary);color:var(--text-on-accent);padding:2px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:800}.brio-value{font-weight:800;color:var(--accent-purple);font-variant-numeric:tabular-nums;font-size:14px}.conversion-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:12px;font-weight:700;background:var(--conversion-bg);color:var(--green)}.conversion-badge.disabled{background:var(--conversion-disabled-bg);color:var(--text-muted)}.threshold.met{color:var(--green);font-weight:700}.threshold.pending{color:var(--orange);font-weight:700}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.online{background:var(--green);box-shadow:var(--status-dot-glow)}.status-dot.offline{background:var(--text-muted)}.row-highlight td{background:var(--row-highlight-bg)}.badge-muted{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;background:var(--badge-muted-bg);color:var(--text-muted)}.raid-result-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:13px}.error-row{padding:8px 12px;background:var(--error-row-bg);border-radius:var(--radius-sm);font-size:13px;color:var(--error-row-text);border-left:3px solid var(--red)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stat-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary))}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);padding:20px}.card:hover{box-shadow:var(--shadow-md)}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light)}.data-table th{padding:12px 16px;background:var(--bg-secondary);font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--border-light)}.data-table td{padding:12px 16px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-hover)}.input-field{padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:13px;color:var(--text-primary);width:100%;transition:all var(--transition-fast);font-family:var(--font-primary)}.input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--input-focus-ring)}.input-field::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700}.badge-success{background:var(--badge-success-bg);color:var(--green)}.badge-danger{background:var(--badge-danger-bg);color:var(--red)}.badge-warning{background:var(--badge-warning-bg);color:var(--orange)}.badge-info{background:var(--badge-info-bg);color:var(--blue)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.text-right{text-align:right}.text-center{text-align:center}.text-xs{font-size:10px}.text-sm{font-size:11px}.text-base{font-size:13px}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mb-0{margin-bottom:0}.mb-2{margin-bottom:4px}.mb-4{margin-bottom:8px}.mb-6{margin-bottom:12px}.mt-4{margin-top:8px}.ml-auto{margin-left:auto}.p-0{padding:0}.p-4{padding:8px}.p-5{padding:10px}.scroll-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.scroll-list::-webkit-scrollbar{width:4px}.scroll-list::-webkit-scrollbar-track{background:transparent}.scroll-list::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.scroll-list-lg{max-height:480px;overflow-y:auto}.section-divider{border:none;border-top:1px solid var(--border-light);margin:16px 0 12px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-hover) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.card-hover{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.page-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.content-spaced{display:flex;flex-direction:column;gap:16px}.table-scroll{overflow-x:auto;max-width:100%}@media(max-width:640px){.content{padding:14px}.search-bar{width:100%!important;max-width:100%}.page-toolbar .tabs{max-width:100%}.func-grid,.account-grid,.form-grid{grid-template-columns:1fr}.modal-backdrop{padding:12px}.modal{padding:18px}.page-header{flex-wrap:wrap}.stat-card{padding:6px 10px}}