:root{--primary-color: #2c3e50;--primary-hover: #1a252f;--accent-color: #3498db;--secondary-color: #6c757d;--background-color: #f4f6f9;--background-secondary-color: #f8f9fa;--surface-color: #ffffff;--surface-elevated-color: #ffffff;--surface-muted-color: #eef2f7;--surface-contrast-color: #1a1a1a;--text-color: #333333;--muted-text-color: #555f6d;--subtle-text-color: #8a97a8;--text-inverse-color: #ffffff;--border-color: #e7ebf1;--border-strong-color: #b9c3d4;--border-contrast-color: rgba(255, 255, 255, .4);--border-radius: 10px;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--danger-color: #e74c3c;--danger-hover-color: #c0392b;--success-color: #27ae60;--success-hover-color: #219150;--warning-color: #f39c12;--warning-hover-color: #e67e22;--info-color: #3498db;--info-hover-color: #2980b9;--info-soft-color: #7fa8f0;--brand-start-color: #6366f1;--brand-end-color: #8b5cf6;--accent-soft-bg-color: #eef2ff;--info-soft-bg-color: #e6f7ff;--success-soft-bg-color: #e8f5e9;--danger-soft-bg-color: #fde8e8;--warning-soft-bg-color: #fff3cd;--overlay-dark-03: rgba(0, 0, 0, .03);--overlay-dark-04: rgba(0, 0, 0, .04);--overlay-dark-05: rgba(0, 0, 0, .05);--overlay-dark-08: rgba(0, 0, 0, .08);--overlay-dark-10: rgba(0, 0, 0, .1);--overlay-dark-15: rgba(0, 0, 0, .15);--overlay-dark-20: rgba(0, 0, 0, .2);--overlay-dark-30: rgba(0, 0, 0, .3);--overlay-dark-40: rgba(0, 0, 0, .4);--overlay-dark-50: rgba(0, 0, 0, .5);--overlay-dark-60: rgba(0, 0, 0, .6);--overlay-dark-70: rgba(0, 0, 0, .7);--overlay-dark-80: rgba(0, 0, 0, .8);--overlay-dark-85: rgba(0, 0, 0, .85);--overlay-dark-90: rgba(0, 0, 0, .9);--overlay-light-10: rgba(255, 255, 255, .1);--overlay-light-20: rgba(255, 255, 255, .2);--overlay-light-30: rgba(255, 255, 255, .3);--overlay-light-40: rgba(255, 255, 255, .4);--overlay-light-50: rgba(255, 255, 255, .5);--overlay-light-80: rgba(255, 255, 255, .8);--overlay-light-90: rgba(255, 255, 255, .9);--overlay-light-95: rgba(255, 255, 255, .95);--overlay-surface-75: rgba(26, 26, 26, .75);--overlay-surface-90: rgba(26, 26, 26, .9);--focus-color-soft: rgba(99, 102, 241, .1);--focus-color-strong: rgba(99, 102, 241, .3);--focus-color-stronger: rgba(99, 102, 241, .4);--warning-shadow-color: rgba(243, 156, 18, .3);--danger-shadow-color: rgba(198, 40, 40, .4);--gold-overlay-10: rgba(212, 175, 55, .1);--gold-overlay-30: rgba(212, 175, 55, .3);--gold-overlay-40: rgba(212, 175, 55, .4);--header-bg-color: #2c3e50;--header-text-color: #ffffff;--header-control-bg-color: transparent;--header-control-border-color: transparent;--header-control-hover-bg-color: rgba(255, 255, 255, .12);--dropdown-bg-color: #ffffff;--dropdown-text-color: #333333;--dropdown-muted-text-color: #6c757d;--dropdown-border-color: #e7ebf1;--dropdown-hover-bg-color: #f8f9fa;--dropdown-active-bg-color: #e8f5e9;--dropdown-shadow: 0 4px 12px rgba(0, 0, 0, .1);--avatar-placeholder-bg-color: #e9ecef;--avatar-placeholder-text-color: #adb5bd;--input-bg-color: var(--surface-color);--input-text-color: var(--text-color);--input-placeholder-color: #9ca3af;--button-disabled-bg-color: #95a5a6;color-scheme:light}body.dark{--primary-color: #8eb5de;--primary-hover: #79a4d2;--accent-color: #5aa8f3;--secondary-color: #9aa4b2;--background-color: #0f172a;--background-secondary-color: #111b31;--surface-color: #16213b;--surface-elevated-color: #1d2b4a;--surface-muted-color: #223251;--surface-contrast-color: #090f1d;--text-color: #e2e8f0;--muted-text-color: #a3b0c2;--subtle-text-color: #8f9db4;--text-inverse-color: #f8fafc;--border-color: #2b3d63;--border-strong-color: #51698f;--border-contrast-color: rgba(226, 232, 240, .45);--shadow-sm: 0 1px 2px 0 rgba(2, 6, 23, .55);--danger-color: #f87171;--danger-hover-color: #ef4444;--success-color: #4ade80;--success-hover-color: #22c55e;--warning-color: #fbbf24;--warning-hover-color: #f59e0b;--info-color: #60a5fa;--info-hover-color: #3b82f6;--info-soft-color: #a5b4fc;--brand-start-color: #818cf8;--brand-end-color: #a78bfa;--accent-soft-bg-color: #233a64;--info-soft-bg-color: #1f3d69;--success-soft-bg-color: #1e3a2d;--danger-soft-bg-color: #4a242a;--warning-soft-bg-color: #4a3f1f;--overlay-dark-03: rgba(2, 6, 23, .25);--overlay-dark-04: rgba(2, 6, 23, .3);--overlay-dark-05: rgba(2, 6, 23, .35);--overlay-dark-08: rgba(2, 6, 23, .45);--overlay-dark-10: rgba(2, 6, 23, .5);--overlay-dark-15: rgba(2, 6, 23, .58);--overlay-dark-20: rgba(2, 6, 23, .62);--overlay-dark-30: rgba(2, 6, 23, .68);--overlay-dark-40: rgba(2, 6, 23, .74);--overlay-dark-50: rgba(2, 6, 23, .8);--overlay-dark-60: rgba(2, 6, 23, .85);--overlay-dark-70: rgba(2, 6, 23, .88);--overlay-dark-80: rgba(2, 6, 23, .92);--overlay-dark-85: rgba(2, 6, 23, .94);--overlay-dark-90: rgba(2, 6, 23, .96);--overlay-light-10: rgba(226, 232, 240, .08);--overlay-light-20: rgba(226, 232, 240, .16);--overlay-light-30: rgba(226, 232, 240, .24);--overlay-light-40: rgba(226, 232, 240, .32);--overlay-light-50: rgba(226, 232, 240, .4);--overlay-light-80: rgba(226, 232, 240, .7);--overlay-light-90: rgba(226, 232, 240, .8);--overlay-light-95: rgba(226, 232, 240, .9);--overlay-surface-75: rgba(9, 15, 29, .75);--overlay-surface-90: rgba(9, 15, 29, .9);--focus-color-soft: rgba(96, 165, 250, .18);--focus-color-strong: rgba(96, 165, 250, .3);--focus-color-stronger: rgba(96, 165, 250, .4);--warning-shadow-color: rgba(251, 191, 36, .28);--danger-shadow-color: rgba(248, 113, 113, .35);--gold-overlay-10: rgba(212, 175, 55, .18);--gold-overlay-30: rgba(212, 175, 55, .3);--gold-overlay-40: rgba(212, 175, 55, .4);--header-bg-color: #0b1325;--header-text-color: #e2e8f0;--header-control-bg-color: rgba(148, 163, 184, .08);--header-control-border-color: rgba(148, 163, 184, .2);--header-control-hover-bg-color: rgba(148, 163, 184, .2);--dropdown-bg-color: #111d34;--dropdown-text-color: #e2e8f0;--dropdown-muted-text-color: #a4b4cc;--dropdown-border-color: #2b3d63;--dropdown-hover-bg-color: #1c2d4d;--dropdown-active-bg-color: #233a64;--dropdown-shadow: 0 12px 32px rgba(2, 6, 23, .45);--avatar-placeholder-bg-color: #1f3257;--avatar-placeholder-text-color: #b6c7e3;--input-bg-color: #15233f;--input-text-color: #e2e8f0;--input-placeholder-color: #93a3be;--button-disabled-bg-color: #4b5563;color-scheme:dark}body{margin:0;font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);font-size:14px;line-height:1.5;transition:background-color .25s ease,color .25s ease}#app{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto}.app-header{background-color:var(--surface-color);padding:1rem 2rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;box-shadow:var(--shadow-sm)}.app-header a{text-decoration:none;color:var(--text-color)}.app-header .logo{font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:10px}.client-selector ul{list-style:none;padding:0}.client-selector li a{display:block;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:.5rem;text-decoration:none;color:var(--text-color);font-weight:500;transition:all .2s ease-in-out}.client-selector li a:hover{color:var(--accent-color);background-color:var(--surface-elevated-color);transform:translateY(-2px)}.accordion-section{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:1rem;overflow:hidden;box-shadow:var(--shadow-sm)}.accordion-header{padding:.75rem 1.25rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:var(--surface-color);font-size:1rem;font-weight:600;color:var(--primary-color);transition:background-color .2s}.accordion-header:hover{background-color:var(--background-secondary-color)}.accordion-content{padding:1.25rem;border-top:1px solid var(--border-color);background-color:var(--surface-color)}.form-group{margin-bottom:.85rem}.form-group label{display:block;margin-bottom:.35rem;font-weight:600;font-size:.85rem;color:var(--muted-text-color)}input{font-family:var(--font-family)}input[type=text],input[type=number],textarea,select{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.9rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;background-color:var(--input-bg-color);color:var(--input-text-color)}input::placeholder,textarea::placeholder{color:var(--input-placeholder-color)}input[type=text]:focus,input[type=number]:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-color)}textarea{min-height:150px;resize:vertical;font-family:var(--font-family)}button{padding:.5rem 1rem;border:none;border-radius:var(--border-radius);background-color:var(--primary-color);font-family:var(--font-family);color:var(--text-inverse-color);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}button:hover{background-color:var(--primary-hover)}button:active{transform:translateY(1px)}button:disabled{background-color:var(--button-disabled-bg-color);cursor:not-allowed}h1,h2{margin-top:0;color:var(--primary-color)}h1{font-size:1.75rem}h2{font-size:1.4rem}h3{font-size:1.15rem}.icon-svg{width:16px;height:16px;stroke-width:2}.dark-mode-toggle[data-v-1e0ba6a6]{position:relative;margin-right:.35rem}.toggle-button[data-v-1e0ba6a6]{width:34px;height:34px;border-radius:8px;border:1px solid var(--header-control-border-color);background-color:var(--header-control-bg-color);color:var(--header-text-color);padding:0}.toggle-button[data-v-1e0ba6a6]:hover{background-color:var(--header-control-hover-bg-color)}.theme-menu[data-v-1e0ba6a6]{position:absolute;right:0;top:calc(100% + 6px);min-width:160px;border-radius:10px;background-color:var(--dropdown-bg-color);border:1px solid var(--dropdown-border-color);box-shadow:var(--dropdown-shadow);overflow:hidden;z-index:1100}.theme-option[data-v-1e0ba6a6]{width:100%;border:0;border-radius:0;background:transparent;color:var(--dropdown-text-color);justify-content:flex-start;padding:.55rem .75rem;gap:.5rem}.theme-option[data-v-1e0ba6a6]:hover{background-color:var(--dropdown-hover-bg-color)}.theme-option.active[data-v-1e0ba6a6]{background-color:var(--dropdown-active-bg-color);color:var(--primary-color)}.theme-option-icon[data-v-1e0ba6a6]{display:inline-flex;align-items:center}.icon-svg[data-v-1e0ba6a6]{width:16px;height:16px}.app-header[data-v-4c362ff1]{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:45px;background-color:var(--header-bg-color);color:var(--header-text-color);position:sticky;top:0;z-index:1000}.logo[data-v-4c362ff1]{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--header-text-color);font-size:1.1rem}.header-logo[data-v-4c362ff1]{height:20px;width:auto}.header-right[data-v-4c362ff1]{display:flex;align-items:center;gap:.25rem}.language-selector[data-v-4c362ff1]{position:relative;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.language-selector[data-v-4c362ff1]:hover{background-color:var(--header-control-hover-bg-color)}.current-flag[data-v-4c362ff1]{font-size:1.2rem}.lang-dropdown[data-v-4c362ff1]{position:absolute;top:100%;right:0;background:var(--dropdown-bg-color);border:1px solid var(--dropdown-border-color);border-radius:8px;box-shadow:var(--dropdown-shadow);min-width:150px;z-index:1000;overflow:hidden;margin-top:5px;color:var(--dropdown-text-color)}.lang-option[data-v-4c362ff1]{display:flex;align-items:center;gap:10px;padding:10px 15px;cursor:pointer;transition:background .2s}.lang-option[data-v-4c362ff1]:hover{background-color:var(--dropdown-hover-bg-color)}.lang-option.active[data-v-4c362ff1]{background-color:var(--dropdown-active-bg-color);color:var(--primary-color)}.lang-flag[data-v-4c362ff1]{font-size:1.2rem}.lang-name[data-v-4c362ff1]{font-size:.9rem}.user-menu[data-v-4c362ff1]{position:relative;cursor:pointer;padding:8px;border-radius:4px;margin-left:.35rem;display:flex;align-items:center;gap:8px;transition:background-color .2s}.user-menu[data-v-4c362ff1]:hover{background-color:var(--header-control-hover-bg-color)}.user-name[data-v-4c362ff1]{font-weight:500;color:var(--header-text-color);font-size:.95rem}@media (max-width: 768px){.user-name[data-v-4c362ff1]{display:none}.app-header[data-v-4c362ff1]{padding:0 1rem}.logo span[data-v-4c362ff1]{display:none}}.user-avatar-container[data-v-4c362ff1]{width:32px;height:32px;border-radius:50%;overflow:hidden;background-color:var(--avatar-placeholder-bg-color);display:flex;align-items:center;justify-content:center}.user-avatar-initials[data-v-4c362ff1]{font-weight:700;color:var(--avatar-placeholder-text-color);font-size:.9rem}.user-avatar-initials.large[data-v-4c362ff1]{font-size:1.2rem}.user-avatar-container.large[data-v-4c362ff1]{width:48px;height:48px}.user-avatar[data-v-4c362ff1]{width:100%;height:100%;object-fit:cover}.user-avatar-placeholder[data-v-4c362ff1]{color:var(--avatar-placeholder-text-color);display:flex}.user-dropdown[data-v-4c362ff1]{position:absolute;top:100%;right:0;background:var(--dropdown-bg-color);border:1px solid var(--dropdown-border-color);border-radius:8px;box-shadow:var(--dropdown-shadow);min-width:180px;z-index:1000;overflow:hidden;margin-top:5px}.user-dropdown-header[data-v-4c362ff1]{padding:15px;border-bottom:1px solid var(--dropdown-border-color);display:flex;align-items:center;gap:12px;background-color:var(--background-secondary-color)}.user-info[data-v-4c362ff1]{display:flex;flex-direction:column}.info-name[data-v-4c362ff1]{font-weight:700;font-size:1rem;color:var(--dropdown-text-color)}.info-email[data-v-4c362ff1]{font-size:.85rem;color:var(--dropdown-muted-text-color)}.user-option[data-v-4c362ff1]{display:flex;align-items:center;gap:10px;padding:10px 15px;cursor:pointer;transition:background .2s;font-size:.9rem;color:var(--dropdown-text-color)}.user-option[data-v-4c362ff1]:hover{background-color:var(--dropdown-hover-bg-color);color:var(--primary-color)}.icon[data-v-4c362ff1]{display:flex;align-items:center;color:var(--dropdown-muted-text-color)}.notification-container[data-v-6a97de68]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.notification-card[data-v-6a97de68]{pointer-events:auto;min-width:300px;max-width:420px;padding:16px;border-radius:8px;box-shadow:0 4px 12px var(--overlay-dark-15);display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.95rem;line-height:1.5;border:1px solid transparent}.notification-card.clickable[data-v-6a97de68]{cursor:pointer}.notification-content[data-v-6a97de68]{flex:1}.action-btn[data-v-6a97de68]{border:1px solid currentColor;background:transparent;color:inherit;border-radius:6px;font-size:.78rem;padding:2px 8px;cursor:pointer}.close-btn[data-v-6a97de68]{background:none;border:none;font-size:1.25rem;line-height:1;cursor:pointer;opacity:.5;padding:0;color:inherit}.close-btn[data-v-6a97de68]:hover{opacity:1}.notification-card.success[data-v-6a97de68]{background-color:var(--success-soft-bg-color);color:var(--success-color);border-color:var(--border-color)}.notification-card.error[data-v-6a97de68]{background-color:var(--danger-soft-bg-color);color:var(--danger-color);border-color:var(--border-color)}.notification-card.info[data-v-6a97de68]{background-color:var(--info-soft-bg-color);color:var(--info-color);border-color:var(--border-color)}.notification-enter-active[data-v-6a97de68],.notification-leave-active[data-v-6a97de68]{transition:all .4s ease}.notification-enter-from[data-v-6a97de68],.notification-leave-to[data-v-6a97de68]{opacity:0;transform:translate(50px)}#main-layout{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.container{flex:1;width:100%;overflow:hidden}