.notification{animation:slideInRight .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);box-shadow:0 10px 40px #00000040;color:#fff;max-width:450px;min-width:320px;padding:16px 20px;position:fixed;right:24px;top:24px;z-index:10000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.notification.error{background:linear-gradient(135deg,var(--error) 0,#e53e3e 100%)}.notification.success{background:linear-gradient(135deg,var(--success) 0,#38a169 100%)}.notification.warning{background:linear-gradient(135deg,var(--warning) 0,#dd6b20 100%)}.notification.info{background:linear-gradient(135deg,var(--info) 0,#3182ce 100%)}.notification-content{align-items:center;display:flex;gap:16px;justify-content:space-between}.notification-message{flex:1 1;font-size:14px;font-weight:500;line-height:1.5}.notification-close{align-items:center;background:#fff3;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;transition:background .2s ease;width:32px}.notification-close:hover{background:#ffffff4d}:root{--primary:#064acf;--primary-dark:#05f;--primary-light:#a1b9e9;--bg-main:#f7f8fc;--bg-card:#fff;--bg-hover:#f7fafc;--bg-sidebar:#fff;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#a0aec0;--text-light:#718096;--border-light:#e2e8f0;--border-medium:#cbd5e0;--border-dark:#a0aec0;--success:#48bb78;--success-light:#c6f6d5;--success-dark:#22543d;--error:#f56565;--error-light:#fed7d7;--error-dark:#742a2a;--warning:#ed8936;--warning-light:#fefcbf;--warning-dark:#744210;--info:#4299e1;--info-light:#bee3f8;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 16px #0000001f;--shadow-xl:0 20px 60px #0000004d;--shadow-primary:0 4px 12px #6c5ce74d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f8fc;background-color:var(--bg-main);color:#1a202c;color:var(--text-primary);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}button{background:none;border:none;cursor:pointer;font-family:Inter,Segoe UI,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease}button:hover:not(:disabled){opacity:.9}button:disabled{cursor:not-allowed;opacity:.5}code{background-color:#f7fafc;background-color:var(--bg-hover);border-radius:4px;font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;padding:2px 6px}h1{color:#1a202c;color:var(--text-primary);font-size:24px;font-weight:600;line-height:1.3;margin:0}h2{font-size:20px;margin-bottom:20px;margin-top:10px}h2,h3{color:#4a5568;color:var(--text-secondary);font-weight:600;line-height:1.4}h3{font-size:18px}input,select,textarea{font-family:Inter,Segoe UI,sans-serif}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f7fafc;background:var(--bg-hover)}::-webkit-scrollbar-thumb{background:#cbd5e0;background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1b9e9;background:var(--primary-light)}.login-container{display:flex;font-family:Inter,Segoe UI,sans-serif;height:100vh;overflow:hidden;width:100vw}.login-left{background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:800px;padding:60px 80px;position:relative}.login-header{margin-bottom:40px}.login-header h1{margin:0 0 12px}.login-header h1,.login-header h2{color:#1a202c;font-size:42px;font-weight:700;line-height:1.2}.login-header h2{margin:0 0 16px}.login-subtitle{color:#718096;font-size:16px;line-height:1.5;margin:0}.login-form{gap:20px;max-width:400px;width:100%}.login-form,.login-input-group{display:flex;flex-direction:column}.login-input-group{gap:8px}.login-label{color:#4a5568;font-size:14px;font-weight:600}.login-input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1a202c;font-family:Inter,Segoe UI,sans-serif;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.login-input::placeholder{color:#a0aec0}.login-input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #6c5ce71a;outline:none}.login-button{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:12px;box-shadow:0 4px 14px #6c5ce766;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:12px;padding:16px 24px;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:0 8px 20px #6c5ce780;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.message{border-radius:8px;font-size:14px;line-height:1.5;margin-top:12px;padding:12px 16px;text-align:left}.message.error{background-color:#fff5f5;border:1px solid #fc8181;color:#c53030;font-weight:500}.message.success{background-color:#f0fff4;border:1px solid #68d391;color:#2f855a;font-weight:500}.login-right{align-items:center;background:linear-gradient(135deg,var( --primary) 0,#041d50 100%);display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}@media (max-width:1024px){.login-left{padding:60px 40px}.login-logo{left:40px}.login-header h1,.login-header h2{font-size:36px}}@media (max-width:768px){.login-container{flex-direction:column}.login-left{max-width:100%;padding:40px 24px}.login-logo{margin-bottom:32px;position:static}.login-header h1,.login-header h2{font-size:28px}.login-right{display:none}}@media (max-width:480px){.login-left{padding:24px 16px}.login-header h1,.login-header h2{font-size:24px}.login-form{max-width:100%}}.app{background-color:#f7f8fc;background-color:var(--bg-main,#f7f8fc);display:flex;flex-direction:column;overflow:hidden}.app,.splitter-root{height:100vh;width:100vw}.sidebar-pane{box-sizing:border-box;height:100vh;max-width:320px;min-width:120px;overflow:hidden}.main-content{height:100%;padding:16px}.content-container{background-color:#f7f8fc;background-color:var(--bg-main,#f7f8fc);flex:1 1}.content-container,.sidebar-container{display:flex;height:100%;overflow:hidden}.sidebar-container{background:#fff;border-right:1px solid #e2e8f0;box-shadow:2px 0 8px #0000000a;box-sizing:border-box;flex-direction:column;position:relative;width:100%}.groups-list{flex-direction:column;gap:8px;overflow-x:hidden;overflow-y:auto;padding:20px 12px}.group-button{background-color:#fff;background-color:var(--bg-card,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-light,#e2e8f0);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm,0 1px 3px #0000000d);color:#4a5568;color:var(--text-secondary,#4a5568);cursor:pointer;font-size:14px;font-weight:600;margin:0;padding:14px 20px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.group-button:hover{background-color:#f7fafc;background-color:var(--bg-hover,#f7fafc);border-color:#cbd5e0;border-color:var(--border-medium,#cbd5e0);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md,0 4px 12px #00000014);transform:translateY(-2px)}.group-button.active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:#0000;box-shadow:0 4px 12px #6c5ce74d;box-shadow:var(--shadow-primary,0 4px 12px #6c5ce74d);color:#fff;transform:translateY(0)}.group-button.active:hover{box-shadow:0 8px 20px #6c5ce766}.main-content{background-color:#f7f8fc;background-color:var(--bg-main,#f7f8fc);font-family:Inter,Segoe UI,sans-serif;font-size:16px;gap:20px;overflow:auto;padding:24px}.main-content,.no-data-message{display:flex;flex:1 1;flex-direction:column}.no-data-message{align-items:center;background:#fff;background:var(--bg-card,#fff);border:2px dashed #e2e8f0;border:2px dashed var(--border-light,#e2e8f0);border-radius:12px;border-radius:var(--radius-md,12px);color:#a0aec0;color:var(--text-muted,#a0aec0);font-size:15px;gap:12px;justify-content:center;padding:48px 20px;text-align:center}.back-button{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 4px 12px #6c5ce74d;box-shadow:var(--shadow-primary,0 4px 12px #6c5ce74d);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease;z-index:5}.back-button:hover{box-shadow:0 6px 16px #6c5ce766;transform:translateY(-2px)}.back-button:active{transform:translateY(0)}.back-button:before{content:"←";font-size:16px}@media (max-width:768px){.sidebar-container{left:-260px;position:absolute;transition:left .3s ease;z-index:1000}.sidebar-container.open{left:0}.main-content{font-size:14px;padding:16px}.groups-list{padding:16px 8px}}.page-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-light,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.page-title{color:#1a202c;color:var(--text-primary,#1a202c);font-size:24px;font-weight:600;margin:0}.page-actions{align-items:center;display:flex;gap:12px}.menu-list{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:5px}.menu-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;margin-bottom:5px}.menu-header h3{color:#a0aec0;font-size:12px;font-weight:700;letter-spacing:.8px;margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.menu-header button{background:#0000;border-radius:12px;color:#4a5568;font-weight:500;padding:5px;text-align:left;transition:all .2s ease;width:100%}.menu-header button:hover{background:#f7fafc;color:var(--primary)}.menu-items{gap:6px;overflow-x:hidden;overflow-y:auto}.menu-empty,.menu-items{display:flex;flex-direction:column;flex-grow:1}.menu-empty{align-items:center;color:#a0aec0;justify-content:center;padding:48px 20px;text-align:center}.menu-empty p{font-size:14px;line-height:1.6;margin:8px 0}.groups-list{display:flex;flex-wrap:wrap;gap:12px;padding:20px}.no-groups{color:#a0aec0;font-size:14px;padding:24px;text-align:center}.logout-button{border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #f565654d;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;margin-bottom:20px;margin-top:auto;padding:10px 24px;transition:all .2s ease;width:100%}.logout-button:hover{background:linear-gradient(135deg,var(--error) 0,#e53e3e 100%);box-shadow:0 6px 16px #f5656566;color:#fff;transform:translateY(-2px)}.logout-button:active{transform:translateY(0)}.menu-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;overflow:hidden;padding:12px 16px;text-align:left;text-overflow:ellipsis;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%}.menu-button:hover{background:var(--bg-hover);color:var(--primary);transform:translateX(4px)}.menu-button.active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:var(--shadow-primary);color:#fff}.menu-button.active:hover{box-shadow:0 6px 16px #6c5ce766;transform:translateX(0)}.menu-icon{flex-shrink:0;font-size:18px}.menu-text{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis}.menu-order{background:#00000014;border-radius:var(--radius-full);flex-shrink:0;font-size:12px;font-weight:600;padding:3px 8px}.menu-button.active .menu-order{background:#ffffff40}.splitter-layout{display:flex;flex-direction:row;height:100%;overflow:hidden;position:absolute;width:100%}.splitter-layout .layout-pane{flex:0 0 auto;overflow:auto;position:relative}.splitter-layout .layout-pane.layout-pane-primary{flex:1 1 auto}.splitter-layout>.layout-splitter{background-color:#ccc;cursor:col-resize;flex:0 0 auto;height:100%;width:4px}.splitter-layout .layout-splitter:hover{background-color:#bbb}.splitter-layout.layout-changing{cursor:col-resize}.splitter-layout.layout-changing>.layout-splitter{background-color:#aaa}.splitter-layout.splitter-layout-vertical{flex-direction:column}.splitter-layout.splitter-layout-vertical.layout-changing{cursor:row-resize}.splitter-layout.splitter-layout-vertical>.layout-splitter{cursor:row-resize;height:4px;width:100%}.filter-popup{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 30px #0000001f;left:0;min-width:120px;padding:8px;position:absolute;top:calc(100% + 4px);z-index:1000}.filter-input{border:1px solid #e2e8f0;border-radius:8px;font-size:12px;margin:0 0 8px;outline:none;padding:8px 10px;transition:border-color .2s ease;width:100%}.filter-input:focus{border-color:#1890ff}.filter-actions{align-items:center;display:flex;gap:6px;justify-content:flex-end}.filter-icon-button{align-items:center;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .15s ease-in-out;width:32px}.filter-icon-button:hover{background-color:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.filter-icon-button--close{background-color:#fee2e2;border-color:#fecaca;color:#b91c1c}.filter-icon-button--close:hover{background-color:#fecaca;border-color:#fca5a5}.pagination{align-items:center;background:var(--bg-card);border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:20px}.pagination-button{background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.pagination-button:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:var(--text-secondary);font-size:14px;font-weight:500;min-width:220px;padding:10px 16px;text-align:center}.pagination-input-wrapper{align-items:center;display:flex;gap:4px}.pagination-input{border:2px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-weight:500;padding:10px 12px;text-align:center;transition:all .2s ease;width:70px}.pagination-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6c5ce71a;outline:none}.pagination-input-button{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:1px solid var(--border-medium);border-radius:var(--radius-sm);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;transition:all .2s ease}.pagination-input-button:hover:not(:disabled){box-shadow:0 6px 16px #6c5ce766;transform:translateY(-1px)}.pagination-input-button:disabled{cursor:not-allowed;opacity:.5}.base-table-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;max-height:78vh;min-height:18vh;overflow:auto;position:relative;width:100%}.base-table-wrapper.wide{max-height:50vh}.base-table{border-spacing:0;font-size:12px;table-layout:auto;width:100%}.base-table td,.base-table th{word-wrap:break-word;border-bottom:1px solid #e2e8f0;max-width:45ch;min-width:20ch;padding:0 5px;text-align:left;vertical-align:middle}.base-table thead{position:-webkit-sticky;position:sticky;z-index:20}.base-table thead,.base-table thead th{background:linear-gradient(180deg,#f7fafc,#edf2f7);top:0}.base-table thead th{border-bottom:2px solid #cbd5e0;color:#2d3748;font-size:11px;font-weight:600;padding:10px;text-align:center;text-transform:uppercase;vertical-align:middle;z-index:15}.base-table tbody tr{background:#fff}.base-table tbody tr:hover{background-color:#f7fafc}.base-th-content{min-height:45px}.base-th-label{flex:1 1;line-height:1.2;max-height:2.8em;padding-right:10px;text-overflow:ellipsis;white-space:normal;word-break:break-word}.base-actions-search{align-items:right;display:flex;flex-shrink:0;gap:6px}.base-add-button{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #6c5ce74d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.base-add-button:hover{box-shadow:0 6px 16px #6c5ce766;transform:translateY(-2px)}.base-actions-column{background:linear-gradient(180deg,#f7fafc,#edf2f7)!important;border-left:2px solid #cbd5e0;box-shadow:-4px 0 8px #00000014;padding:12px 8px!important;z-index:16}.base-actions-cell,.base-actions-column{max-width:120px!important;min-width:120px!important;position:-webkit-sticky;position:sticky;right:0;width:120px!important}.base-actions-cell{background:#fff!important;border-left:1px solid #e2e8f0;box-shadow:-4px 0 8px #0000000d;overflow:visible;padding:8px 6px!important;z-index:10}.base-actions-cell:hover{background:#f7fafc!important}.base-actions-container{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;justify-content:center;position:relative}.base-delete-button,.base-edit-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.base-edit-button{background-color:var(--primary);color:#fff}.base-edit-button:hover{background-color:var( --primary-dark);transform:translateY(-1px)}.base-delete-button{background-color:#f56565;color:#fff}.base-delete-button:hover{background-color:#e53e3e;transform:translateY(-1px)}.base-delete-button-text,.base-edit-button-text{display:none}.base-dropdown-container{display:inline-block;position:relative}.base-dropdown-toggle{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:6px 8px;transition:all .2s ease}.base-dropdown-toggle:hover{background:#edf2f7;border-color:#cbd5e0}.base-dropdown-menu{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026;margin:0;min-width:180px;padding:8px;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.base-dropdown-menu.align-left{left:0;right:auto}.base-dropdown-menu button{background:#0000;border:none;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:10px 14px;text-align:left;white-space:nowrap;width:100%}.base-dropdown-menu button:hover{background:#f7fafc;color:var( --primary-dark)}.base-dropdown-menu button:active{background:#edf2f7}@media (max-width:1200px){.base-table td,.base-table th{font-size:13px;padding:8px 10px}.base-actions-cell,.base-actions-column{max-width:100px!important;min-width:100px!important;width:100px!important}}@media (max-width:768px){.base-table td,.base-table th{font-size:12px;padding:6px 8px}.base-actions-cell,.base-actions-column{max-width:80px!important;min-width:80px!important;width:80px!important}.base-delete-button,.base-edit-button{font-size:12px;height:28px;min-width:28px;padding:4px 6px}}.base-table-empty{color:#a0aec0}.base-table-empty,.base-table-loading{font-size:15px;padding:48px 24px;text-align:center}.base-table-loading{color:var( --primary)}.base-table-wrapper{overflow-x:auto;overflow-y:auto}.base-table tbody tr,.base-th-content{position:relative}.base-th-content{align-items:center;display:flex;justify-content:space-between;min-height:32px;overflow:visible}.base-table thead th{overflow:visible}.confirm-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirm-modal-content{animation:slideUp .3s ease;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:450px;padding:32px;width:90%}.confirm-modal-content h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 16px}.confirm-modal-content p{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0 0 24px}.confirm-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.confirm-modal-button{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.confirm-modal-button--cancel{background:var(--bg-hover);border:1px solid var(--border-medium);color:var(--text-secondary)}.confirm-modal-button--cancel:hover{background:var(--border-light);color:var(--text-primary)}.confirm-modal-button--confirm{background:linear-gradient(135deg,var(--error) 0,#e53e3e 100%);box-shadow:0 4px 12px #f565654d;color:#fff}.confirm-modal-button--confirm:hover{box-shadow:0 6px 16px #f5656566;transform:translateY(-2px)}.companies-table-wrapper{background-color:#f9f9f9;max-height:70vh;min-height:20vh;overflow:auto;position:relative}.companies-table{border-collapse:collapse;font-size:14px;table-layout:auto;width:100%}.companies-table td,.companies-table th{word-wrap:break-word;border:1px solid #ddd;min-width:150px;padding:8px;text-align:left}.companies-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:20}.companies-table thead th{background-color:#f8f9fa;font-weight:700;position:-webkit-sticky;position:sticky;top:0;z-index:1}.add-button{background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;padding:15px 20px}.add-button:hover{background-color:#0571a3}.actions-column{z-index:5}.actions-cell,.actions-column{box-shadow:-2px 0 5px #0000001a;right:0}.actions-cell{background:#fff;position:-webkit-sticky;position:sticky;z-index:4}.actions-container{align-items:center;display:flex;gap:8px;justify-content:center;position:relative}.edit-button{background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;white-space:nowrap;z-index:0}.edit-button:hover{background-color:#40a9ff}.dropdown-container{display:inline-block;position:relative;z-index:3000}.dropdown-menu{background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 4px 12px #00000026;max-width:180px;position:fixed;z-index:9999}.dropdown-toggle{background:none;border:none;border-radius:4px;cursor:pointer;margin-left:5px;padding:5px;z-index:0}.dropdown-menu button{background:none;border:none;border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:14px;padding:12px 16px;text-align:left;width:100%}.dropdown-menu button:last-child{border-bottom:none}.dropdown-menu button:hover{background-color:#f5f5f5;color:#1890ff}.pagination-controls{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:15px}.pagination-controls button,.pagination-controls select{border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 12px}.pagination-controls button:hover{background-color:#ddd}.pagination-controls select{min-width:120px}.loading-indicator{color:#555;font-size:16px;margin-top:20px}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:0 24px 48px #0003;max-height:85vh;max-width:560px;padding:32px}.modal-content.wide{max-width:900px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{color:var(--text-primary);font-weight:700;margin-bottom:28px}.modal-content label{color:var(--text-secondary);display:block;font-size:14px;font-weight:600;margin-bottom:8px;margin-top:4px}.modal-content input:not([type=checkbox]),.modal-content select,.modal-content textarea{background:var(--bg-hover);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);margin-bottom:18px;padding:12px 16px;transition:all .2s ease}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 3px #6c5ce71a}.modal-content input[type=checkbox]{cursor:pointer;height:18px;width:18px}.modal-content textarea{min-height:100px}.modal-content select{padding-right:36px}.modal-content option:disabled{background-color:var(--bg-hover);color:var(--text-muted)}.error-message{background-color:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-sm);color:var(--error-dark);font-weight:500;margin-bottom:20px;padding:12px 16px}.modal-buttons{border-top:1px solid var(--border-light);margin-top:28px;padding-top:20px}.modal-buttons button{border-radius:var(--radius-md);font-size:15px;font-weight:600;min-width:100px;padding:12px 28px;transition:all .2s ease}.modal-buttons button:first-child{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:var(--shadow-primary)}.modal-buttons button:first-child:hover:not(:disabled){box-shadow:0 6px 16px #6c5ce766;transform:translateY(-2px)}.modal-buttons button:last-child{background:var(--bg-hover);border:1px solid var(--border-medium);color:var(--text-secondary)}.modal-buttons button:last-child:hover{background:var(--border-light);color:var(--text-primary)}.modal-content{max-width:500px}.modal-content input :not([type=checkbox]),.modal-content select,.modal-content textarea{border:2px solid #e8e8e8;border-radius:6px;box-sizing:border-box;font-size:14px;margin-bottom:15px;padding:12px;transition:border-color .3s ease;width:100%}.modal-buttons button:first-child:hover:not(:disabled){background-color:#40a9ff}.password-input-container{position:relative}.password-input-container input{padding-right:40px;width:100%}.password-toggle{color:#666;cursor:pointer;padding:5px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .3s ease}.password-toggle:hover{color:#1890ff}.password-error{border-color:#ff4d4f!important}.password-error:focus{box-shadow:0 0 0 2px #ff4d4f33!important}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:70vh;overflow-y:auto;padding:30px;width:90%}.modal-content.wide{border-radius:8px;max-width:120vh}.label-block{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#2c3e50;display:block;font-size:.8em;font-weight:700;padding:6px 10px}.modal-content h3{border-bottom:2px solid #1890ff;color:#333;font-size:24px;margin-bottom:20px;margin-top:0;padding-bottom:10px;text-align:center}.modal-content input:not([type=checkbox]),.modal-content select,.modal-content textarea{border:2px solid #e8e8e8;border-radius:6px;box-sizing:border-box;font-size:14px;margin-bottom:15px;padding:12px;transition:border-color .3s ease;width:100%}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.modal-content input[type=number]::-webkit-inner-spin-button,.modal-content input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal-content select{-webkit-appearance:none;appearance:none;background-position:right 12px center;background-repeat:no-repeat;background-size:8px 10px;padding-right:35px}.modal-content textarea{font-family:inherit;min-height:80px;resize:vertical}.modal-content option:disabled{background-color:#f5f5f5;color:#999}.error-message{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;color:#ff4d4f;font-size:14px;margin-bottom:15px;padding:10px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.modal-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.modal-content label{font-size:20px}.modal-buttons button:first-child{background-color:#1890ff;color:#fff}.modal-buttons button:first-child:hover:not(:disabled){background-color:#5a6268;color:#fff;transform:translateY(-1px)}.modal-buttons button:first-child:disabled{background-color:#bae7ff;transform:none}.modal-buttons button:last-child{background-color:#f5f5f5;color:#666}.modal-buttons button:last-child:hover{background-color:#e8e8e8;color:#333}.modal-content,.modal-overlay{animation:modalFadeIn .3s ease-out}@media (max-width:768px){.modal-content{margin:20px;padding:20px;width:95%}.modal-content h3{font-size:20px}.modal-buttons{flex-direction:column}.modal-buttons button{width:100%}}.modal-content select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.modal-buttons button:first-child:disabled{background-color:#d9d9d9;color:#999;cursor:not-allowed}.modal-buttons button:first-child:disabled:hover{background-color:#d9d9d9;transform:none}.checkbox-group{align-items:center;display:flex;gap:8px;margin:10px 0}.checkbox-group span{order:2}.large-checkbox{cursor:pointer;height:30px;margin:0;order:1;width:30px}.large-checkbox:focus{box-shadow:none;outline:none}.large-checkbox{-webkit-appearance:none;appearance:none;background-color:#fff;border:2px solid #d9d9d9;border-radius:4px;position:relative}.large-checkbox:checked{background-color:#1890ff;border-color:#1890ff}.large-checkbox:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.large-checkbox:hover{border-color:#1890ff}.section-divider{border:none;border-top:1px solid #e0e0e0;margin:20px 0}.section-header{color:#333;font-size:16px;font-weight:700;margin-bottom:15px}.tracker-time-info{margin-bottom:20px}.tracker-grid{margin-top:10px}.tracker-column{background:#fafafa;border:1px solid #ddd;border-radius:8px;padding:10px}.tracker-section{margin-bottom:10px}.tracker-splitter{align-items:center;border-bottom:1px solid #ccc;cursor:pointer;display:flex;gap:5px;padding:4px 0}.tracker-splitter h4{color:#333;flex:1 1;font-size:15px;margin:0}.tracker-splitter.clickable:hover{background:#eee;border-radius:4px}.arrow{color:#666;display:inline-block;font-size:14px;transition:transform .2s ease}.arrow.open{transform:rotate(90deg)}.tracker-section-content{border-left:2px solid #ddd;margin-top:5px;padding-left:15px}.tracker-data-row{border-bottom:1px dashed #eee;display:flex;font-size:14px;justify-content:space-between;padding:2px 0}.tracker-data-comment{color:#333}.tracker-data-value{color:#000;font-weight:500}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.connection-status{font-size:.9rem}.status-indicator{border-radius:4px;font-weight:700;padding:.3rem .6rem}.status-indicator.connected{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-indicator.disconnected{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.real-time-badge{background-color:#007bff;border-radius:3px;color:#fff;display:inline-block;font-size:.8rem;margin-left:1rem;padding:.2rem .5rem}.tracker-modal__overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.tracker-modal__content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.tracker-modal__content--wide{max-height:95vh;max-width:120vh;padding:0;width:95%}.tracker-modal__header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px 20px}.tracker-modal__header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0;text-align:center}.tracker-modal__tab-view{display:flex;flex-direction:column;height:70vh;min-height:500px}.tracker-modal__tab-navigation{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;min-height:48px;padding:0 8px}.tracker-modal__tab-scroll-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;cursor:pointer;flex-shrink:0;font-size:14px;padding:6px 10px;transition:all .2s}.tracker-modal__tab-scroll-btn:hover{background:#e9ecef;color:#495057}.tracker-modal__tab-container{-ms-overflow-style:none;display:flex;flex:1 1;margin:0 8px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.tracker-modal__tab-container::-webkit-scrollbar{display:none}.tracker-modal__tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:12px 16px;transition:all .2s;white-space:nowrap}.tracker-modal__tab-btn:hover{background:#e9ecef;color:#495057}.tracker-modal__tab-btn--active{background:#fff;border-bottom-color:#007bff;color:#007bff;font-weight:600}.tracker-modal__tab-content{background:#fff;flex:1 1;overflow-y:auto;padding:16px 20px}.tracker-modal__command-block{background:#fff;border:2px solid #e9ecef;border-radius:6px;box-shadow:0 1px 3px #0000000d;margin-bottom:12px;padding:12px;transition:all .2s}.tracker-modal__command-block:hover{background:#daebfe;border-left:4px solid #1890ff;box-shadow:0 2px 4px #28a7451a}я
.tracker-modal__command-block--loading{background:#f8f9fa;opacity:.8}.tracker-modal__command-header{align-items:flex-start;border-bottom:1px solid #f1f3f4;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.tracker-modal__command-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.tracker-modal__command-desc{color:#2c3e50;font-size:14px;font-weight:600}.tracker-modal__changes-indicator{background:#e8f5e8;border-radius:4px;color:#1890ff;font-size:12px;font-weight:600;padding:2px 6px}.tracker-modal__loading-indicator{animation:spin 1s linear infinite;color:#007bff;font-size:14px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tracker-modal__command-actions{display:flex;flex-wrap:wrap;gap:6px}.tracker-modal__action-btn{border:1px solid;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;min-width:80px;padding:6px 12px;transition:all .2s}.tracker-modal__action-btn--read{background:#1890ff;color:#fff}.tracker-modal__action-btn--read:hover:not(:disabled){background:#0056b3}.tracker-modal__action-btn--save{background:#1890ff;color:#fff}.tracker-modal__action-btn--save:hover:not(:disabled){background:#0056b3}.tracker-modal__action-btn:disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:.6}.tracker-modal__params{margin:12px 0}.tracker-modal__param-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}.tracker-modal__param-label{color:#495057;font-size:13px;font-weight:500;min-width:120px}.tracker-modal__param-input,.tracker-modal__param-select{border:1px solid #ced4da;border-radius:4px;flex:1 1;font-size:13px;min-width:150px;padding:6px 8px;transition:border-color .2s}.tracker-modal__param-input:focus,.tracker-modal__param-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.tracker-modal__suffix{color:#6c757d;font-size:13px;font-weight:500;min-width:40px}.tracker-modal__table-data{border:1px solid #dee2e6;border-radius:4px;margin:12px 0;max-width:100%;overflow:hidden;overflow-x:auto}.tracker-modal__command-table{background:#fff;border-collapse:collapse;font-size:12px;width:100%}.tracker-modal__command-table td,.tracker-modal__command-table th{border:1px solid #dee2e6;padding:6px 8px;text-align:left}.tracker-modal__command-table th{background:#e9ecef;color:#495057;font-weight:600}.tracker-modal__command-table tr:nth-child(2n){background:#f8f9fa}.tracker-modal__reply-date{border-top:1px dashed #ddd;color:#6c757d;font-size:12px;margin-top:8px;padding-top:8px}.tracker-modal__footer{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;margin-top:0;padding:16px 20px}.tracker-modal__footer-btn{border:1px solid;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:8px 16px;transition:all .2s}.tracker-modal__footer-btn--primary{background:#007bff;border-color:#007bff;color:#fff}.tracker-modal__footer-btn--primary:hover:not(:disabled){background:#0056b3}.tracker-modal__footer-btn--secondary{background:#6c757d;border-color:#6c757d;color:#fff}.tracker-modal__footer-btn--secondary:hover:not(:disabled){background:#5a6268;border-color:#545b62}.tracker-modal__footer-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.tracker-modal__content--wide{margin:10px;width:98%}.tracker-modal__command-header{align-items:stretch;flex-direction:column;gap:12px}.tracker-modal__command-actions{justify-content:flex-start}.tracker-modal__param-row{align-items:stretch;flex-direction:column;gap:4px}.tracker-modal__param-label{min-width:auto}.tracker-modal__footer{flex-direction:column}.tracker-modal__footer-btn{min-width:auto}}.params-editor{background-color:#fafafa;border:1px solid #ddd;border-radius:6px;margin:10px 0;padding:15px}.params-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.params-header label{color:#333;font-size:14px;font-weight:700}.add-param-btn{background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .2s ease}.add-param-btn:hover{background-color:#0571a3}.params-table{display:flex;flex-direction:column;gap:8px}.param-row{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:10px;padding:8px}.param-key,.param-value{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:14px;min-width:140px;padding:8px}.remove-param-btn{align-items:center;background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:34px;justify-content:center;width:34px}.remove-param-btn:hover:not(:disabled){background-color:#c82333}.remove-param-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.params-hint{color:#666;font-size:12px;font-style:italic;margin-top:8px}
/*# sourceMappingURL=main.2888bbbc.css.map*/