:root {
    --lkec-body-bg: #f5f7fb;
    --lkec-body-overlay: rgba(255, 255, 255, 0.7);
    --lkec-surface-base: #ffffff;
    --lkec-surface-elevated: #ffffff;
    --lkec-surface-muted: #f7f8fa;
    --lkec-surface-subtle: #f8fbff;
    --lkec-surface-subtle-alt: #eef3f8;
    --lkec-surface-subtle-strong: #eef5fb;
    --lkec-surface-subtle-warm: #fff6ee;
    --lkec-surface-subtle-warm-alt: #fff7ef;
    --lkec-surface-subtle-soft: #fff8f2;
    --lkec-surface-subtle-soft-alt: #fffaf4;
    --lkec-surface-readonly: #eef1f4;
    --lkec-surface-disabled: #e9ecef;
    --lkec-surface-hover: #dee2e6;
    --lkec-surface-code: #f7f7f7;
    --lkec-surface-track: #d2d8df;
    --lkec-surface-track-soft: #d2d8df5e;
    --lkec-surface-pill: rgba(0, 0, 0, 0.03);
    --lkec-surface-pill-strong: rgba(0, 0, 0, 0.05);
    --lkec-surface-brand-soft: rgba(91, 207, 197, 0.1);
    --lkec-surface-brand-soft-alt: rgba(91, 207, 197, 0.12);
    --lkec-surface-brand-soft-strong: rgba(91, 207, 197, 0.18);
    --lkec-surface-brand-soft-hover: rgba(91, 207, 197, 0.2);
    --lkec-surface-brand-glass: rgba(91, 207, 197, 0.55);
    --lkec-surface-overlay: rgba(255, 255, 255, 0.9);
    --lkec-surface-overlay-soft: rgba(255, 255, 255, 0.55);
    --lkec-surface-log-panel: #dee9ef;
    --lkec-surface-info-soft: #e9f5ff;
    --lkec-surface-warning-panel: #fff4e6;
    --lkec-surface-warning-panel-hover: #ffeccc;
    --lkec-surface-brand-outline: rgba(91, 207, 197, 0.9);
    --lkec-surface-brand-outline-strong: rgba(91, 207, 197, 0.95);
    --lkec-surface-brand-focus: rgba(91, 207, 197, 0.25);
    --lkec-surface-brand-focus-2: rgba(91, 207, 197, 0.2);
    --lkec-surface-brand-focus-3: rgba(91, 207, 197, 0.16);
    --lkec-surface-brand-solid: rgba(91, 207, 197, 0.95);
    --lkec-surface-brand-solid-2: rgba(91, 207, 197, 0.98);
    --lkec-surface-brand-soft-dark: rgba(91, 207, 197, 0.03);
    --lkec-surface-soft-black: rgba(0, 0, 0, 0.01);
    --lkec-surface-soft-black-2: rgba(0, 0, 0, 0.04);
    --lkec-surface-toggle-off: #b9c0c6;
    --lkec-text-primary: #2b2f33;
    --lkec-text-strong: #163247;
    --lkec-text-emphasis: #17354c;
    --lkec-text-body: #4b5563;
    --lkec-text-body-strong: #495057;
    --lkec-text-muted: #6e6e6e;
    --lkec-text-muted-2: #6c757d;
    --lkec-text-muted-strong: rgba(0, 0, 0, 0.55);
    --lkec-text-subtle: #7c8085;
    --lkec-text-subtle-2: #7f95a5;
    --lkec-text-soft: #698197;
    --lkec-text-soft-2: #66869d;
    --lkec-text-soft-3: #6a879d;
    --lkec-text-soft-4: #6b8598;
    --lkec-text-panel: #5d7488;
    --lkec-text-panel-strong: #5f7b91;
    --lkec-text-panel-deep: #334a5c;
    --lkec-text-panel-muted: #71879b;
    --lkec-text-panel-soft: #6e8598;
    --lkec-text-panel-alt: #5b7285;
    --lkec-text-log: #709fba;
    --lkec-text-log-strong: #537081;
    --lkec-text-log-accent: #208b81;
    --lkec-text-log-muted: #787878;
    --lkec-text-log-error: #f72b50b0;
    --lkec-text-brand-dark: #1b3a39;
    --lkec-text-muted-soft: #6d7278;
    --lkec-text-notification: #6c7a86;
    --lkec-text-neutral-strong: #1c1b17;
    --lkec-text-neutral: rgb(41, 41, 41);
    --lkec-text-neutral-soft: rgb(75, 75, 75);
    --lkec-text-on-accent: #ffffff;
    --lkec-border-soft: rgba(0, 0, 0, 0.06);
    --lkec-border-soft-2: rgba(0, 0, 0, 0.05);
    --lkec-border-soft-3: rgba(0, 0, 0, 0.08);
    --lkec-border-soft-4: rgba(0, 0, 0, 0.12);
    --lkec-border-light: #e5edf5;
    --lkec-border-light-2: #e5eef5;
    --lkec-border-light-3: #e6eef5;
    --lkec-border-light-4: #dee9ef;
    --lkec-border-light-5: #d4e1eb;
    --lkec-border-light-6: #dde8f0;
    --lkec-border-light-7: #e3edf6;
    --lkec-border-subtle: #f5f5f5;
    --lkec-border-strong: #d7d7d7;
    --lkec-border-stronger: #c2c2c2;
    --lkec-border-control: #ced4da;
    --lkec-border-control-soft: #cdd1d5;
    --lkec-border-primary: #0d6efd;
    --lkec-border-info: #d1e7f0;
    --lkec-border-warning: #ffe0b2;
    --lkec-border-warning-strong: #ffcc80;
    --lkec-border-success: #c3e6c3;
    --lkec-border-success-strong: #a8d8a8;
    --lkec-border-info-soft: #b8daef;
    --lkec-border-info-strong: #9cc9e0;
    --lkec-border-contrast: #ffffff;
    --lkec-border-soft-log: #8f9fc147;
    --lkec-border-soft-brand: rgba(91, 207, 197, 0.36);
    --lkec-border-soft-brand-2: rgba(91, 207, 197, 0.45);
    --lkec-border-soft-brand-3: rgba(91, 207, 197, 0.55);
    --lkec-border-soft-brand-4: rgba(91, 207, 197, 0.58);
    --lkec-border-soft-brand-5: rgba(91, 207, 197, 0.62);
    --lkec-border-soft-success: rgba(15, 122, 77, 0.25);
    --lkec-shadow-soft: 0 8px 20px rgba(0, 0, 0, 0.04);
    --lkec-shadow-soft-2: 0 6px 15px rgba(0, 0, 0, 0.05);
    --lkec-shadow-soft-3: 0 8px 24px rgba(0, 0, 0, 0.05);
    --lkec-shadow-soft-4: 0 2px 6px rgba(0, 0, 0, 0.18);
    --lkec-shadow-card: 0 18px 45px rgba(44, 83, 112, 0.08);
    --lkec-shadow-card-2: 0 10px 24px rgba(17, 44, 63, 0.05);
    --lkec-shadow-card-3: 0 10px 26px rgba(0, 0, 0, 0.06);
    --lkec-shadow-card-4: 0 12px 30px rgba(63, 98, 124, 0.12);
    --lkec-shadow-card-5: 0 12px 32px rgba(91, 207, 197, 0.16);
    --lkec-shadow-pop: 0 20px 50px rgba(21, 48, 68, 0.18);
    --lkec-shadow-focus: rgba(68, 68, 68, 0.11);
    --lkec-shadow-brand: 0 10px 28px rgba(91, 207, 197, 0.18);
    --lkec-shadow-brand-strong: 0 10px 24px rgba(23, 53, 76, 0.22);
    --lkec-shadow-brand-glow: 0 0 12px rgba(91, 207, 197, 0.55);
    --lkec-shadow-brand-ring: 0 0 0 3px rgba(91, 207, 197, 0.18);
    --lkec-shadow-brand-ring-strong: 0 0 0 3px rgba(91, 207, 197, 0.2);
    --lkec-shadow-brand-soft: 0 10px 28px rgba(91, 207, 197, 0.1);
    --lkec-shadow-brand-soft-2: 0 12px 30px rgba(91, 207, 197, 0.14);
    --lkec-shadow-warning: 0 8px 22px rgba(242, 140, 40, 0.28);
    --lkec-shadow-warning-2: 0 10px 24px rgba(40, 58, 74, 0.18);
    --lkec-shadow-primary: 0 10px 24px rgba(13, 110, 253, 0.18);
    --lkec-shadow-xs: 0 2px 4px rgba(0, 0, 0, 0.1);
    --lkec-shadow-xs-brand: 0 2px 4px rgba(44, 90, 160, 0.1);
    --lkec-brand: #5bcfc5;
    --lkec-brand-strong: #14998e;
    --lkec-brand-accent: #38bfb3;
    --lkec-brand-copy: #60d1c7;
    --lkec-brand-copy-hover: #479b94;
    --lkec-brand-green: rgb(47, 194, 174);
    --lkec-warning: #f28c28;
    --lkec-warning-strong: #ffa755;
    --lkec-warning-light: #ffb057;
    --lkec-warning-light-2: #ffac59;
    --lkec-warning-soft: #fff4e5;
    --lkec-warning-soft-2: #fff7ef;
    --lkec-warning-soft-3: #fff8f2;
    --lkec-warning-soft-4: #fffaf4;
    --lkec-warning-text: #8a5200;
    --lkec-warning-text-2: #804d00;
    --lkec-warning-text-3: #663c00;
    --lkec-warning-text-4: #996600;
    --lkec-success: #22c55e;
    --lkec-success-soft: #e8f7ee;
    --lkec-success-soft-2: #e8f5e8;
    --lkec-success-soft-3: #d4f0d4;
    --lkec-success-text: #1f7a3b;
    --lkec-success-text-2: #0f7a4d;
    --lkec-success-text-3: #1e4a1e;
    --lkec-success-text-4: #2d5a2d;
    --lkec-success-text-5: #4a7c4a;
    --lkec-success-badge: rgba(15, 122, 77, 0.1);
    --lkec-danger: #ef4444;
    --lkec-danger-strong: #b42318;
    --lkec-danger-soft: #ffe9ee;
    --lkec-danger-text: #a61b37;
    --lkec-danger-text-2: #f72b50;
    --lkec-danger-badge: rgba(180, 35, 24, 0.08);
    --lkec-danger-badge-alt: rgba(180, 35, 24, 0.07);
    --lkec-danger-outline: rgba(180, 35, 24, 0.24);
    --lkec-danger-icon: #e71b1b;
    --lkec-info: #3b82f6;
    --lkec-info-soft: #e8f1ff;
    --lkec-info-soft-2: #e8f4fd;
    --lkec-info-soft-3: #d4ebf8;
    --lkec-info-soft-4: #eef5ff;
    --lkec-info-soft-5: #eef7ff;
    --lkec-info-text: #1e4fbf;
    --lkec-info-text-2: #1e3a4a;
    --lkec-info-text-3: #4a6c7c;
    --lkec-info-text-4: #2c5aa0;
    --lkec-info-text-5: #17867b;
    --lkec-neutral-soft: #eef2f6;
    --lkec-neutral-text: #556b7a;
    --lkec-neutral-text-2: #94a3b8;
    --lkec-manual-nav-bg: #5bcfc525;
    --lkec-manual-nav-surface: rgba(255, 255, 255, 0.78);
    --lkec-manual-nav-border: rgba(255, 255, 255, 0.56);
    --lkec-manual-nav-shadow: 0 26px 48px rgba(17, 44, 63, 0.14);
    --lkec-manual-nav-kicker: #6f8798;
    --lkec-manual-nav-caption: #6d7f8d;
    --lkec-manual-nav-link-bg: rgba(255, 255, 255, 0.58);
    --lkec-manual-nav-link-border: rgba(91, 207, 197, 0.18);
    --lkec-manual-nav-link-hover-bg: rgba(255, 255, 255, 0.88);
    --lkec-manual-nav-link-hover-border: rgba(91, 207, 197, 0.38);
    --lkec-manual-nav-link-active-bg: rgba(91, 207, 197, 0.18);
    --lkec-manual-nav-link-active-border: rgba(91, 207, 197, 0.48);
    --lkec-manual-nav-link-shadow: 0 12px 26px rgba(91, 207, 197, 0.14);
    --lkec-manual-nav-trigger-bg: rgba(255, 255, 255, 0.94);
    --lkec-manual-nav-trigger-border: rgba(91, 207, 197, 0.22);
    --lkec-manual-nav-trigger-shadow: 0 18px 35px rgba(21, 48, 68, 0.16);
    --lkec-manual-nav-overlay: rgba(15, 23, 42, 0.16);
    --lkec-manual-go-top: #179ca6;
    --lkec-manual-go-top-accent: #5dfeb3;
    --lkec-manual-go-top-bg: linear-gradient(135deg, rgba(23, 156, 166, 0.95) 0%, rgba(91, 207, 197, 0.95) 100%);
    --lkec-manual-go-top-border: rgba(255, 255, 255, 0.6);
    --lkec-manual-go-top-shadow: 0 20px 40px rgba(23, 156, 166, 0.22);
    --lkec-code-border: #eee;
    --lkec-sidebar-tool-bg: rgba(255, 255, 255, 0.7);
    --lkec-sidebar-tool-border: rgba(0, 0, 0, 0.06);
    --lkec-sidebar-tool-hover: rgba(91, 207, 197, 0.12);
    --lkec-sidebar-tool-color: #5f7b91;
    --lkec-app-ornament-1: rgba(91, 207, 197, 0.16);
    --lkec-app-ornament-2: rgba(242, 140, 40, 0.12);
    --lkec-shell-surface: rgba(255, 255, 255, 0.74);
    --lkec-shell-surface-strong: rgba(255, 255, 255, 0.92);
    --lkec-shell-border: rgba(0, 0, 0, 0.05);
    --lkec-shell-shadow: 0 24px 60px rgba(20, 35, 49, 0.08);
    --lkec-sidebar-bg: rgba(255, 255, 255, 0.78);
    --lkec-sidebar-border: rgba(0, 0, 0, 0.06);
    --lkec-sidebar-item-bg: rgba(255, 255, 255, 0.52);
    --lkec-sidebar-item-hover: rgba(91, 207, 197, 0.12);
    --lkec-sidebar-item-active: rgba(91, 207, 197, 0.18);
    --lkec-sidebar-subitem-hover: rgba(91, 207, 197, 0.1);
    --lkec-page-panel-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 251, 255, 0.98) 100%);
    --lkec-page-panel-border: rgba(91, 207, 197, 0.22);
    --lkec-card-top-bg: linear-gradient(180deg, rgba(91, 207, 197, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
    --lkec-input-bg: rgba(255, 255, 255, 0.92);
    --lkec-input-border: #dbe5ed;
    --lkec-input-border-focus: rgba(91, 207, 197, 0.62);
    --lkec-input-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
    --lkec-table-header-bg: rgba(91, 207, 197, 0.1);
    --lkec-table-row-hover: rgba(91, 207, 197, 0.08);
    --lkec-table-row-striped: rgba(255, 255, 255, 0.52);
    --lkec-dropdown-bg: rgba(255, 255, 255, 0.96);
    --lkec-dropdown-hover: rgba(91, 207, 197, 0.12);
    --lkec-auth-shell-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.52) 100%);
    --lkec-card-accent-primary-bg: linear-gradient(145deg, #78dfd7 0%, #60d1c8 46%, #46b4ab 100%);
    --lkec-card-accent-primary-shadow: 0 20px 42px rgba(58, 132, 126, 0.16);
    --lkec-card-accent-secondary-bg: linear-gradient(145deg, #90b7cd 0%, #779db6 46%, #5f849d 100%);
    --lkec-card-accent-secondary-shadow: 0 20px 42px rgba(78, 109, 132, 0.17);
    --lkec-card-accent-success-bg: linear-gradient(145deg, #8ae18b 0%, #6bcf72 46%, #4ea55a 100%);
    --lkec-card-accent-success-shadow: 0 20px 42px rgba(65, 122, 74, 0.16);
    --lkec-card-accent-warning-bg: linear-gradient(145deg, #ffc887 0%, #f0ad66 46%, #d68b49 100%);
    --lkec-card-accent-warning-shadow: 0 20px 42px rgba(155, 101, 49, 0.18);
    --lkec-card-accent-danger-bg: linear-gradient(145deg, #ff7491 0%, #ef5c7b 46%, #cc4863 100%);
    --lkec-card-accent-danger-shadow: 0 20px 42px rgba(147, 56, 77, 0.18);
    --lkec-card-accent-info-bg: linear-gradient(145deg, #cfb6e2 0%, #af95cd 46%, #8e75b4 100%);
    --lkec-card-accent-info-shadow: 0 20px 42px rgba(108, 88, 141, 0.18);
    --lkec-card-accent-dark-bg: linear-gradient(145deg, #8e949c 0%, #747b84 46%, #5a616a 100%);
    --lkec-card-accent-dark-shadow: 0 20px 42px rgba(58, 64, 71, 0.2);
    --lkec-card-accent-light-bg: linear-gradient(145deg, rgba(251, 253, 255, 0.98) 0%, rgba(237, 242, 247, 0.96) 46%, rgba(220, 228, 236, 0.94) 100%);
    --lkec-card-accent-light-shadow: 0 20px 40px rgba(44, 83, 112, 0.08);
}

[data-theme-version="dark"] {
    --lkec-body-bg: #131b22;
    --lkec-body-overlay: rgba(19, 27, 34, 0.8);
    --lkec-surface-base: #1b242d;
    --lkec-surface-elevated: #202b36;
    --lkec-surface-muted: #18212a;
    --lkec-surface-subtle: #1a2530;
    --lkec-surface-subtle-alt: #23313d;
    --lkec-surface-subtle-strong: #22313d;
    --lkec-surface-subtle-warm: #2a2620;
    --lkec-surface-subtle-warm-alt: #2f2a23;
    --lkec-surface-subtle-soft: #2b2924;
    --lkec-surface-subtle-soft-alt: #2d2c27;
    --lkec-surface-readonly: #24313d;
    --lkec-surface-disabled: #263440;
    --lkec-surface-hover: #30404c;
    --lkec-surface-code: #1c252d;
    --lkec-surface-track: #314150;
    --lkec-surface-track-soft: rgba(49, 65, 80, 0.6);
    --lkec-surface-pill: rgba(255, 255, 255, 0.05);
    --lkec-surface-pill-strong: rgba(255, 255, 255, 0.08);
    --lkec-surface-brand-soft: rgba(91, 207, 197, 0.14);
    --lkec-surface-brand-soft-alt: rgba(91, 207, 197, 0.16);
    --lkec-surface-brand-soft-strong: rgba(91, 207, 197, 0.2);
    --lkec-surface-brand-soft-hover: rgba(91, 207, 197, 0.24);
    --lkec-surface-brand-glass: rgba(91, 207, 197, 0.18);
    --lkec-surface-overlay: rgba(255, 255, 255, 0.06);
    --lkec-surface-overlay-soft: rgba(255, 255, 255, 0.08);
    --lkec-surface-log-panel: #22313d;
    --lkec-surface-info-soft: rgba(13, 110, 253, 0.14);
    --lkec-surface-warning-panel: rgba(255, 204, 128, 0.16);
    --lkec-surface-warning-panel-hover: rgba(255, 204, 128, 0.22);
    --lkec-surface-brand-outline: rgba(91, 207, 197, 0.72);
    --lkec-surface-brand-outline-strong: rgba(91, 207, 197, 0.86);
    --lkec-surface-brand-focus: rgba(91, 207, 197, 0.3);
    --lkec-surface-brand-focus-2: rgba(91, 207, 197, 0.24);
    --lkec-surface-brand-focus-3: rgba(91, 207, 197, 0.2);
    --lkec-surface-brand-solid: rgba(91, 207, 197, 0.88);
    --lkec-surface-brand-solid-2: rgba(91, 207, 197, 0.94);
    --lkec-surface-brand-soft-dark: rgba(91, 207, 197, 0.08);
    --lkec-surface-soft-black: rgba(255, 255, 255, 0.02);
    --lkec-surface-soft-black-2: rgba(255, 255, 255, 0.05);
    --lkec-surface-toggle-off: #465663;
    --lkec-text-primary: #e7edf4;
    --lkec-text-strong: #f3f7fb;
    --lkec-text-emphasis: #ffffff;
    --lkec-text-body: #c0ced9;
    --lkec-text-body-strong: #d1d9e1;
    --lkec-text-muted: #a3b1be;
    --lkec-text-muted-2: #9dadbb;
    --lkec-text-muted-strong: rgba(255, 255, 255, 0.62);
    --lkec-text-subtle: #95a5b4;
    --lkec-text-subtle-2: #a8bac8;
    --lkec-text-soft: #a6b8c7;
    --lkec-text-soft-2: #abc0d0;
    --lkec-text-soft-3: #9fb5c6;
    --lkec-text-soft-4: #a5bdcc;
    --lkec-text-panel: #9fb8ca;
    --lkec-text-panel-strong: #bfd0dc;
    --lkec-text-panel-deep: #dce7ef;
    --lkec-text-panel-muted: #b2c0cb;
    --lkec-text-panel-soft: #a4b6c4;
    --lkec-text-panel-alt: #c1d0db;
    --lkec-text-log: #95bbd1;
    --lkec-text-log-strong: #8eb0c5;
    --lkec-text-log-accent: #5bd0c5;
    --lkec-text-log-muted: #afbbc6;
    --lkec-text-log-error: rgba(247, 43, 80, 0.88);
    --lkec-text-brand-dark: #d6f4f0;
    --lkec-text-muted-soft: #b3c0cb;
    --lkec-text-notification: #aec0ce;
    --lkec-text-neutral-strong: #f2f5f8;
    --lkec-text-neutral: #edf2f7;
    --lkec-text-neutral-soft: #c7d2dc;
    --lkec-border-soft: rgba(255, 255, 255, 0.08);
    --lkec-border-soft-2: rgba(255, 255, 255, 0.06);
    --lkec-border-soft-3: rgba(255, 255, 255, 0.12);
    --lkec-border-soft-4: rgba(255, 255, 255, 0.14);
    --lkec-border-light: #30414f;
    --lkec-border-light-2: #30414f;
    --lkec-border-light-3: #314553;
    --lkec-border-light-4: #324555;
    --lkec-border-light-5: #3a4b59;
    --lkec-border-light-6: #384a58;
    --lkec-border-light-7: #344856;
    --lkec-border-subtle: #2f3c48;
    --lkec-border-strong: #435463;
    --lkec-border-stronger: #4a5b69;
    --lkec-border-control: #536575;
    --lkec-border-control-soft: #546674;
    --lkec-border-primary: #4d8fff;
    --lkec-border-info: #3f6072;
    --lkec-border-warning: #7a5e32;
    --lkec-border-warning-strong: #9a7441;
    --lkec-border-success: #3b6a50;
    --lkec-border-success-strong: #4d8462;
    --lkec-border-info-soft: #4a6577;
    --lkec-border-info-strong: #5f7f93;
    --lkec-border-contrast: #435463;
    --lkec-border-soft-log: rgba(143, 159, 193, 0.28);
    --lkec-border-soft-brand: rgba(91, 207, 197, 0.3);
    --lkec-border-soft-brand-2: rgba(91, 207, 197, 0.38);
    --lkec-border-soft-brand-3: rgba(91, 207, 197, 0.48);
    --lkec-border-soft-brand-4: rgba(91, 207, 197, 0.52);
    --lkec-border-soft-brand-5: rgba(91, 207, 197, 0.6);
    --lkec-border-soft-success: rgba(15, 122, 77, 0.35);
    --lkec-shadow-soft: 0 8px 20px rgba(0, 0, 0, 0.28);
    --lkec-shadow-soft-2: 0 6px 15px rgba(0, 0, 0, 0.22);
    --lkec-shadow-soft-3: 0 8px 24px rgba(0, 0, 0, 0.28);
    --lkec-shadow-soft-4: 0 2px 6px rgba(0, 0, 0, 0.3);
    --lkec-shadow-card: 0 18px 45px rgba(0, 0, 0, 0.28);
    --lkec-shadow-card-2: 0 10px 24px rgba(0, 0, 0, 0.24);
    --lkec-shadow-card-3: 0 10px 26px rgba(0, 0, 0, 0.22);
    --lkec-shadow-card-4: 0 12px 30px rgba(0, 0, 0, 0.24);
    --lkec-shadow-card-5: 0 12px 32px rgba(91, 207, 197, 0.18);
    --lkec-shadow-pop: 0 20px 50px rgba(0, 0, 0, 0.35);
    --lkec-shadow-focus: rgba(255, 255, 255, 0.1);
    --lkec-shadow-brand: 0 10px 28px rgba(91, 207, 197, 0.22);
    --lkec-shadow-brand-strong: 0 10px 24px rgba(0, 0, 0, 0.26);
    --lkec-shadow-brand-glow: 0 0 12px rgba(91, 207, 197, 0.34);
    --lkec-shadow-brand-ring: 0 0 0 3px rgba(91, 207, 197, 0.2);
    --lkec-shadow-brand-ring-strong: 0 0 0 3px rgba(91, 207, 197, 0.26);
    --lkec-shadow-brand-soft: 0 10px 28px rgba(91, 207, 197, 0.14);
    --lkec-shadow-brand-soft-2: 0 12px 30px rgba(91, 207, 197, 0.18);
    --lkec-shadow-warning: 0 8px 22px rgba(242, 140, 40, 0.24);
    --lkec-shadow-warning-2: 0 10px 24px rgba(0, 0, 0, 0.24);
    --lkec-shadow-primary: 0 10px 24px rgba(13, 110, 253, 0.12);
    --lkec-shadow-xs: 0 2px 4px rgba(0, 0, 0, 0.18);
    --lkec-shadow-xs-brand: 0 2px 4px rgba(44, 90, 160, 0.18);
    --lkec-brand-copy: #7adbd2;
    --lkec-brand-copy-hover: #9de9e2;
    --lkec-warning-light: #ffb057;
    --lkec-warning-light-2: #ffac59;
    --lkec-code-border: #42515e;
    --lkec-success-soft: rgba(34, 197, 94, 0.16);
    --lkec-success-soft-2: rgba(34, 197, 94, 0.14);
    --lkec-success-soft-3: rgba(34, 197, 94, 0.2);
    --lkec-success-badge: rgba(15, 122, 77, 0.18);
    --lkec-danger-soft: rgba(239, 68, 68, 0.16);
    --lkec-danger-badge: rgba(180, 35, 24, 0.18);
    --lkec-danger-badge-alt: rgba(180, 35, 24, 0.14);
    --lkec-danger-outline: rgba(180, 35, 24, 0.28);
    --lkec-info-soft: rgba(59, 130, 246, 0.16);
    --lkec-info-soft-2: rgba(59, 130, 246, 0.14);
    --lkec-info-soft-3: rgba(59, 130, 246, 0.2);
    --lkec-info-soft-4: rgba(59, 130, 246, 0.14);
    --lkec-info-soft-5: rgba(59, 130, 246, 0.18);
    --lkec-neutral-soft: rgba(148, 163, 184, 0.18);
    --lkec-manual-nav-bg: rgba(91, 207, 197, 0.12);
    --lkec-manual-nav-surface: rgba(27, 36, 45, 0.88);
    --lkec-manual-nav-border: rgba(255, 255, 255, 0.08);
    --lkec-manual-nav-shadow: 0 24px 48px rgba(0, 0, 0, 0.38);
    --lkec-manual-nav-kicker: #9db4c2;
    --lkec-manual-nav-caption: #a9bcc8;
    --lkec-manual-nav-link-bg: rgba(255, 255, 255, 0.04);
    --lkec-manual-nav-link-border: rgba(91, 207, 197, 0.18);
    --lkec-manual-nav-link-hover-bg: rgba(255, 255, 255, 0.08);
    --lkec-manual-nav-link-hover-border: rgba(91, 207, 197, 0.26);
    --lkec-manual-nav-link-active-bg: rgba(91, 207, 197, 0.16);
    --lkec-manual-nav-link-active-border: rgba(91, 207, 197, 0.38);
    --lkec-manual-nav-link-shadow: 0 12px 26px rgba(0, 0, 0, 0.28);
    --lkec-manual-nav-trigger-bg: rgba(27, 36, 45, 0.92);
    --lkec-manual-nav-trigger-border: rgba(255, 255, 255, 0.08);
    --lkec-manual-nav-trigger-shadow: 0 18px 35px rgba(0, 0, 0, 0.32);
    --lkec-manual-nav-overlay: rgba(0, 0, 0, 0.36);
    --lkec-manual-go-top-bg: linear-gradient(135deg, rgba(25, 93, 104, 0.96) 0%, rgba(91, 207, 197, 0.8) 100%);
    --lkec-manual-go-top-border: rgba(255, 255, 255, 0.1);
    --lkec-manual-go-top-shadow: 0 22px 42px rgba(0, 0, 0, 0.3);
    --lkec-sidebar-tool-bg: rgba(255, 255, 255, 0.04);
    --lkec-sidebar-tool-border: rgba(255, 255, 255, 0.08);
    --lkec-sidebar-tool-hover: rgba(91, 207, 197, 0.16);
    --lkec-sidebar-tool-color: #bfd0dc;
    --lkec-app-ornament-1: rgba(91, 207, 197, 0.12);
    --lkec-app-ornament-2: rgba(255, 176, 87, 0.08);
    --lkec-shell-surface: rgba(27, 36, 45, 0.76);
    --lkec-shell-surface-strong: rgba(32, 43, 54, 0.94);
    --lkec-shell-border: rgba(255, 255, 255, 0.08);
    --lkec-shell-shadow: 0 24px 60px rgba(0, 0, 0, 0.26);
    --lkec-sidebar-bg: rgba(27, 36, 45, 0.82);
    --lkec-sidebar-border: rgba(255, 255, 255, 0.08);
    --lkec-sidebar-item-bg: rgba(255, 255, 255, 0.04);
    --lkec-sidebar-item-hover: rgba(91, 207, 197, 0.14);
    --lkec-sidebar-item-active: rgba(91, 207, 197, 0.2);
    --lkec-sidebar-subitem-hover: rgba(255, 255, 255, 0.06);
    --lkec-page-panel-bg: linear-gradient(135deg, rgba(27, 36, 45, 0.94) 0%, rgba(34, 49, 61, 0.98) 100%);
    --lkec-page-panel-border: rgba(91, 207, 197, 0.2);
    --lkec-card-top-bg: linear-gradient(180deg, rgba(91, 207, 197, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    --lkec-input-bg: rgba(27, 36, 45, 0.94);
    --lkec-input-border: #3a4b59;
    --lkec-input-border-focus: rgba(91, 207, 197, 0.56);
    --lkec-input-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
    --lkec-table-header-bg: rgba(91, 207, 197, 0.14);
    --lkec-table-row-hover: rgba(91, 207, 197, 0.08);
    --lkec-table-row-striped: rgba(255, 255, 255, 0.03);
    --lkec-dropdown-bg: rgba(27, 36, 45, 0.98);
    --lkec-dropdown-hover: rgba(91, 207, 197, 0.14);
    --lkec-auth-shell-bg: linear-gradient(180deg, rgba(27, 36, 45, 0.88) 0%, rgba(27, 36, 45, 0.7) 100%);
    --lkec-card-accent-primary-bg: linear-gradient(145deg, #6bd6cd 0%, #53c0b7 46%, #388e87 100%);
    --lkec-card-accent-primary-shadow: 0 20px 42px rgba(29, 86, 81, 0.28);
    --lkec-card-accent-secondary-bg: linear-gradient(145deg, #8ba8bf 0%, #718da3 46%, #536d83 100%);
    --lkec-card-accent-secondary-shadow: 0 20px 42px rgba(33, 50, 68, 0.28);
    --lkec-card-accent-success-bg: linear-gradient(145deg, #79d27b 0%, #60b669 46%, #3f7d4f 100%);
    --lkec-card-accent-success-shadow: 0 20px 42px rgba(25, 56, 34, 0.26);
    --lkec-card-accent-warning-bg: linear-gradient(145deg, #e6b073 0%, #c99659 46%, #955f37 100%);
    --lkec-card-accent-warning-shadow: 0 20px 42px rgba(76, 46, 23, 0.28);
    --lkec-card-accent-danger-bg: linear-gradient(145deg, #de8095 0%, #c7657d 46%, #933f56 100%);
    --lkec-card-accent-danger-shadow: 0 20px 42px rgba(67, 25, 39, 0.28);
    --lkec-card-accent-info-bg: linear-gradient(145deg, #b9a1d0 0%, #9b84ba 46%, #715b94 100%);
    --lkec-card-accent-info-shadow: 0 20px 42px rgba(52, 39, 73, 0.28);
    --lkec-card-accent-dark-bg: linear-gradient(145deg, #7c838b 0%, #656c74 46%, #444b53 100%);
    --lkec-card-accent-dark-shadow: 0 20px 42px rgba(12, 17, 22, 0.32);
    --lkec-card-accent-light-bg: linear-gradient(145deg, rgba(92, 103, 115, 0.94) 0%, rgba(69, 80, 92, 0.94) 46%, rgba(47, 57, 67, 0.94) 100%);
    --lkec-card-accent-light-shadow: 0 20px 42px rgba(8, 16, 24, 0.28);
    --lkec-info-text-2: #478ab1;
    --lkec-success-text-3: #359d35;
    --lkec-success-text-4: #449144;
}

html,
body {
    background: var(--lkec-body-bg);
}

body[data-theme-version] {
    color: var(--lkec-text-primary);
}

.lkec-brand-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0;
    font-size: 18px;
}

.lkec-brand-title {
    color: var(--lkec-text-neutral-strong);
    margin-bottom: -8px;
}

.lkec-brand-subtitle {
    color: var(--lkec-text-primary);
}

.lkec-logo-image[src$="logo-black.png"] {
    transition: filter .2s ease;
}

[data-theme-version="dark"] .lkec-logo-image[src$="logo-black.png"] {
    filter: brightness(0) invert(1);
}

.lkec-theme-toggle {
    height: 44px;
    border: 1px solid var(--lkec-sidebar-tool-border);
    border-radius: 1rem;
    background: var(--lkec-sidebar-tool-bg);
    color: var(--lkec-sidebar-tool-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    max-width: 100%;
    justify-content: flex-start;
    gap: 20px;
    width: 100%;
    padding-left: 22px;
}

.lkec-theme-toggle:hover {
    background: var(--lkec-sidebar-tool-hover);
    color: var(--lkec-text-emphasis);
    border-color: var(--lkec-surface-brand-outline);
    transform: translateY(-1px);
}

.lkec-theme-toggle svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.lkec-theme-toggle:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 4px var(--lkec-surface-brand-focus);
}

.lkec-app-shell,
#main-wrapper:not(.lkec-manual-layout) {
    position: relative;
}

#main-wrapper:not(.lkec-manual-layout)::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at top right, var(--lkec-app-ornament-1) 0, transparent 26%),
        radial-gradient(circle at left bottom, var(--lkec-app-ornament-2) 0, transparent 24%);
}

#main-wrapper:not(.lkec-manual-layout) .nav-header,
#main-wrapper:not(.lkec-manual-layout) .dlabnav {
    background: var(--lkec-sidebar-bg);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-right: 1px solid var(--lkec-sidebar-border);
}

#main-wrapper:not(.lkec-manual-layout) .nav-header {
    z-index: 6;
    box-shadow: inset 0 -1px 0 var(--lkec-sidebar-border);
}

#main-wrapper:not(.lkec-manual-layout) .dlabnav {
    z-index: 4;
}

#main-wrapper:not(.lkec-manual-layout) .nav-header .nav-logo {
    min-height: 112px;
}

#main-wrapper:not(.lkec-manual-layout) .dlabnav-scroll {
    padding-top: 12px;
}

#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu {
    /* padding: 0 16px 20px; */
}

#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li {
    margin-bottom: 4px;
}

#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li > a {
    min-height: 52px;
    /* padding: 12px 16px; */
    border-radius: 1rem;
    background: transparent;
    color: var(--lkec-text-panel);
    transition: transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li > a i,
#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li > a svg {
    color: inherit;
    opacity: .92;
    transition: color .18s ease, opacity .18s ease, transform .18s ease;
}

#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li:hover > a,
#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li.mm-active > a,
#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li:focus-within > a {
    background: var(--lkec-sidebar-item-active);
    color: var(--lkec-text-emphasis);
    box-shadow: var(--lkec-shadow-brand-soft);
    transform: translateX(3px);
    --lkec-sidebar-tool-color: var(--lkec-text-emphasis);
}

.dlabnav .metismenu > li > a .lkec-ozon-sidebar-icon .sob1,
.dlabnav .metismenu > li.mm-active > a .lkec-ozon-sidebar-icon .sob1 {
    fill: var(--lkec-sidebar-tool-color) !important;
}

.dlabnav .metismenu > li > a .lkec-ozon-sidebar-icon .sol1,
.dlabnav .metismenu > li.mm-active > a .lkec-ozon-sidebar-icon .sol1 {
    fill: var(--lkec-sidebar-bg) !important;
}

.dlabnav .metismenu > li > a .lkec-ozon-sidebar-icon .sot1,
.dlabnav .metismenu > li.mm-active > a .lkec-ozon-sidebar-icon .sot1 {
    fill: var(--lkec-sidebar-bg) !important;
}

.dlabnav .metismenu > li > a .lkec-ozon-sidebar-icon [fill="none"],
.dlabnav .metismenu > li.mm-active > a .lkec-ozon-sidebar-icon [fill="none"] {
    fill: none !important;
}

#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li:hover > a i,
#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li.mm-active > a i,
#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li:focus-within > a i,
#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li:hover > a svg,
#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li.mm-active > a svg,
#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li:focus-within > a svg {
    opacity: 1;
    transform: translateX(1px);
}

#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li .menu-icon-img,
#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li .menu-icon-img,
#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li .menu-icon-img{
    filter: brightness(0) saturate(100%) invert(53%) sepia(23%) saturate(354%) hue-rotate(166deg) brightness(87%) contrast(93%);
}

#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li:hover .menu-icon-img,
#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li.mm-active .menu-icon-img,
#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li:focus-within .menu-icon-img{
    filter: brightness(0) saturate(100%) invert(16%) sepia(8%) saturate(4040%) hue-rotate(165deg) brightness(97%) contrast(91%);
}

.lkec-theme-dark #main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li .menu-icon-img,
.lkec-theme-dark #main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li .menu-icon-img,
.lkec-theme-dark #main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li .menu-icon-img{
    filter: brightness(0) saturate(100%) invert(74%) sepia(34%) saturate(194%) hue-rotate(163deg) brightness(85%) contrast(92%);
}

.lkec-theme-dark #main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li:hover .menu-icon-img,
.lkec-theme-dark #main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li.mm-active .menu-icon-img,
.lkec-theme-dark #main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li:focus-within .menu-icon-img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(244deg) brightness(100%) contrast(100%);
}

#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu .has-arrow:after {
    color: currentColor;
    opacity: .55;
}

#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu ul {
    padding: 6px 0 10px;
}

#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu ul a {
    min-height: 40px;
    margin: 0 0 4px 12px;
    padding: 10px 14px 10px 18px;
    border-radius: 14px;
    color: var(--lkec-text-soft);
    transition: transform .18s ease, background-color .18s ease, color .18s ease;
}

#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu ul a:hover,
#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu ul a.mm-active,
#main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu ul a:focus {
    background: var(--lkec-sidebar-subitem-hover);
    color: var(--lkec-text-emphasis);
    transform: translateX(2px);
}

#main-wrapper:not(.lkec-manual-layout) .dlabnav .header-profile > a.nav-link {
    padding: 14px 16px;
    border-radius: 22px;
    background: var(--lkec-sidebar-item-active);
    border: 1px solid var(--lkec-border-soft-brand);
    box-shadow: var(--lkec-shadow-brand-soft);
}

#main-wrapper:not(.lkec-manual-layout) .dlabnav .header-profile .header-info span {
    color: var(--lkec-text-emphasis);
}

#main-wrapper:not(.lkec-manual-layout) .dlabnav .header-profile .header-info small {
    color: var(--lkec-text-panel-muted);
}

#main-wrapper:not(.lkec-manual-layout) .content-body {
    position: relative;
    z-index: unset;
    background:
        linear-gradient(180deg, var(--lkec-body-overlay) 0%, transparent 30%),
        transparent;
}

#main-wrapper:not(.lkec-manual-layout) .page-titles {
    margin-bottom: 1.4rem;
    padding: 18px 22px;
    border-radius: 26px;
    border: 1px solid var(--lkec-page-panel-border);
    background: var(--lkec-page-panel-bg);
    box-shadow: var(--lkec-shell-shadow);
}

#main-wrapper:not(.lkec-manual-layout) .page-titles h4,
#main-wrapper:not(.lkec-manual-layout) .page-titles .h4 {
    color: var(--lkec-text-emphasis);
}

#main-wrapper:not(.lkec-manual-layout) .page-titles .breadcrumb {
    margin-bottom: 0;
    gap: 4px;
}

#main-wrapper:not(.lkec-manual-layout) .page-titles .breadcrumb li,
#main-wrapper:not(.lkec-manual-layout) .breadcrumb-item {
    color: var(--lkec-text-panel-muted);
}

#main-wrapper:not(.lkec-manual-layout) .page-titles .breadcrumb li a,
#main-wrapper:not(.lkec-manual-layout) .breadcrumb-item a {
    color: var(--lkec-text-panel);
}

#main-wrapper:not(.lkec-manual-layout) .page-titles .breadcrumb li.active,
#main-wrapper:not(.lkec-manual-layout) .page-titles .breadcrumb li.active a,
#main-wrapper:not(.lkec-manual-layout) .breadcrumb-item.active {
    color: var(--lkec-text-emphasis);
}

#main-wrapper:not(.lkec-manual-layout) .card {
    border: 1px solid var(--lkec-shell-border);
    border-radius: 28px;
    background:
        var(--lkec-card-top-bg),
        var(--lkec-shell-surface-strong);
    box-shadow: var(--lkec-shadow-card-2);
    /* overflow: hidden; */
}

#main-wrapper:not(.lkec-manual-layout) .card-body {
    padding: 1.5rem;
}

#main-wrapper:not(.lkec-manual-layout) .card-header {
    padding: 1.35rem 1.5rem 1rem;
    border-bottom: 1px solid var(--lkec-border-soft);
    background: transparent;
}

#main-wrapper:not(.lkec-manual-layout) .card-header .card-title,
#main-wrapper:not(.lkec-manual-layout) .card-title {
    color: var(--lkec-text-emphasis);
    letter-spacing: -.01em;
}

#main-wrapper:not(.lkec-manual-layout) .card-header .subtitle,
#main-wrapper:not(.lkec-manual-layout) .card-text,
#main-wrapper:not(.lkec-manual-layout) .text-muted {
    color: var(--lkec-text-muted-2) !important;
}

#main-wrapper:not(.lkec-manual-layout) .card-footer {
    background: transparent;
    border-top: 1px solid var(--lkec-border-soft);
}

#main-wrapper:not(.lkec-manual-layout) .card:is(.bg-primary, .bg-secondary, .bg-success, .bg-warning, .bg-danger, .bg-info, .bg-dark, .bg-light) {
    border-color: rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.97);
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.04) 30%, transparent 54%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.05) 36%, rgba(0, 0, 0, 0.1) 100%),
        var(--lkec-card-accent-bg) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        inset 0 -1px 0 rgba(255, 255, 255, 0.04),
        var(--lkec-card-accent-shadow);
}

#main-wrapper:not(.lkec-manual-layout) .card.bg-primary {
    --lkec-card-accent-bg: var(--lkec-card-accent-primary-bg);
    --lkec-card-accent-shadow: var(--lkec-card-accent-primary-shadow);
}

#main-wrapper:not(.lkec-manual-layout) .card.bg-secondary {
    --lkec-card-accent-bg: var(--lkec-card-accent-secondary-bg);
    --lkec-card-accent-shadow: var(--lkec-card-accent-secondary-shadow);
}

#main-wrapper:not(.lkec-manual-layout) .card.bg-success {
    --lkec-card-accent-bg: var(--lkec-card-accent-success-bg);
    --lkec-card-accent-shadow: var(--lkec-card-accent-success-shadow);
}

#main-wrapper:not(.lkec-manual-layout) .card.bg-warning {
    --lkec-card-accent-bg: var(--lkec-card-accent-warning-bg);
    --lkec-card-accent-shadow: var(--lkec-card-accent-warning-shadow);
}

#main-wrapper:not(.lkec-manual-layout) .card.bg-danger {
    --lkec-card-accent-bg: var(--lkec-card-accent-danger-bg);
    --lkec-card-accent-shadow: var(--lkec-card-accent-danger-shadow);
}

#main-wrapper:not(.lkec-manual-layout) .card.bg-info {
    --lkec-card-accent-bg: var(--lkec-card-accent-info-bg);
    --lkec-card-accent-shadow: var(--lkec-card-accent-info-shadow);
}

#main-wrapper:not(.lkec-manual-layout) .card.bg-dark {
    --lkec-card-accent-bg: var(--lkec-card-accent-dark-bg);
    --lkec-card-accent-shadow: var(--lkec-card-accent-dark-shadow);
}

#main-wrapper:not(.lkec-manual-layout) .card.bg-light {
    --lkec-card-accent-bg: var(--lkec-card-accent-light-bg);
    --lkec-card-accent-shadow: var(--lkec-card-accent-light-shadow);
    border-color: var(--lkec-shell-border);
    color: var(--lkec-text-primary);
}

#main-wrapper:not(.lkec-manual-layout) .card:is(.bg-primary, .bg-secondary, .bg-success, .bg-warning, .bg-danger, .bg-info, .bg-dark, .bg-light) .card-header,
#main-wrapper:not(.lkec-manual-layout) .card:is(.bg-primary, .bg-secondary, .bg-success, .bg-warning, .bg-danger, .bg-info, .bg-dark, .bg-light) .card-footer {
    background: transparent;
}

#main-wrapper:not(.lkec-manual-layout) .card:is(.bg-primary, .bg-secondary, .bg-success, .bg-warning, .bg-danger, .bg-info, .bg-dark) .card-header,
#main-wrapper:not(.lkec-manual-layout) .card:is(.bg-primary, .bg-secondary, .bg-success, .bg-warning, .bg-danger, .bg-info, .bg-dark) .card-footer {
    border-color: rgba(255, 255, 255, 0.16);
}

#main-wrapper:not(.lkec-manual-layout) .card:is(.bg-primary, .bg-secondary, .bg-success, .bg-warning, .bg-danger, .bg-info, .bg-dark) :is(.card-title, .card-header .card-title, h1, h2, h3, h4, h5, h6, a:not(.btn)) {
    color: #fff !important;
}

#main-wrapper:not(.lkec-manual-layout) .card:is(.bg-primary, .bg-secondary, .bg-success, .bg-warning, .bg-danger, .bg-info, .bg-dark) :is(.card-text, .text-muted, small) {
    color: rgba(255, 255, 255, 0.82) !important;
}

#main-wrapper:not(.lkec-manual-layout) .card.bg-light :is(.card-title, .card-header .card-title, h1, h2, h3, h4, h5, h6, a:not(.btn)) {
    color: var(--lkec-text-emphasis) !important;
}

#main-wrapper:not(.lkec-manual-layout) .card.bg-light :is(.card-text, .text-muted, small) {
    color: var(--lkec-text-muted-2) !important;
}

#main-wrapper:not(.lkec-manual-layout) .card-header:is(.bg-primary, .bg-secondary, .bg-success, .bg-warning, .bg-danger, .bg-info, .bg-dark, .bg-light) {
    border-top-left-radius: calc(28px - 1px);
    border-top-right-radius: calc(28px - 1px);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.05) 42%, rgba(0, 0, 0, 0.07) 100%),
        var(--lkec-card-accent-bg) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}

#main-wrapper:not(.lkec-manual-layout) .card-header.bg-primary {
    --lkec-card-accent-bg: var(--lkec-card-accent-primary-bg);
}

#main-wrapper:not(.lkec-manual-layout) .card-header.bg-secondary {
    --lkec-card-accent-bg: var(--lkec-card-accent-secondary-bg);
}

#main-wrapper:not(.lkec-manual-layout) .card-header.bg-success {
    --lkec-card-accent-bg: var(--lkec-card-accent-success-bg);
}

#main-wrapper:not(.lkec-manual-layout) .card-header.bg-warning {
    --lkec-card-accent-bg: var(--lkec-card-accent-warning-bg);
}

#main-wrapper:not(.lkec-manual-layout) .card-header.bg-danger {
    --lkec-card-accent-bg: var(--lkec-card-accent-danger-bg);
}

#main-wrapper:not(.lkec-manual-layout) .card-header.bg-info {
    --lkec-card-accent-bg: var(--lkec-card-accent-info-bg);
}

#main-wrapper:not(.lkec-manual-layout) .card-header.bg-dark {
    --lkec-card-accent-bg: var(--lkec-card-accent-dark-bg);
}

#main-wrapper:not(.lkec-manual-layout) .card-header.bg-light {
    --lkec-card-accent-bg: var(--lkec-card-accent-light-bg);
}

#main-wrapper:not(.lkec-manual-layout) .card-header:is(.bg-primary, .bg-secondary, .bg-success, .bg-warning, .bg-danger, .bg-info, .bg-dark) {
    border-bottom-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

#main-wrapper:not(.lkec-manual-layout) .card-header:is(.bg-primary, .bg-secondary, .bg-success, .bg-warning, .bg-danger, .bg-info, .bg-dark) :is(.card-title, .subtitle, h1, h2, h3, h4, h5, h6, p, small, span, a:not(.btn)) {
    color: #fff !important;
}

#main-wrapper:not(.lkec-manual-layout) .card-header.bg-light {
    border-bottom-color: var(--lkec-border-soft);
    color: var(--lkec-text-emphasis);
}

#main-wrapper:not(.lkec-manual-layout) .card-header.bg-light :is(.card-title, .subtitle, h1, h2, h3, h4, h5, h6, p, small, span, a:not(.btn)) {
    color: var(--lkec-text-emphasis) !important;
}

#main-wrapper:not(.lkec-manual-layout) .form-label {
    color: var(--lkec-text-panel-strong);
    font-weight: 700;
    margin-bottom: 10px;
}

#main-wrapper:not(.lkec-manual-layout) .form-control,
#main-wrapper:not(.lkec-manual-layout) .input-group-text,
.authincation .form-control {
    min-height: 52px;
    border-radius: 16px;
    border-color: var(--lkec-input-border);
    background: var(--lkec-input-bg);
    color: var(--lkec-text-primary);
    box-shadow: var(--lkec-input-shadow);
}

#main-wrapper:not(.lkec-manual-layout) textarea.form-control,
.authincation textarea.form-control {
    min-height: 120px;
}

#main-wrapper:not(.lkec-manual-layout) .form-control::placeholder,
.authincation .form-control::placeholder {
    color: var(--lkec-text-subtle);
}

#main-wrapper:not(.lkec-manual-layout) .form-control:focus,
#main-wrapper:not(.lkec-manual-layout) .input-group-text:focus,
.authincation .form-control:focus {
    border-color: var(--lkec-input-border-focus);
    box-shadow: 0 0 0 4px var(--lkec-surface-brand-focus);
    background: var(--lkec-input-bg);
    color: var(--lkec-text-emphasis);
}

#main-wrapper:not(.lkec-manual-layout) .form-control:disabled,
#main-wrapper:not(.lkec-manual-layout) .form-control[readonly],
.authincation .form-control:disabled,
.authincation .form-control[readonly] {
    background: var(--lkec-surface-readonly);
    color: var(--lkec-text-muted-2);
}

#main-wrapper:not(.lkec-manual-layout) .nice-select.default-select,
#main-wrapper:not(.lkec-manual-layout) .nice-select.wide {
    height: 52px;
    padding: 0 44px 0 16px;
    border-radius: 16px;
    border: 1px solid var(--lkec-input-border);
    background: var(--lkec-input-bg);
    color: var(--lkec-text-primary);
    line-height: 50px;
    box-shadow: var(--lkec-input-shadow);
}

#main-wrapper:not(.lkec-manual-layout) .nice-select.default-select:after,
#main-wrapper:not(.lkec-manual-layout) .nice-select.wide:after {
    border-bottom-color: var(--lkec-text-panel);
    border-right-color: var(--lkec-text-panel);
    right: 18px;
}

#main-wrapper:not(.lkec-manual-layout) .nice-select.default-select.open,
#main-wrapper:not(.lkec-manual-layout) .nice-select.wide.open {
    border-color: var(--lkec-input-border-focus);
    box-shadow: 0 0 0 4px var(--lkec-surface-brand-focus);
}

#main-wrapper:not(.lkec-manual-layout) .nice-select.default-select .list,
#main-wrapper:not(.lkec-manual-layout) .nice-select.wide .list,
#main-wrapper:not(.lkec-manual-layout) .dropdown-menu {
    border: 1px solid var(--lkec-shell-border);
    border-radius: 18px;
    background: var(--lkec-dropdown-bg);
    box-shadow: var(--lkec-shadow-pop);
}

#main-wrapper:not(.lkec-manual-layout) .nice-select .option,
#main-wrapper:not(.lkec-manual-layout) .dropdown-item {
    min-height: 40px;
    line-height: 40px;
    border-radius: 12px;
    color: var(--lkec-text-primary);
}

#main-wrapper:not(.lkec-manual-layout) .nice-select .option.focus,
#main-wrapper:not(.lkec-manual-layout) .nice-select .option.selected.focus,
#main-wrapper:not(.lkec-manual-layout) .nice-select .option:hover,
#main-wrapper:not(.lkec-manual-layout) .dropdown-item:hover,
#main-wrapper:not(.lkec-manual-layout) .dropdown-item:focus {
    background: var(--lkec-dropdown-hover);
    color: var(--lkec-text-emphasis);
}

#main-wrapper:not(.lkec-manual-layout) .select2-container--default .select2-selection--single,
#main-wrapper:not(.lkec-manual-layout) .select2-container--default .select2-selection--multiple {
    min-height: 52px;
    border-radius: 16px !important;
    border: 1px solid var(--lkec-input-border) !important;
    background: var(--lkec-input-bg) !important;
    color: var(--lkec-text-primary) !important;
    box-shadow: var(--lkec-input-shadow);
}

#main-wrapper:not(.lkec-manual-layout) .select2-container--default .select2-selection--single .select2-selection__rendered,
#main-wrapper:not(.lkec-manual-layout) .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: #999 !important;
}

#main-wrapper:not(.lkec-manual-layout) .select2-dropdown {
    border: 1px solid var(--lkec-shell-border) !important;
    border-radius: 18px !important;
    background: var(--lkec-dropdown-bg) !important;
    box-shadow: var(--lkec-shadow-pop);
}

#main-wrapper:not(.lkec-manual-layout) .btn,
.authincation .btn {
    border-radius: 16px;
    font-weight: 700;
    letter-spacing: -.01em;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease;
}

#main-wrapper:not(.lkec-manual-layout) .btn:hover,
.authincation .btn:hover {
    transform: translateY(-1px);
}

#main-wrapper:not(.lkec-manual-layout) .btn-primary,
.authincation .btn-primary {
    border-color: transparent;
    background: linear-gradient(135deg, var(--lkec-brand) 0%, var(--lkec-brand-accent) 100%);
    box-shadow: var(--lkec-shadow-brand);
}

#main-wrapper:not(.lkec-manual-layout) .btn-primary:hover,
.authincation .btn-primary:hover {
    border-color: transparent;
    box-shadow: var(--lkec-shadow-brand-strong);
}

#main-wrapper:not(.lkec-manual-layout) .btn-outline-primary,
#main-wrapper:not(.lkec-manual-layout) .btn-outline-secondary,
#main-wrapper:not(.lkec-manual-layout) .btn-outline-danger,
#main-wrapper:not(.lkec-manual-layout) .btn-outline-success,
#main-wrapper:not(.lkec-manual-layout) .btn-outline-warning,
#main-wrapper:not(.lkec-manual-layout) .btn-outline-light,
.authincation .btn-outline-primary {
    background: var(--lkec-surface-overlay-soft);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#main-wrapper:not(.lkec-manual-layout) .nav-tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 6px;
    border: 0;
    border-radius: 22px;
    background: var(--lkec-surface-overlay-soft);
}

#main-wrapper:not(.lkec-manual-layout) .nav-tabs .nav-link {
    border: 0;
    border-radius: 16px;
    color: var(--lkec-text-panel);
    font-weight: 700;
    padding: .78rem 1.15rem;
    background: transparent;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

#main-wrapper:not(.lkec-manual-layout) .nav-tabs .nav-link:hover,
#main-wrapper:not(.lkec-manual-layout) .nav-tabs .nav-link:focus {
    color: var(--lkec-text-emphasis);
    background: var(--lkec-surface-overlay);
}

#main-wrapper:not(.lkec-manual-layout) .nav-tabs .nav-link.active,
#main-wrapper:not(.lkec-manual-layout) .nav-tabs .nav-item.show .nav-link {
    color: var(--lkec-text-on-accent);
    background: linear-gradient(135deg, var(--lkec-brand) 0%, var(--lkec-brand-accent) 100%);
    box-shadow: var(--lkec-shadow-brand);
}

#main-wrapper:not(.lkec-manual-layout) .table-responsive {
    border: 1px solid var(--lkec-shell-border);
    border-radius: 22px;
    background: var(--lkec-shell-surface);
    box-shadow: var(--lkec-shadow-soft-2);
    overflow: auto;
}

#main-wrapper:not(.lkec-manual-layout) .table {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
    --bs-table-bg: transparent;
}

#main-wrapper:not(.lkec-manual-layout) .table thead th {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom-color: var(--lkec-border-soft);
    background: var(--lkec-table-header-bg);
    color: var(--lkec-text-panel);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

#main-wrapper:not(.lkec-manual-layout) .table th,
#main-wrapper:not(.lkec-manual-layout) .table td {
    padding: 1rem 1.1rem;
    vertical-align: middle;
    border-color: var(--lkec-border-soft);
}

#main-wrapper:not(.lkec-manual-layout) .table tbody tr {
    transition: background-color .18s ease;
}

#main-wrapper:not(.lkec-manual-layout) .table.table-striped tbody tr:nth-of-type(odd) {
    background: var(--lkec-table-row-striped);
}

#main-wrapper:not(.lkec-manual-layout) .table.table-hover tbody tr:hover,
#main-wrapper:not(.lkec-manual-layout) .table tbody tr:hover {
    background: var(--lkec-table-row-hover);
}

#main-wrapper:not(.lkec-manual-layout) .alert {
    border-radius: 20px;
    border: 1px solid transparent;
    box-shadow: var(--lkec-shadow-soft-2);
}

#main-wrapper:not(.lkec-manual-layout) .alert-primary,
#main-wrapper:not(.lkec-manual-layout) .alert-info {
    background: var(--lkec-info-soft);
    border-color: var(--lkec-border-info);
    color: var(--lkec-info-text-2);
}

#main-wrapper:not(.lkec-manual-layout) .alert-success {
    background: var(--lkec-success-soft);
    border-color: var(--lkec-border-success);
    color: var(--lkec-success-text-3);
}

#main-wrapper:not(.lkec-manual-layout) .alert-warning {
    background: var(--lkec-warning-soft);
    border-color: var(--lkec-border-warning);
    color: var(--lkec-warning-text-2);
}

#main-wrapper:not(.lkec-manual-layout) .alert-danger {
    background: var(--lkec-danger-soft);
    border-color: var(--lkec-danger-outline);
    color: var(--lkec-danger-strong);
}

#main-wrapper:not(.lkec-manual-layout) .alert-secondary,
#main-wrapper:not(.lkec-manual-layout) .alert-light {
    background: var(--lkec-surface-muted);
    border-color: var(--lkec-border-soft);
    color: var(--lkec-text-body);
}

#main-wrapper:not(.lkec-manual-layout) .modal-content {
    border: 1px solid var(--lkec-shell-border);
    border-radius: 28px;
    background: var(--lkec-shell-surface-strong);
    box-shadow: var(--lkec-shadow-pop);
    /* overflow: hidden; */
}

#main-wrapper:not(.lkec-manual-layout) .modal-header,
#main-wrapper:not(.lkec-manual-layout) .modal-footer {
    border-color: var(--lkec-border-soft);
    background: transparent;
}

#main-wrapper:not(.lkec-manual-layout) .modal-title {
    color: var(--lkec-text-emphasis);
}

#main-wrapper:not(.lkec-manual-layout) .page-link {
    min-width: 40px;
    height: 40px;
    border-radius: 12px !important;
    border-color: var(--lkec-input-border);
    background: var(--lkec-input-bg);
    color: var(--lkec-text-panel);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--lkec-input-shadow);
}

#main-wrapper:not(.lkec-manual-layout) .page-link:hover,
#main-wrapper:not(.lkec-manual-layout) .page-item.active .page-link {
    border-color: var(--lkec-input-border-focus);
    background: var(--lkec-sidebar-item-active);
    color: var(--lkec-text-emphasis);
}

.authincation {
    position: relative;
    background:
        radial-gradient(circle at top right, var(--lkec-app-ornament-1) 0, transparent 28%),
        radial-gradient(circle at left bottom, var(--lkec-app-ornament-2) 0, transparent 24%),
        var(--lkec-body-bg);
}

.authincation-content {
    border: 1px solid var(--lkec-shell-border);
    border-radius: 32px;
    background: var(--lkec-auth-shell-bg);
    box-shadow: var(--lkec-shadow-pop);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.auth-form {
    padding: 2rem;
}

.auth-form h4,
.auth-form .h4 {
    color: var(--lkec-text-emphasis);
}

.auth-form .form-label,
.auth-form small,
.auth-form .text-muted {
    color: var(--lkec-text-panel-muted) !important;
}

[data-theme-version="dark"] .btn-close {
    filter: invert(1) grayscale(1);
}

.lkec-manual-theme-tools {
    display: flex;
    justify-content: flex-end;
    padding: 20px 28px 0;
}

.lkec-manual-layout {
    position: relative;
}

.lkec-manual-layout .content-body {
    min-height: unset !important;
}

.lkec-manual-layout .lkec-manual-nav-trigger {
    position: fixed;
    top: 24px;
    left: 24px;
    z-index: 22;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    padding: 0 18px;
    border: 1px solid var(--lkec-manual-nav-trigger-border);
    border-radius: 18px;
    background: var(--lkec-manual-nav-trigger-bg);
    color: var(--lkec-text-panel-deep);
    box-shadow: var(--lkec-manual-nav-trigger-shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    transition: transform .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease, opacity .18s ease, visibility .18s ease;
}

.lkec-manual-layout .lkec-manual-nav-trigger:hover {
    transform: translateY(-2px);
    color: var(--lkec-text-emphasis);
    border-color: var(--lkec-manual-nav-link-active-border);
    box-shadow: var(--lkec-manual-nav-trigger-shadow), var(--lkec-shadow-brand-ring);
}

.lkec-manual-layout .lkec-manual-nav-trigger:focus-visible {
    outline: 0;
    box-shadow: var(--lkec-manual-nav-trigger-shadow), 0 0 0 4px var(--lkec-surface-brand-focus);
}

.lkec-manual-layout .lkec-manual-nav-trigger svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    transition: transform .22s ease;
}

.lkec-manual-layout.is-nav-open .lkec-manual-nav-trigger {
    background: var(--lkec-manual-nav-link-active-bg);
    border-color: var(--lkec-manual-nav-link-active-border);
    color: var(--lkec-text-emphasis);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-10px, -10px) scale(.96);
}

.lkec-manual-layout.is-nav-open .lkec-manual-nav-trigger svg {
    transform: rotate(90deg);
}

.lkec-manual-layout .lkec-manual-nav-trigger span {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em;
}

.lkec-manual-layout .lkec-manual-nav-overlay {
    position: fixed;
    inset: 0;
    z-index: 18;
    background: var(--lkec-manual-nav-overlay);
    opacity: 0;
    pointer-events: none;
    transition: opacity .24s ease;
}

.lkec-manual-layout.is-nav-open .lkec-manual-nav-overlay {
    opacity: 1;
    pointer-events: auto;
}

.lkec-manual-layout .navigation {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 20;
    width: min(360px, calc(100vw - 32px));
    max-width: none;
    height: 100dvh;
    max-height: 100dvh;
    padding: 18px;
    box-sizing: border-box;
    background: transparent;
    transform: translateX(calc(-100% - 24px));
    transition: transform .28s ease;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.lkec-manual-layout.is-nav-open .navigation {
    transform: translateX(0);
}

.lkec-manual-layout .navigation::before,
.lkec-manual-layout .navigation::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 32px;
}

.lkec-manual-layout .navigation::before {
    background: linear-gradient(180deg, var(--lkec-manual-nav-bg) 0%, transparent 100%);
    opacity: .85;
    transform: translate(14px, 14px);
    filter: blur(1px);
}

.lkec-manual-layout .navigation::after {
    border: 1px solid var(--lkec-manual-nav-border);
    background: var(--lkec-manual-nav-surface);
    box-shadow: var(--lkec-manual-nav-shadow);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}

.lkec-manual-layout .navigation > * {
    position: relative;
    z-index: 1;
}

.lkec-manual-layout .lkec-manual-theme-tools {
    padding: 0;
    margin-bottom: 18px;
}

.lkec-manual-layout .navigation-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: var(--lkec-manual-nav-link-bg);
    border: 1px solid var(--lkec-manual-nav-link-border);
    color: var(--lkec-manual-nav-kicker);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.lkec-manual-layout .navigation-head {
    width: 100%;
    padding: 0;
    margin: 14px 0 8px;
    font-weight: 800;
    font-size: 29px;
    line-height: 1.05;
    color: var(--lkec-text-neutral-strong);
}

.lkec-manual-layout .navigation-caption {
    margin: 0 0 16px;
    max-width: 270px;
    font-size: 14px;
    line-height: 1.55;
    color: var(--lkec-manual-nav-caption);
}

.lkec-manual-layout .navigation-name {
    position: static;
    display: inline-flex;
    margin: 0 0 18px auto;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid var(--lkec-manual-nav-link-border);
    background: var(--lkec-manual-nav-link-bg);
    transform: none;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--lkec-manual-nav-kicker);
}

.lkec-manual-layout .navigation_list {
    list-style: none;
    margin: 0;
    padding: 0 8px 18px 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: var(--lkec-surface-brand-outline) transparent;
}

.lkec-manual-layout .navigation_list::-webkit-scrollbar {
    width: 8px;
}

.lkec-manual-layout .navigation_list::-webkit-scrollbar-thumb {
    background: var(--lkec-surface-brand-outline);
    border-radius: 999px;
}

.lkec-manual-layout .navigation_list::-webkit-scrollbar-track {
    background: transparent;
}

.lkec-manual-layout .navigation--item {
    position: relative;
    width: 100%;
    padding-left: 18px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    font-size: 16px;
}

.lkec-manual-layout .navigation--item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    bottom: 8px;
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--lkec-surface-brand-outline) 0%, transparent 100%);
    opacity: .45;
}

.lkec-manual-layout .navigation a {
    text-decoration: none;
}

.lkec-manual-layout .navigation--item > a:first-of-type {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    padding: 12px 16px;
    border-radius: 18px;
    border: 1px solid var(--lkec-manual-nav-link-border);
    background: var(--lkec-manual-nav-link-bg);
    color: var(--lkec-text-neutral-strong);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    transition: transform .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease, color .2s ease;
}

.lkec-manual-layout .navigation--item > a:first-of-type::after {
    content: "";
    margin-left: auto;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--lkec-brand);
    box-shadow: 0 0 0 6px var(--lkec-surface-brand-soft);
    flex: 0 0 auto;
}

.lkec-manual-layout .navigation--item > a:first-of-type:hover {
    transform: translateX(3px);
    background: var(--lkec-manual-nav-link-hover-bg);
    border-color: var(--lkec-manual-nav-link-hover-border);
    color: var(--lkec-text-emphasis);
}

.lkec-manual-layout .sublink {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 10px 14px 10px 18px;
    margin-left: 10px;
    border-radius: 14px;
    border: 1px solid transparent;
    color: var(--lkec-text-panel);
    font-size: 14px;
    line-height: 1.35;
    transition: transform .2s ease, border-color .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.lkec-manual-layout .sublink::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--lkec-surface-brand-outline);
    transform: translateY(-50%);
    box-shadow: 0 0 0 0 transparent;
    transition: box-shadow .2s ease, background-color .2s ease;
}

.lkec-manual-layout .sublink:hover {
    transform: translateX(3px);
    background: var(--lkec-manual-nav-link-bg);
    border-color: var(--lkec-manual-nav-link-border);
    color: var(--lkec-text-emphasis);
}

.lkec-manual-layout .navigation a.is-active {
    background: var(--lkec-manual-nav-link-active-bg);
    border-color: var(--lkec-manual-nav-link-active-border);
    color: var(--lkec-text-emphasis);
    box-shadow: var(--lkec-manual-nav-link-shadow);
}

.lkec-manual-layout .navigation a.is-active::before {
    box-shadow: 0 0 0 6px var(--lkec-surface-brand-soft);
}

.lkec-manual-layout .navigation a.is-active::after {
    box-shadow: 0 0 0 8px var(--lkec-surface-brand-soft-hover);
}

.lkec-manual-layout .go-top {
    position: fixed;
    right: clamp(16px, 2.6vw, 34px);
    bottom: clamp(30px, 8vh, 64px);
    z-index: 21;
    width: 62px;
    height: 62px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border: 1px solid var(--lkec-manual-go-top-border);
    border-radius: 22px;
    background: var(--lkec-manual-go-top-bg);
    color: var(--lkec-text-on-accent);
    box-shadow: var(--lkec-manual-go-top-shadow);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transform: translateY(16px) scale(.92);
    transition: opacity .22s ease, visibility .22s ease, transform .22s ease, box-shadow .22s ease;
}

.lkec-manual-layout .go-top::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.28) 0%, transparent 55%);
    opacity: .7;
}

.lkec-manual-layout .go-top svg {
    position: relative;
    z-index: 1;
    width: 28px;
    height: 28px;
    stroke: currentColor;
}

.lkec-manual-layout .go-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.lkec-manual-layout .go-top:hover {
    transform: translateY(-4px) scale(1.03);
    box-shadow: var(--lkec-manual-go-top-shadow), var(--lkec-shadow-brand-ring);
}

.lkec-manual-layout .go-top:focus-visible {
    outline: 0;
    box-shadow: var(--lkec-manual-go-top-shadow), 0 0 0 4px var(--lkec-surface-brand-focus);
}

.lkec-manual-layout .lkec-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.lkec-floating-theme-tools {
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: 20;
}

[data-theme-version="dark"] .card-title-upgrade {
    background: linear-gradient(180deg, var(--lkec-surface-brand-soft) 0%, var(--lkec-surface-elevated) 70%);
    border-color: var(--lkec-border-soft);
    box-shadow: var(--lkec-shadow-soft-3);
}

[data-theme-version="dark"] .card-title-upgrade h1,
[data-theme-version="dark"] .card-title-upgrade .card-title {
    color: var(--lkec-text-emphasis);
}

[data-theme-version="dark"] .table {
    --bs-table-bg: transparent;
    --bs-table-striped-bg: rgba(255, 255, 255, 0.02);
    --bs-table-hover-bg: rgba(255, 255, 255, 0.03);
}

[data-theme-version="dark"] .bg-transparent {
    background-color: transparent !important;
}

[data-theme-version="dark"] .text-muted {
    color: var(--lkec-text-muted-2) !important;
}

[data-theme-version="dark"] .modal-backdrop.show {
    opacity: .72;
}
[data-theme-version="dark"] .select2-search--dropdown .select2-search__field{
    color: var(--lkec-text-primary);
}
.pagination{
    margin: 20px;
}

@media only screen and (max-width: 767px) {
    .lkec-floating-theme-tools {
        top: 16px;
        right: 16px;
    }
}

@media only screen and (max-width: 991px) {
    #main-wrapper:not(.lkec-manual-layout) .page-titles {
        padding: 16px 18px;
        border-radius: 22px;
    }

    #main-wrapper:not(.lkec-manual-layout) .card {
        border-radius: 24px;
    }

    #main-wrapper:not(.lkec-manual-layout) .card-body,
    #main-wrapper:not(.lkec-manual-layout) .card-header {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }

    #main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu {
        padding-left: 12px;
        padding-right: 12px;
    }

    body.lkec-manual-nav-open {
        overflow: hidden;
    }

    .lkec-manual-layout .content-body {
        padding: 92px 18px 24px !important;
    }

    .lkec-manual-layout .lkec-manual-nav-trigger {
        top: 16px;
        left: 16px;
        min-height: 48px;
        padding: 0 16px;
        border-radius: 16px;
    }

    .lkec-manual-layout .lkec-manual-nav-trigger span {
        font-size: 13px;
    }

    .lkec-manual-layout .navigation {
        width: min(360px, calc(100vw - 24px));
        padding: 14px;
    }

    .lkec-manual-layout .navigation-head {
        font-size: 25px;
    }

    .lkec-manual-layout .navigation-caption {
        max-width: none;
    }

    .lkec-manual-layout .navigation_list {
        padding-bottom: 16px;
    }

    .lkec-manual-layout .go-top {
        right: clamp(14px, 4vw, 22px);
        bottom: clamp(22px, 7vh, 38px);
        width: 56px;
        height: 56px;
        border-radius: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu > li > a,
    #main-wrapper:not(.lkec-manual-layout) .dlabnav .metismenu ul a,
    #main-wrapper:not(.lkec-manual-layout) .btn,
    #main-wrapper:not(.lkec-manual-layout) .nav-tabs .nav-link,
    #main-wrapper:not(.lkec-manual-layout) .table tbody tr,
    .lkec-manual-layout .lkec-manual-nav-trigger,
    .lkec-manual-layout .lkec-manual-nav-trigger svg,
    .lkec-manual-layout .lkec-manual-nav-overlay,
    .lkec-manual-layout .navigation,
    .lkec-manual-layout .navigation a,
    .lkec-manual-layout .go-top {
        transition: none;
    }
}