@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.notification-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:19999;animation:fadeInOverlay .2s ease}.notification{min-width:360px;max-width:480px;background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-2xl);color:var(--color-text);box-shadow:var(--shadow-xl);z-index:20000;display:flex;align-items:center;justify-content:space-between;animation:fadeInNotification .3s ease;position:relative}.notification-success{border-color:var(--color-primary)}.notification-error{border-color:var(--color-danger)}.notification-info{border-color:var(--color-primary)}.notification-message{flex:1;font-size:var(--font-size-lg);line-height:var(--line-height-base);padding-right:var(--space-md)}.notification-close{background:transparent;border:none;color:var(--color-primary);font-size:22px;cursor:pointer;padding:0 0 0 var(--space-md);transition:color var(--transition-base),transform var(--transition-base);flex-shrink:0}.notification-close:hover{color:var(--color-text);transform:scale(1.1)}.notification-error .notification-close{color:var(--color-danger)}.notification-error .notification-close:hover{color:var(--color-text)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes fadeInNotification{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.notification-toast-container{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none}.notification-toast{pointer-events:auto;animation:slideInRight .3s ease;box-shadow:var(--shadow-lg)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;background:var(--color-bg);gap:var(--space-xl);padding:var(--space-lg);box-sizing:border-box}.login-card{width:100%;max-width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.login-logo{text-align:center;font-size:28px;font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.02em;margin-bottom:var(--space-xs)}.login-logo-accent{color:var(--color-primary)}.login-tagline{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-xl)}.form input{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);outline:none;font-size:var(--font-size-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit}.form input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);background:var(--color-surface)}.form button[type=submit]{padding:var(--space-md);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-base);font-family:inherit}.form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.form button[type=button]{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-base);font-family:inherit}.form button[type=button]:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-border-strong)}.form button[type=button]:disabled{opacity:.6;cursor:not-allowed}.resend-btn{margin-top:var(--space-xs);background:transparent!important;border:1px solid var(--color-warning)!important;color:var(--color-warning)!important}.resend-btn:hover:not(:disabled){background:var(--color-warning-soft)!important;border-color:var(--color-warning)!important}.login-footer{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-base);max-width:420px}.login-footer p{margin:var(--space-xs) 0}.login-footer a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.login-footer a:hover{color:var(--color-primary-hover);text-decoration:underline}.login-theme-toggle{position:fixed;top:20px;right:20px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base);z-index:10}.login-theme-toggle:hover{background:var(--color-surface-2);border-color:var(--color-primary);color:var(--color-primary)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:bmFadeIn .2s ease-out}.modal-content{background-color:var(--color-surface, #ffffff);color:var(--color-text, #1a1f2a);border:1px solid var(--color-border, #d5dae3);border-radius:var(--radius-lg, 12px);box-shadow:0 20px 25px -5px #00000026;display:flex;flex-direction:column;width:100%;animation:bmSlideUp .2s ease-out;overflow:hidden;padding:0;box-sizing:border-box}.modal-content.modal-content{padding:0;overflow:hidden}.modal-content.modal-content--sm{max-width:440px;width:92%;max-height:90vh}.modal-content.modal-content--md{max-width:640px;width:94%;max-height:90vh}.modal-content.modal-content--lg{max-width:960px;width:95%;height:88vh;max-height:88vh}.modal-content.modal-content--xl{max-width:1240px;width:96%;height:88vh;max-height:88vh}.modal-content.modal-content--xxl{max-width:2200px;width:96%;height:88vh;max-height:88vh}@media(max-width:640px){.modal-content.modal-content--lg,.modal-content.modal-content--xl,.modal-content.modal-content--xxl{height:94vh;max-height:94vh;width:98%}}.modal-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border, #d5dae3);flex-shrink:0;gap:1rem}.modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text, #1a1f2a);text-align:left;text-shadow:none;line-height:1.3}.modal-title--center{position:absolute;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap;pointer-events:none;max-width:calc(100% - 100px);overflow:hidden;text-overflow:ellipsis}.modal-close{background:none;border:none;color:var(--color-text-secondary, #6b7280);cursor:pointer;padding:.375rem;border-radius:var(--radius-md, 6px);display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s;flex-shrink:0;margin-left:auto}.modal-close:hover{background-color:var(--color-bg-subtle, rgba(0, 0, 0, .05));color:var(--color-text, #1a1f2a)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1 1 auto;min-height:0}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border, #d5dae3);display:flex;justify-content:flex-end;align-items:center;gap:.75rem;background-color:var(--color-bg-subtle, rgba(0, 0, 0, .02));flex-shrink:0}@keyframes bmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bmSlideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.btn{padding:.5rem 1rem;border-radius:var(--radius-md, 6px);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;border:1px solid transparent;font-family:inherit;box-shadow:none;text-shadow:none;white-space:nowrap}.btn-primary{background-color:var(--color-primary, #4f46e5);color:#fff;border-color:var(--color-primary, #4f46e5)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover, #4338ca);border-color:var(--color-primary-hover, #4338ca)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:transparent;border:1px solid var(--color-border, #d5dae3);color:var(--color-text, #1a1f2a)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5)}.btn-danger{background-color:transparent;border:1px solid #ff4444;color:#f44}.btn-danger:hover:not(:disabled){background-color:#ff444414}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:var(--color-text, #1a1f2a)}.form-hint{color:var(--color-text-secondary, #6b7280);font-size:.75rem;display:block;margin-top:.25rem}.modal-input{width:100%;padding:.5rem .75rem;background-color:var(--color-surface, #ffffff);color:var(--color-text, #1a1f2a);border:1px solid var(--color-border, #d5dae3);border-radius:var(--radius-md, 6px);font-size:.875rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.modal-input:focus{outline:none;border-color:var(--color-primary, #4f46e5);box-shadow:0 0 0 3px #4f46e526}.modal-input::placeholder{color:var(--color-text-secondary, #6b7280);opacity:.7}.modal-input:disabled{opacity:.6;cursor:not-allowed}textarea.modal-input{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}select.modal-input{cursor:pointer;appearance:auto}.info-card{background-color:var(--color-bg-subtle, rgba(0, 0, 0, .02));border:1px solid var(--color-border, #d5dae3);border-radius:var(--radius-md, 8px);padding:.9375rem;margin-bottom:1.25rem}.info-card-title{color:var(--color-primary, #4f46e5);margin:0 0 .625rem;font-size:.9375rem;font-weight:600}.info-card-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--color-text, #1a1f2a)}.info-label{color:var(--color-text-secondary, #6b7280);font-weight:500}.user-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.625rem 1.25rem;padding:.9375rem;background-color:var(--color-bg-subtle, rgba(0, 0, 0, .02));border:1px solid var(--color-border, #d5dae3);border-radius:var(--radius-md, 8px);margin-bottom:1.25rem;font-size:.875rem;color:var(--color-text, #1a1f2a)}.tabs-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border, #d5dae3)}.tab-nav-btn{padding:.5rem 1rem;background-color:transparent;border:1px solid var(--color-border, #d5dae3);border-radius:var(--radius-md, 6px);color:var(--color-text, #1a1f2a);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;font-family:inherit;box-shadow:none;text-shadow:none}.tab-nav-btn:hover:not(:disabled){border-color:var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5)}.tab-nav-btn.active{background-color:var(--color-primary, #4f46e5);border-color:var(--color-primary, #4f46e5);color:#fff;font-weight:600}.tab-nav-btn:disabled{border-color:var(--color-border, #d5dae3);color:var(--color-text-secondary, #6b7280);cursor:not-allowed;opacity:.5}.comments-list{max-height:400px;overflow-y:auto;margin-bottom:1.25rem;padding-right:.25rem}.comment-item{background-color:var(--color-bg-subtle, rgba(0, 0, 0, .02));border:1px solid var(--color-border, #d5dae3);border-radius:var(--radius-md, 8px);padding:.75rem;margin-bottom:.75rem}.comment-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.75rem;gap:.5rem}.comment-author{color:var(--color-primary, #4f46e5);font-weight:600}.comment-date{color:var(--color-text-secondary, #6b7280)}.comment-body{color:var(--color-text, #1a1f2a);margin:0;font-size:.875rem;line-height:1.5;white-space:pre-wrap}.comment-form{display:flex;gap:.625rem;align-items:flex-start}.comment-form textarea{flex:1}.comments-empty,.comments-loading{text-align:center;color:var(--color-text-secondary, #6b7280);padding:1rem}.file-list{list-style:none;padding:0;margin:.625rem 0 0}.file-item{display:flex;align-items:center;gap:.625rem;padding:.375rem 0;border-bottom:1px solid var(--color-border, #d5dae3);font-size:.875rem;color:var(--color-text, #1a1f2a)}.file-item-name{flex:1}.file-remove-btn{background:transparent;border:none;color:#ff6b6b;cursor:pointer;font-size:.875rem;padding:.25rem}.project-action-btn{display:inline-block;padding:.625rem 1rem;border:1px solid var(--color-primary, #4f46e5);border-radius:var(--radius-md, 8px);background:transparent;color:var(--color-primary, #4f46e5);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;font-family:inherit;text-align:center;box-shadow:none;text-shadow:none}.project-action-btn:hover{background-color:#4f46e51a}.project-action-btn.active{background-color:var(--color-primary, #4f46e5);color:#fff;box-shadow:0 0 0 2px #4f46e540}.project-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.project-tab-btn{flex:1 1 auto;min-width:140px;padding:.5rem .875rem;background:transparent;border:1px solid var(--color-border, #d5dae3);border-radius:var(--radius-md, 8px);color:var(--color-text, #1a1f2a);cursor:pointer;font-size:.8125rem;font-weight:500;transition:all .2s ease;white-space:normal;word-break:break-word;line-height:1.3;text-align:center;font-family:inherit;box-shadow:none;text-shadow:none}.project-tab-btn:hover:not(:disabled){border-color:var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5);background-color:#4f46e50f}.project-tab-btn.active{background-color:var(--color-primary, #4f46e5);border-color:var(--color-primary, #4f46e5);color:#fff;box-shadow:0 0 0 2px #4f46e540}.project-tab-btn:disabled{border-color:var(--color-border, #d5dae3);color:var(--color-text-secondary, #6b7280);cursor:not-allowed;opacity:.5}.gantt-table,.modal-table,.cost-estimation-table,.task-details-table{width:100%;border-collapse:collapse;color:var(--color-text, #1a1f2a);font-size:.8125rem;background-color:var(--color-surface, #fff)}.gantt-table th,.modal-table th,.cost-estimation-table th,.task-details-table th{background-color:var(--color-bg-subtle, rgba(0, 0, 0, .03));color:var(--color-primary, #4f46e5);padding:.5rem;border:1px solid var(--color-border, #d5dae3);text-align:left;font-weight:600;text-shadow:none}.gantt-table td,.modal-table td,.cost-estimation-table td,.task-details-table td{padding:.375rem .5rem;border:1px solid var(--color-border, #d5dae3)}.gantt-table-container{max-height:400px;overflow-y:auto}.gantt-input{width:100%;background-color:var(--color-bg-subtle, rgba(0, 0, 0, .03));border:1px solid var(--color-border, #d5dae3);border-radius:var(--radius-sm, 4px);color:var(--color-text, #1a1f2a);padding:4px;font-size:.75rem}.gantt-stage-row td{background-color:var(--color-bg-subtle, rgba(0, 0, 0, .03));color:#fa0;font-weight:700;padding:.5rem;border-bottom:2px solid #ffaa00}.budget-action-btn{background:transparent;border:1px solid var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5);border-radius:var(--radius-sm, 4px);padding:2px 8px;cursor:pointer;font-size:.8125rem;transition:background-color .2s,color .2s;font-family:inherit;box-shadow:none;text-shadow:none}.budget-action-btn:hover{background-color:#4f46e51a}.status-info-card{background-color:var(--color-bg-subtle, rgba(0, 0, 0, .02));border:1px solid var(--color-border, #d5dae3);border-radius:var(--radius-md, 8px);padding:1rem;margin-bottom:1.25rem}.status-info-section{margin-bottom:.875rem}.status-info-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--color-text-secondary, #6b7280);margin-bottom:.25rem}.status-info-value{color:var(--color-text, #1a1f2a);font-size:.9375rem;font-weight:500;word-break:break-word}.status-info-divider{border-bottom:1px solid var(--color-border, #d5dae3);margin-bottom:.875rem}.status-info-row{display:flex;align-items:center;justify-content:space-between;gap:.625rem}.status-chip{border:1px solid;border-radius:12px;padding:2px 12px;font-size:.75rem;font-weight:700;white-space:nowrap}.form-row{display:flex;gap:.625rem;align-items:center}.form-row.align-start{align-items:flex-start}.list-dropdown{max-height:200px;overflow-y:auto;margin-top:.5rem;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.list-dropdown-item{padding:.5rem .75rem;cursor:pointer;color:var(--color-text);border-bottom:1px solid var(--color-border);font-size:.875rem;transition:background .15s}.list-dropdown-item:last-child{border-bottom:none}.list-dropdown-item:hover{background:var(--color-primary-soft);color:var(--color-primary)}.list-scroll-area{max-height:300px;overflow-y:auto;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.modal-content .modal-header .modal-title,.modal-content .modal-header h2{color:var(--color-text);text-shadow:none;background:none}.modal-content .form-group label,.modal-content .form-field label{color:var(--color-text)}.modal-content .form-group label:before,.modal-content .form-field label:before{background:var(--color-primary)}.document-modal-pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:var(--font-size-md);line-height:1.6;color:var(--color-text)}.document-modal-footer-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.document-modal-confirm-btn,.document-modal-cancel-btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);font-family:inherit;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base);border:1px solid}.document-modal-confirm-btn{background:var(--color-primary);color:var(--color-on-primary, #fff);border-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.document-modal-confirm-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.document-modal-cancel-btn{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.document-modal-cancel-btn:hover{border-color:var(--color-danger);color:var(--color-danger)}.register-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;position:relative;background:var(--color-bg);padding:var(--space-2xl) var(--space-lg);box-sizing:border-box}.back-button{position:fixed;top:var(--space-lg);left:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base);z-index:10;display:flex;align-items:center;gap:var(--space-xs)}.back-button:hover{background:var(--color-surface-2);border-color:var(--color-primary);color:var(--color-primary)}.register-theme-toggle{position:fixed;top:var(--space-lg);right:var(--space-lg);width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);box-shadow:var(--shadow-sm);z-index:10}.register-theme-toggle:hover{background:var(--color-surface-2);border-color:var(--color-primary);transform:scale(1.05)}.register-card{width:100%;max-width:520px;max-height:92vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.register-title{text-align:center;font-size:24px;font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-xs);letter-spacing:-.01em}.register-subtitle{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-xl)}.form{width:100%;display:flex;flex-direction:column;gap:var(--space-md)}.form input:not(.password-input-with-toggle):not([type=checkbox]){padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);outline:none;font-size:var(--font-size-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit;width:100%;box-sizing:border-box}.form input:not(.password-input-with-toggle):not([type=checkbox]):focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);background:var(--color-surface)}.form input::placeholder{color:var(--color-text-muted)}.password-field-outer .password-input-with-toggle{width:100%;box-sizing:border-box;padding:var(--space-md) 76px var(--space-md) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);outline:none;font-size:var(--font-size-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit}.password-field-outer .password-input-with-toggle:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);background:var(--color-surface)}.password-field-outer .password-input-with-toggle::placeholder{color:var(--color-text-muted)}.password-toggle-btn{position:absolute;right:44px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;margin:0;line-height:0;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;z-index:3;outline:none;transition:color var(--transition-fast)}.password-toggle-btn svg{display:block}.password-hint-icon-wrapper{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;z-index:5}.password-hint-btn{width:28px;height:28px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:14px;font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:1;transition:all var(--transition-base);font-family:inherit}.password-hint-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.password-hint-tooltip{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);min-width:280px;color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-base);box-shadow:var(--shadow-lg);z-index:20}.password-hint-tooltip strong{display:block;margin-bottom:var(--space-xs);font-weight:var(--font-weight-semibold);color:var(--color-text)}.password-hint-tooltip ul{margin:0;padding-left:var(--space-lg);color:var(--color-text-secondary)}.password-hint-tooltip li{margin-bottom:2px}.form button[type=submit]{padding:var(--space-md);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-base);font-family:inherit;margin-top:var(--space-sm)}.form button[type=submit]:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.form button[type=submit]:disabled{background:var(--color-surface-2);color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed}.resend-btn{margin-top:var(--space-sm);padding:var(--space-md);background:transparent;border:1px solid var(--color-warning);color:var(--color-warning);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--font-size-md);transition:all var(--transition-base);font-family:inherit}.resend-btn:hover:not(:disabled){background:var(--color-warning-soft)}.resend-btn:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--color-danger);text-align:center;font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);background:var(--color-danger-soft);border-radius:var(--radius-sm);margin:0}.success{color:var(--color-success);text-align:center;font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md);background:var(--color-success-soft);border-radius:var(--radius-sm);margin:0}.docs-block{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-xs)}.doc-checkbox{display:flex;align-items:flex-start;gap:var(--space-sm);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base);cursor:pointer}.doc-checkbox:hover{border-color:var(--color-border-strong);background:var(--color-surface-3)}.doc-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface);cursor:pointer;position:relative;flex-shrink:0;outline:none;transition:all var(--transition-fast);margin-top:2px}.doc-checkbox input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.doc-checkbox input[type=checkbox]:checked:after{content:"✓";color:var(--color-on-primary);font-size:14px;font-weight:var(--font-weight-bold);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1}.doc-checkbox input[type=checkbox]:focus-visible{box-shadow:var(--focus-ring)}.doc-link{background:transparent;border:none;padding:0;margin:0;font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;cursor:pointer;font-size:var(--font-size-base);line-height:var(--line-height-base);transition:color var(--transition-fast);text-align:left;font-family:inherit}.doc-link:hover{color:var(--color-primary-hover);text-decoration:underline}.marketing-checkbox{background:transparent;border-color:var(--color-border)}.marketing-checkbox span{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.left-sidebar{width:var(--sidebar-width);background-color:var(--color-surface);border-right:1px solid var(--color-border);transition:width var(--transition-smooth),background-color var(--transition-base);display:flex;flex-direction:column;height:100vh;flex-shrink:0;position:relative;overflow:hidden;z-index:var(--z-sticky)}.left-sidebar.collapsed{width:72px}.sidebar-toggle{margin:var(--space-md);padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;align-self:flex-end;transition:all var(--transition-base);flex-shrink:0}.sidebar-toggle:hover{background:var(--color-surface-2);border-color:var(--color-primary);color:var(--color-primary)}.modules{flex:1 1 auto;overflow-y:auto;padding:var(--space-md) var(--space-sm);min-height:0}.module-item{position:relative;padding:var(--space-md) var(--space-lg);margin-bottom:2px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);display:flex;align-items:center;gap:var(--space-sm)}.module-item:hover{background-color:var(--color-surface-2);color:var(--color-text)}.module-item.active{background-color:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--font-weight-semibold);border-left-color:var(--color-primary)}.module-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:currentColor;opacity:.85}.module-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.logout-item{flex-shrink:0;margin:var(--space-md);margin-top:auto;padding:var(--space-md) var(--space-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:inherit}.logout-item:hover{background-color:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.left-sidebar.collapsed .logout-item{padding:var(--space-md) 0;margin:var(--space-md) var(--space-sm);margin-top:auto}.left-sidebar.collapsed .module-item{justify-content:center;padding:var(--space-md)}.left-sidebar.collapsed .module-label{display:none}.module-item.dev{color:var(--color-text-muted);cursor:not-allowed}.module-item.dev:hover{background:transparent;color:var(--color-text-muted);border-left-color:transparent}.module-item.dev .dev-icon{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);font-size:var(--font-size-sm);opacity:.6}.left-sidebar.collapsed .module-item.dev .dev-icon{display:none}.right-sidebar{width:var(--right-panel-width);background-color:var(--color-surface);border-left:1px solid var(--color-border);transition:width var(--transition-smooth),background-color var(--transition-base);display:flex;flex-direction:column;position:relative;z-index:var(--z-sticky);height:100%}.right-sidebar.collapsed{width:64px}.right-sidebar .sidebar-toggle{align-self:flex-start;margin:var(--space-md);padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:all var(--transition-base)}.right-sidebar .sidebar-toggle:hover{background:var(--color-surface-2);border-color:var(--color-primary);color:var(--color-primary)}.sections{flex:1;overflow-y:auto;padding:var(--space-md) var(--space-sm);min-height:0}.section-item{position:relative;padding:var(--space-md) var(--space-md);margin-bottom:2px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;overflow:hidden;border-right:3px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-md);display:flex;align-items:center;gap:var(--space-sm)}.right-sidebar.collapsed .section-item{justify-content:center;padding:var(--space-md) 0}.section-item:hover{background-color:var(--color-surface-2);color:var(--color-text)}.section-item.active{background-color:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--font-weight-semibold);border-right-color:var(--color-primary)}.section-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:currentColor;opacity:.85}.section-item.active .section-icon{opacity:1}.section-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:left}.right-sidebar.collapsed .section-label{display:none}.section-dev-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.55;color:var(--color-text-muted)}.section-item.dev{color:var(--color-text-muted);cursor:not-allowed}.section-item.dev:hover{background-color:transparent;color:var(--color-text-muted)}.right-sidebar.collapsed .section-item.dev .section-dev-icon{display:none}.version-log-btn{margin:0 var(--space-md) var(--space-sm);padding:var(--space-md) var(--space-lg);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:left;transition:all var(--transition-base);white-space:nowrap;font-family:inherit;display:flex;align-items:center;gap:var(--space-sm)}.version-log-btn:hover{background:var(--color-surface-2);border-color:var(--color-primary);color:var(--color-primary)}.version-log-btn svg{flex-shrink:0}.right-sidebar.collapsed .version-log-btn{margin:0 var(--space-sm) var(--space-sm);padding:var(--space-md) 0;justify-content:center}.delete-steps{display:flex;gap:8px;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border, #d5dae3);flex-wrap:wrap}.delete-steps .step{flex:1 1 auto;min-width:100px;padding:.5rem .75rem;text-align:center;font-size:.75rem;border-radius:var(--radius-md, 6px);background-color:var(--color-bg-subtle, rgba(0, 0, 0, .02));color:var(--color-text-secondary, #6b7280);border:1px solid var(--color-border, #d5dae3)}.delete-steps .step.active{background-color:var(--color-primary, #4f46e5);color:#fff;border-color:var(--color-primary, #4f46e5);font-weight:600}.search-box{display:flex;gap:.5rem;margin-bottom:1rem}.search-results h3{font-size:.875rem;color:var(--color-text-secondary, #6b7280);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:1px}.task-item{padding:.75rem 1rem;border:1px solid var(--color-border, #d5dae3);border-radius:var(--radius-md, 6px);margin-bottom:.5rem;cursor:pointer;transition:all .2s;background-color:var(--color-surface, #fff)}.task-item:hover{border-color:var(--color-primary, #4f46e5);background-color:var(--color-bg-subtle, rgba(79, 70, 229, .04))}.task-id{font-size:.75rem;color:var(--color-text-secondary, #6b7280);font-weight:600;margin-bottom:.25rem}.task-name{font-size:.9375rem;color:var(--color-text, #1a1f2a);font-weight:500;margin-bottom:.5rem}.task-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--color-text-secondary, #6b7280);flex-wrap:wrap}.selected-task-info{background-color:var(--color-bg-subtle, rgba(0, 0, 0, .02));border:1px solid var(--color-border, #d5dae3);border-radius:var(--radius-md, 8px);padding:1rem;margin-bottom:1rem}.selected-task-info.compact{padding:.75rem 1rem}.task-details-table{width:100%;border-collapse:collapse;margin-top:.75rem}.task-details-table td{padding:.375rem .5rem;font-size:.875rem;border-bottom:1px solid var(--color-border, #d5dae3);color:var(--color-text, #1a1f2a)}.task-details-table td:first-child{color:var(--color-text-secondary, #6b7280);width:45%}.checkbox-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text, #1a1f2a);cursor:pointer}.checkbox-group input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary, #4f46e5)}.warning-message{padding:.875rem 1rem;background-color:#ff660014;border:1px solid rgba(255,102,0,.3);border-radius:var(--radius-md, 6px);color:var(--color-text, #1a1f2a);margin-bottom:1rem}.warning-message p{margin:0;font-size:.875rem}.dp-container{position:relative;width:100%}.dp-input-wrapper{position:relative;display:flex;align-items:center}.dp-input{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.625rem 4rem .625rem .875rem;color:var(--color-text);font-size:.875rem;cursor:pointer;transition:.2s;font-family:inherit;box-sizing:border-box}.dp-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.dp-arrow{position:absolute;right:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);font-size:1rem;line-height:1;cursor:pointer;padding:0;transition:.2s}.dp-arrow:hover{color:var(--color-primary)}.dp-clear{position:absolute;right:30px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);font-size:.875rem;line-height:1;cursor:pointer;padding:0;transition:.2s}.dp-clear:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.dp-popup{position:fixed;z-index:9999;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;box-shadow:0 20px 30px #0000004d;width:400px;box-sizing:border-box;color:var(--color-text)}.dp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;gap:.375rem}.dp-header button{background:transparent;border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-md);padding:.375rem .75rem;cursor:pointer;font-size:.875rem;transition:.2s;font-family:inherit}.dp-header button:hover{border-color:var(--color-primary);color:var(--color-primary)}.dp-header select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);padding:.375rem .5rem;font-size:.8125rem;cursor:pointer;font-family:inherit}.dp-header select:focus{outline:none;border-color:var(--color-primary)}.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;color:var(--color-text-secondary);font-size:.75rem;margin-bottom:.5rem;padding:0 4px}.dp-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:0 4px}.dp-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.8125rem;color:var(--color-text);border-radius:var(--radius-md);cursor:pointer;transition:.2s}.dp-day:hover{background:var(--color-primary-soft)}.dp-day.selected{background:var(--color-primary);color:#fff;font-weight:700}.dp-day.other-month{color:var(--color-text-muted)}.dp-footer{display:flex;justify-content:space-between;margin-top:.875rem;padding:0 4px}.dp-footer button{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.375rem .875rem;color:var(--color-text);cursor:pointer;font-size:.8125rem;transition:.2s;font-family:inherit}.dp-footer button:hover{border-color:var(--color-primary);color:var(--color-primary)}.upm-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100000}.upm-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;width:900px;max-width:95%;height:85vh;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;color:var(--color-text);box-shadow:0 20px 30px #0006}.upm-avatar{width:140px;height:140px;border-radius:50%;background:var(--color-bg-subtle);border:3px solid var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--color-primary);font-weight:600;flex-shrink:0;overflow:hidden}.upm-avatar img{width:100%;height:100%;object-fit:cover}.upm-contact-btn{background:transparent;border-radius:var(--radius-md);padding:.5rem 1rem;cursor:pointer;font-size:.875rem;font-family:inherit;transition:all .2s}.upm-contact-btn.add{border:1px solid var(--color-primary);color:var(--color-primary)}.upm-contact-btn.add:hover{background:var(--color-primary-soft)}.upm-contact-btn.remove{border:1px solid #ef4444;color:#ef4444}.upm-contact-btn.remove:hover{background:#ef44441a}.upm-tab-btn{flex:1 0 auto;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.625rem 1rem;color:var(--color-text);cursor:pointer;font-size:.875rem;min-width:110px;font-family:inherit;transition:all .2s}.upm-tab-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.upm-tab-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.upm-close-btn{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.625rem 1.875rem;color:var(--color-text);cursor:pointer;font-size:1rem;font-family:inherit;transition:.3s}.upm-close-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.tab-content{min-height:200px;padding:.9375rem 0}.mini-task-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);width:100%;max-width:340px;transition:all var(--transition-base);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.mini-task-card:hover{transform:translateY(-2px);border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.mini-task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-divider)}.mini-task-id{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.mini-task-statuses{display:flex;gap:var(--space-xs)}.mini-task-status{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full);color:var(--color-text-inverse);font-weight:var(--font-weight-medium)}.mini-task-status.overdue{background-color:var(--color-danger)}.mini-task-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:var(--space-sm) 0;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-task-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.info-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}.info-label{color:var(--color-text-muted);margin-right:var(--space-xs);white-space:nowrap}.info-label-time{color:var(--color-text-muted);margin-left:var(--space-sm);margin-right:var(--space-xs);white-space:nowrap}.mini-task-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:auto}.mini-task-btn{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 10px;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);font-family:inherit}.mini-task-btn:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary)}.mini-task-btn:disabled{opacity:.5;cursor:not-allowed}.my-tasks-container{flex:1;overflow-y:auto;padding:0 var(--space-2xl) var(--space-3xl);background:var(--color-bg);color:var(--color-text);box-sizing:border-box;max-width:var(--content-max-width);margin:0 auto;width:100%}.tasks-filters{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl);align-items:center}.status-filters{display:flex;gap:var(--space-sm);flex-wrap:wrap}.filter-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-full);padding:6px 16px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.filter-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.tasks-search-input{padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-base);min-width:220px;margin-left:auto;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit}.tasks-search-input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.tasks-search-input::placeholder{color:var(--color-text-muted)}.tasks-section-title{display:flex;align-items:center;gap:var(--space-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:var(--space-2xl) 0 var(--space-lg);letter-spacing:-.01em}.tasks-section-title:before,.tasks-section-title:after{content:"";flex:1;height:1px;background:var(--color-divider)}.tasks-section-title:first-of-type{margin-top:0}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg);width:100%;max-width:1200px;margin:0 auto}.tasks-loading,.tasks-error,.tasks-empty{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-md);width:100%;padding:var(--space-2xl) 0}.tasks-empty{margin-top:0}.tasks-error{color:var(--color-danger)}@media(max-width:768px){.my-tasks-container{padding:var(--space-lg) var(--space-md) var(--space-2xl)}.tasks-search-input{margin-left:0;width:100%}}.mini-user-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);color:var(--color-text);box-shadow:var(--shadow-md);width:320px;margin:var(--space-md);transition:all var(--transition-base);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column}.mini-user-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-strong);transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-divider);padding-bottom:var(--space-lg)}.avatar{width:70px;height:70px;border-radius:50%;overflow:visible;border:2px solid var(--color-primary);flex-shrink:0;position:relative}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-placeholder{width:100%;height:100%;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--color-primary);text-transform:uppercase;border-radius:50%;font-weight:var(--font-weight-semibold)}.online-indicator{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;border:2px solid var(--color-surface);background-color:var(--color-text-muted);transition:background-color var(--transition-base)}.online-indicator.online{background-color:var(--color-success)}.user-info h4{color:var(--color-text);margin-bottom:var(--space-xs);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.user-info .position{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:3px}.user-info .company{color:var(--color-text-muted);font-size:var(--font-size-sm)}.card-details{margin-bottom:var(--space-lg);background:var(--color-surface-2);padding:var(--space-md);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.card-details p{margin:var(--space-xs) 0;font-size:var(--font-size-base);color:var(--color-text-secondary)}.detail-label{color:var(--color-text-muted);font-weight:var(--font-weight-semibold);margin-right:var(--space-sm)}.activity-status{display:inline-flex;align-items:center;gap:6px}.activity-status.online{color:var(--color-success);font-weight:var(--font-weight-medium)}.activity-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--color-success);flex-shrink:0}.card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:auto}.card-actions button{flex:0 1 auto;min-width:0;height:36px;padding:0 var(--space-lg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--color-text);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;font-family:inherit}.card-actions button:disabled{opacity:.6;cursor:not-allowed}.add-btn{border-color:var(--color-primary);color:var(--color-primary)}.add-btn:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.remove-btn{border-color:var(--color-danger);color:var(--color-danger)}.remove-btn:hover:not(:disabled){background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.chat-btn{border-color:var(--color-info);color:var(--color-info)}.chat-btn:hover:not(:disabled){background:var(--color-info-soft);border-color:var(--color-info);color:var(--color-info)}.view-btn{border-color:var(--color-border-strong)}.view-btn:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-primary);color:var(--color-primary)}.dismiss-btn{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-danger)}.dismiss-btn:hover:not(:disabled){background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.approve-btn{border-color:var(--color-success);color:var(--color-success);background:transparent}.approve-btn:hover:not(:disabled){background:var(--color-success-soft, rgba(34, 197, 94, .15));border-color:var(--color-success);color:var(--color-success)}.reject-btn{border-color:var(--color-danger);color:var(--color-danger);background:transparent}.reject-btn:hover:not(:disabled){background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.pending-btn{border-color:var(--color-text-muted);color:var(--color-text-muted);background:var(--color-surface-2);cursor:not-allowed;opacity:.8}.confirm-dialog-message{color:var(--color-text, #1a1f2a);font-size:1rem;line-height:1.5;margin:0}.btn{padding:.5rem 1rem;border-radius:var(--radius-md, 6px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background-color:var(--color-primary, #4f46e5);color:#fff}.btn-primary:hover{opacity:.9;box-shadow:0 0 8px #4f46e566}.btn-secondary{background-color:transparent;border-color:var(--color-border, #d5dae3);color:var(--color-text, #1a1f2a)}.btn-secondary:hover{border-color:var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5)}.tdm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:10000}.tdm-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:750px;max-width:95%;max-height:85vh;overflow-y:auto;color:var(--color-text);box-shadow:0 20px 40px #0000004d}.tdm-header{display:flex;justify-content:space-between;align-items:center;padding:.9375rem 1.5625rem;border-bottom:1px solid var(--color-border)}.tdm-title{color:var(--color-primary);margin:0;font-size:1.375rem}.tdm-close-btn{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:1.25rem;border-radius:50%;width:35px;height:35px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s}.tdm-close-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tdm-tabs{display:flex;gap:.5rem;padding:.9375rem 1.5625rem 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap}.tdm-tab-btn{background:transparent;border:1px solid var(--color-border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:.625rem 1rem;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;transition:.3s;margin-bottom:-1px;font-family:inherit}.tdm-tab-btn:hover{background:var(--color-primary-soft);color:var(--color-primary)}.tdm-tab-btn.tdm-active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.tdm-body{padding:1.25rem 1.5625rem}.tdm-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9375rem}.tdm-field{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem;display:flex;flex-direction:column}.tdm-label{color:var(--color-primary);font-size:.75rem;text-transform:uppercase;margin-bottom:4px}.tdm-value{font-size:1rem;font-weight:700;word-break:break-word;color:var(--color-text)}.tdm-status.tdm-closed{color:var(--color-text-muted);text-decoration:line-through}.tdm-footer{display:flex;justify-content:center;padding:.9375rem;border-top:1px solid var(--color-border)}.tdm-cancel-btn{padding:.625rem 1.875rem;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:transparent;color:var(--color-text);font-size:1rem;transition:.3s;font-family:inherit}.tdm-cancel-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tdm-upload-btn{padding:.625rem 1.25rem;border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary);font-size:.875rem;cursor:pointer;transition:.3s;display:inline-block;font-family:inherit}.tdm-upload-btn:hover{background:var(--color-primary-soft-hover)}.tdm-btn{padding:.625rem 1.25rem;border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-size:.875rem;cursor:pointer;transition:.3s;font-family:inherit}.tdm-btn:hover{background:transparent;color:var(--color-primary)}.tdm-btn:disabled{opacity:.5;cursor:not-allowed}.tdm-file-table{width:100%;border-collapse:collapse;margin-top:.625rem}.tdm-file-table th,.tdm-file-table td{padding:.625rem .75rem;border-bottom:1px solid var(--color-border);text-align:left;color:var(--color-text)}.tdm-file-table th{color:var(--color-primary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px;background:var(--color-bg-subtle)}.tdm-file-table tbody tr:hover{background:var(--color-primary-soft)}.tdm-file-action{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-sm);padding:5px 10px;margin-right:5px;cursor:pointer;font-size:.75rem;transition:.3s;font-family:inherit}.tdm-file-action:hover{background:var(--color-primary);color:#fff}.tdm-file-action.danger{border-color:#f55;color:#f55}.tdm-file-action.danger:hover{background:#f55;color:#fff}.training-panel{padding:0 var(--space-lg) var(--space-lg) var(--space-lg);color:var(--color-text);overflow-y:auto;height:100%;background:var(--color-bg);box-sizing:border-box}.training-title{color:var(--color-text);text-align:center;margin-bottom:var(--space-xl);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.training-message{color:var(--color-text-secondary);text-align:center;margin-top:var(--space-3xl);font-size:var(--font-size-md)}.training-loading-overlay{position:fixed;top:20%;left:50%;transform:translate(-50%);color:var(--color-primary);z-index:var(--z-toast);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);background:var(--color-surface);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.training-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);width:100%;max-width:1200px;margin:0 auto}.training-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.training-card.clickable{cursor:pointer}.training-card.clickable:hover{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:var(--shadow-md);transform:translateY(-2px)}.training-field{display:flex;flex-direction:column;margin-bottom:var(--space-sm)}.training-field:last-child{margin-bottom:0}.field-label{color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px;font-weight:var(--font-weight-medium)}.field-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.field-value.status{color:var(--color-primary)}.field-value.status.closed{color:var(--color-text-muted);text-decoration:line-through}.notes-panel{padding:0;height:100%;overflow-y:auto}.notes-header{display:block;margin-bottom:0}.notes-add-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.add-note-btn,.add-first-note-btn{display:inline-flex;align-items:center;gap:var(--space-xs);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-md);transition:background var(--transition-base),color var(--transition-base)}.add-note-btn:hover,.add-first-note-btn:hover{background:var(--color-primary);color:var(--color-on-primary, #fff)}.add-first-note-btn{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg);margin-top:var(--space-xl)}.notes-empty p{margin:var(--space-sm) 0}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-lg)}.note-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base);display:flex;flex-direction:column;justify-content:space-between;min-height:120px}.note-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.note-title{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs);word-break:break-word;text-align:center}.note-text{color:var(--color-text);font-size:var(--font-size-md);line-height:var(--line-height-base);word-break:break-word;margin-bottom:var(--space-md)}.note-footer{display:flex;justify-content:space-between;align-items:center}.note-date{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.note-actions{display:flex;gap:var(--space-xs)}.note-edit-btn,.note-delete-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:color var(--transition-base),background var(--transition-base)}.note-edit-btn:hover{color:var(--color-primary);background:var(--color-primary-soft)}.note-delete-btn:hover{color:var(--color-danger);background:var(--color-danger-soft)}.project-list-container{padding:0 1.25rem 1.25rem;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.project-list-header{margin:0 0 1.875rem}.project-mini-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;justify-content:center;width:100%;max-width:1200px}.project-mini-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;color:var(--color-text);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column}.project-mini-card:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:0 8px 20px #4f46e526}.project-mini-card-header{margin-bottom:1rem;text-align:center}.project-mini-card-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-primary);word-break:break-word;text-shadow:none}.project-mini-card-body{flex:1;margin-bottom:1rem}.project-mini-card-dates{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;background:var(--color-bg-subtle);padding:.75rem;border-radius:var(--radius-md);border-left:3px solid var(--color-primary);font-size:.875rem;color:var(--color-text);line-height:1.4}.project-mini-card-dates strong{color:var(--color-primary);margin-right:.5rem}.project-mini-card-status{display:flex;align-items:center;margin-bottom:.75rem}.status-badge{display:inline-block;padding:5px 14px;border-radius:var(--radius-md);background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.project-mini-card-footer{margin-top:auto}.project-mini-card-btn{width:100%;padding:.5rem 0;background:transparent;border:1px solid #ffaa00;border-radius:var(--radius-md);color:#fa0;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease;font-family:inherit}.project-mini-card-btn:hover{background:#ffaa001a;color:#fff}.project-list-loading,.project-list-empty{display:flex;justify-content:center;align-items:center;height:200px;color:var(--color-text-secondary);font-size:1.125rem}.budget-modal-root{display:flex;flex-direction:column;gap:16px}.budget-table-container{margin-top:15px;overflow-x:auto;border-radius:var(--radius-md, 12px)}.budget-table{width:100%;border-collapse:collapse;background:var(--color-surface);color:var(--color-text);font-size:12px;table-layout:fixed}.budget-table th{background:var(--color-surface-2, var(--color-bg));color:var(--color-primary);padding:6px 4px;border:1px solid var(--color-border);text-align:center;white-space:normal;word-wrap:break-word;overflow:hidden;vertical-align:middle;font-weight:600}.budget-table td{padding:4px;border:1px solid var(--color-border);text-align:center;vertical-align:middle}.budget-table th:nth-child(1),.budget-table td:nth-child(1){width:180px}.budget-table th:nth-child(2),.budget-table td:nth-child(2){width:120px}.budget-table th:nth-child(3),.budget-table td:nth-child(3){width:110px}.budget-table th:nth-child(n+4):nth-child(-n+15),.budget-table td:nth-child(n+4):nth-child(-n+15){width:60px}.budget-table th:nth-child(16),.budget-table td:nth-child(16){width:90px}.budget-table th:nth-child(17),.budget-table td:nth-child(17){width:100px}.budget-table th:nth-child(18),.budget-table td:nth-child(18){width:70px}.budget-table input{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);color:var(--color-text);padding:4px;font-size:11px;box-sizing:border-box}.budget-table input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.budget-table input[readonly]{background:var(--color-bg);color:var(--color-text-muted, var(--color-text));cursor:default}.budget-project-info{display:flex;justify-content:center;gap:40px;padding:12px 20px;border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);background:var(--color-surface);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));color:var(--color-text);font-size:14px;flex-wrap:wrap}.budget-project-info span{white-space:nowrap}.budget-project-info strong{color:var(--color-primary);margin-right:8px}.budget-modal-buttons{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap}.budget-action-btn{padding:10px 20px;border:1px solid var(--color-primary);border-radius:var(--radius-md, 8px);background:transparent;color:var(--color-primary);font-size:14px;cursor:pointer;transition:background .2s,color .2s,opacity .2s}.budget-action-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.budget-action-btn:disabled{opacity:.6;cursor:not-allowed}.budget-action-btn--warning{border-color:var(--color-warning, #ffaa00);color:var(--color-warning, #ffaa00)}.budget-action-btn--warning:hover:not(:disabled){background:color-mix(in srgb,var(--color-warning, #ffaa00) 12%,transparent)}.budget-action-btn--small{padding:4px 8px;font-size:12px}.approval-employee-list{list-style:none;padding:0;margin:0}.approval-employee-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-border);gap:20px}.approval-employee-info{display:flex;align-items:baseline;gap:15px;flex-wrap:wrap}.approval-employee-name{color:var(--color-text);font-weight:600;font-size:15px}.approval-employee-position,.approval-employee-department{color:var(--color-text-muted, #6b7280);font-size:13px}.approval-employee-department{font-style:italic}.approval-employee-separator{color:var(--color-text-muted, #9ca3af);margin:0 5px}.budget-approval-route{display:flex;flex-direction:column;gap:20px;margin-top:20px}.budget-approval-route__row{display:flex;gap:20px;flex-wrap:wrap}.budget-approval-route__panel{flex:1 1 320px;border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);padding:15px;background:var(--color-surface)}.budget-approval-route__panel-title{color:var(--color-primary);margin:0 0 12px;font-size:15px;font-weight:600}.budget-approval-route__empty{color:var(--color-text-muted, #6b7280)}.budget-approval-route__buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.budget-modal-root .mt-10{margin-top:10px}.budget-modal-root .center{text-align:center}.budget-modal-root .loading{color:var(--color-text-muted, #6b7280);text-align:center;padding:20px}.budget-modal-root .comment-box{max-width:500px;margin:0 auto}.budget-modal-root .comment-actions{display:flex;justify-content:center;gap:20px;margin-top:15px}.budget-modal-root .action-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.budget-modal-root .action-row--top{margin-top:30px}.budget-modal-root .action-row--info{display:flex;justify-content:center;gap:20px;margin-top:30px;flex-wrap:wrap}.budget-modal-root .center-info{text-align:center;color:var(--color-text-muted, #6b7280);margin-top:20px}.budget-modal-root .add-row-wrap{margin-top:10px}.budget-modal-root .tooltip-wrapper{position:relative;display:inline-block}.budget-modal-root .custom-tooltip{visibility:hidden;width:220px;background-color:var(--color-surface);color:var(--color-text);text-align:center;border:1px solid var(--color-border);border-radius:6px;padding:8px 10px;position:absolute;z-index:1000;bottom:125%;left:50%;margin-left:-110px;opacity:0;transition:opacity .2s;font-size:13px;box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .1));pointer-events:none}.budget-modal-root .custom-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--color-border) transparent transparent transparent}.budget-modal-root .tooltip-wrapper:hover .custom-tooltip{visibility:visible;opacity:1}.help-tip{position:relative;display:inline-flex}.help-tip__btn{width:22px;height:22px;border-radius:50%;border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);cursor:pointer;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-family:inherit;line-height:1;transition:background .15s,color .15s;flex-shrink:0}.help-tip__btn:hover{background:var(--color-primary);color:#fff}.help-tip__panel{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-width:90vw;background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-md, 8px);box-shadow:0 12px 28px #00000073;padding:16px 18px;z-index:10000;color:var(--color-text);font-size:13px;line-height:1.55;text-align:left}.help-tip__title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--color-divider)}.help-tip__body p{margin:0 0 10px}.help-tip__body p:last-child{margin-bottom:0}.help-tip__body ul,.help-tip__body ol{margin:0 0 10px;padding-left:20px}.help-tip__body li{margin-bottom:4px}.help-tip__body strong{color:var(--color-text);font-weight:600}.help-tip__body code{background:var(--color-surface-2);padding:1px 6px;border-radius:4px;font-size:12px}.tp-container{position:relative;width:100%}.tp-input-wrapper{position:relative;display:flex;align-items:center}.tp-input{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem 2rem .5rem .75rem;color:var(--color-text);font-size:.875rem;cursor:pointer;outline:none;font-family:inherit;box-sizing:border-box}.tp-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.tp-clear{position:absolute;right:8px;background:transparent;border:none;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;padding:4px;outline:none}.tp-clear:hover{color:var(--color-primary)}.tp-popup{position:absolute;top:100%;left:0;margin-top:5px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.625rem;z-index:1000;box-shadow:0 20px 30px #0000004d;width:320px;max-width:calc(100vw - 20px);box-sizing:border-box}.tp-columns{display:flex;gap:.625rem}.tp-column{flex:1;display:flex;flex-direction:column}.tp-column-header{color:var(--color-primary);font-size:.8125rem;text-align:center;margin-bottom:6px;border-bottom:1px solid var(--color-border);padding-bottom:4px}.tp-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;scroll-behavior:smooth;scroll-snap-type:y mandatory}.tp-item{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:.5rem 0;color:var(--color-text);font-size:.875rem;cursor:pointer;text-align:center;transition:.2s;scroll-snap-align:start;font-family:inherit}.tp-item:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.tp-item.tp-selected{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.tp-list::-webkit-scrollbar{width:4px}.tp-list::-webkit-scrollbar-track{background:transparent}.tp-list::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:2px}.task-list-controls{margin-bottom:1.25rem}.task-list-controls .search-box{display:flex;gap:.625rem;margin-bottom:.9375rem}.task-list-controls .filters{display:flex;flex-wrap:wrap;gap:.625rem}.task-list-controls .modal-input{flex:1;min-width:150px}.task-groups{flex:1;overflow-y:auto;padding-right:.625rem}.task-group{margin-bottom:1.5rem}.group-header{color:var(--color-primary, #4f46e5);font-size:1.125rem;margin:0 0 .9375rem;padding-bottom:.3125rem;border-bottom:1px solid var(--color-border, #d5dae3)}.task-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9375rem}.task-card{display:flex;flex-direction:column;position:relative;background-color:var(--color-surface, #ffffff);border:1px solid var(--color-border, #d5dae3);border-radius:var(--radius-md, 10px);padding:.9375rem;cursor:pointer;transition:all .2s ease}.task-card:hover{border-color:var(--color-primary, #4f46e5);background-color:var(--color-bg-subtle, rgba(79, 70, 229, .04));transform:translateY(-2px);box-shadow:0 4px 12px #4f46e51a}.task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.task-id{color:var(--color-text-secondary, #6b7280);font-size:.75rem}.task-status{padding:2px 10px;border-radius:20px;font-size:.6875rem;color:#fff}.task-card-title{color:var(--color-text, #1a1f2a);font-size:1rem;margin:0 0 .5rem;font-weight:600}.task-card-desc{color:var(--color-text-secondary, #6b7280);font-size:.8125rem;margin:0 0 .75rem;line-height:1.4}.task-card-meta{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--color-text-secondary, #6b7280);font-size:.75rem}.loading-message,.empty-message{text-align:center;padding:2.5rem;color:var(--color-text-secondary, #6b7280);font-size:1rem}.task-card-footer{margin-top:.75rem;display:flex;justify-content:center}.task-card-edit-btn{background:transparent;border:1px solid var(--color-primary, #4f46e5);border-radius:var(--radius-md, 6px);padding:4px 16px;color:var(--color-primary, #4f46e5);font-size:.8125rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.task-card-edit-btn:hover{background-color:var(--color-primary, #4f46e5);color:#fff;box-shadow:0 0 12px #4f46e566}.tab-pane{display:flex;flex-direction:column;gap:1.125rem;padding:.625rem 0;width:100%;max-width:100%;box-sizing:border-box}.defense-modal{max-width:1000px;width:95%;padding:1.25rem;background:var(--color-surface, #fff);border:1px solid var(--color-border, #d5dae3);border-radius:var(--radius-lg, 16px)}.defense-header{display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;position:relative}.defense-help-btn{position:absolute;right:0;width:32px;height:32px;border-radius:50%;border:2px solid var(--color-primary, #4f46e5);background:transparent;color:var(--color-primary, #4f46e5);font-size:1.25rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.defense-help-btn:hover{background:#4f46e526;box-shadow:0 0 10px #4f46e566}.defense-body{display:flex;gap:1.25rem;flex-wrap:wrap}.defense-panel{flex:1 1 45%;min-width:300px;border:1px solid var(--color-border, #d5dae3);border-radius:var(--radius-lg, 12px);padding:.9375rem;background:var(--color-bg-subtle, rgba(0, 0, 0, .02))}.defense-panel-title{color:var(--color-primary, #4f46e5);margin:0 0 .9375rem;font-size:1rem;text-align:center;border-bottom:1px solid var(--color-border, #d5dae3);padding-bottom:.5rem}.defense-section{margin-bottom:.9375rem}.defense-label{color:var(--color-text-secondary, #6b7280);font-size:.8125rem;margin-bottom:.3125rem;display:block}.defense-select-row{display:flex;gap:.625rem;align-items:center}.defense-list{list-style:none;padding:0;margin:0}.defense-list-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;margin-bottom:.375rem;background:var(--color-bg-subtle, rgba(0, 0, 0, .03));border-radius:var(--radius-sm, 6px);color:var(--color-text, #1a1f2a);font-size:.875rem}.defense-empty{color:var(--color-text-secondary, #6b7280);font-style:italic;padding:.5rem}.checkbox-platform{display:inline-block;width:20px;height:20px;background:var(--color-surface, #fff);border:2px solid var(--color-border, #d5dae3);border-radius:var(--radius-sm, 4px);cursor:pointer;position:relative;transition:.2s}.checkbox-platform.checked{background:var(--color-primary, #4f46e5);border-color:var(--color-primary, #4f46e5)}.checkbox-platform.checked:after{content:"✓";color:#fff;font-size:.875rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-platform:hover{border-color:var(--color-primary, #4f46e5);box-shadow:0 0 8px #4f46e566}.defense-select-status{background:var(--color-surface, #fff);border:1px solid var(--color-border, #d5dae3);border-radius:var(--radius-md, 8px);color:var(--color-text, #1a1f2a);padding:.625rem .9375rem;font-size:.875rem;font-weight:500;outline:none;cursor:pointer;transition:all .2s ease;appearance:none;padding-right:35px}.defense-select-status:hover,.defense-select-status:focus{border-color:var(--color-primary, #4f46e5);box-shadow:0 0 8px #4f46e54d}.gantt-modal-root{display:flex;flex-direction:column;position:relative}.gantt-modal-root .gantt-help-row{display:flex;justify-content:flex-end;margin-bottom:10px}.gantt-toolbar{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.gantt-loading{color:var(--color-text-muted, #6b7280);text-align:center;padding:20px}.gantt-table-wrap{overflow-x:auto}.gantt-row{cursor:pointer;transition:background-color .15s}.gantt-row:hover{background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}.gantt-row--selected{background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)!important}.gantt-row--disabled{opacity:.5}.gantt-stage-header{background:var(--color-surface-2, var(--color-bg));cursor:pointer}.gantt-stage-header td{font-weight:700;padding:8px;color:var(--color-warning, #d97706)}.gantt-task-cell{cursor:pointer}.gantt-task-cell--disabled{cursor:not-allowed}.gantt-task-input{background:var(--color-surface);color:var(--color-text);border:none;width:100%}.gantt-cell-empty{border:1px solid var(--color-border);height:24px}.gantt-progress-cell{padding:0;height:24px;border:1px solid var(--color-border);position:relative}.gantt-progress-track{position:absolute;inset:0;margin:2px;background:color-mix(in srgb,var(--color-text) 5%,transparent);border-radius:6px;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}.gantt-progress-track--overdue{background:color-mix(in srgb,var(--color-danger) 15%,transparent)}.gantt-progress-bar{height:100%;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:700;transition:width .2s ease;padding:0 4px}.gantt-progress-bar__text{white-space:normal;word-break:break-word;text-align:center}.gantt-progress-empty-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text-muted, #6b7280);font-size:10px;white-space:normal;word-break:break-word;text-align:center;width:100%;padding:0 4px}.gantt-submodal-content{max-width:400px;width:90%}.gantt-submodal-content--tasks{max-width:500px}.gantt-submodal-title{color:var(--color-primary);margin-bottom:15px;text-align:center}.gantt-submodal-actions{display:flex;justify-content:center;gap:15px;margin-top:20px}.gantt-task-list{max-height:300px;overflow-y:auto}.gantt-task-list__empty{color:var(--color-text-muted, #6b7280);text-align:center}.gantt-task-item{display:flex;align-items:center;gap:10px;padding:6px 0;color:var(--color-text);cursor:pointer}.gantt-task-item--disabled{color:var(--color-text-muted, #6b7280);cursor:not-allowed}.gantt-task-item__attached-hint{margin-left:8px;font-size:12px;color:var(--color-warning, #d97706);font-style:italic}.chat-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.chat-modal{width:90vw;max-width:1200px;height:80vh;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;overflow:hidden;box-shadow:0 20px 30px #0000004d;color:var(--color-text)}.chat-left-panel{width:280px;background:var(--color-bg-subtle);border-right:1px solid var(--color-border);display:flex;flex-direction:column}.chat-center-panel{flex:1;display:flex;flex-direction:column;background:var(--color-surface)}.chat-right-panel{width:260px;background:var(--color-bg-subtle);border-left:1px solid var(--color-border);padding:.9375rem;overflow-y:auto}.chat-tabs{display:flex;padding:.625rem;gap:5px;border-bottom:1px solid var(--color-border)}.chat-tab{flex:1;padding:.5rem;background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:.2s;font-weight:500;font-family:inherit}.chat-tab.active,.chat-tab:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.chat-search{padding:.625rem}.chat-search-input{width:100%;padding:.5rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;outline:none;transition:.2s;box-sizing:border-box}.chat-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.contacts-list,.chats-list{flex:1;overflow-y:auto;padding:.625rem}.contact-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;border-radius:var(--radius-md);margin-bottom:.5rem;background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text);transition:.2s}.contact-item:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.chat-room-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem .9375rem;border-radius:var(--radius-md);margin-bottom:6px;background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:all .2s ease;position:relative}.chat-room-item:hover,.chat-room-item.active{background:var(--color-primary-soft);border-color:var(--color-primary)}.room-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:70px}.unread-badge{position:absolute;right:38px;top:50%;transform:translateY(-50%);background-color:#ef4444;color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:700;min-width:20px;text-align:center;z-index:5}.room-storage{margin-left:.5rem;opacity:.7}.chat-with-btn{background:var(--color-primary-soft);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:4px 12px;color:var(--color-primary);font-size:.75rem;cursor:pointer;transition:.2s;font-family:inherit}.chat-with-btn:hover{background:var(--color-primary-soft-hover);color:var(--color-primary)}.create-chat-btn{width:100%;margin-bottom:.9375rem;padding:.5rem;background:transparent;border:1px dashed var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:.2s;font-family:inherit}.create-chat-btn:hover{background:var(--color-primary-soft);border-style:solid}.chat-header{padding:.9375rem 1.25rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-subtle)}.chat-title{color:var(--color-text);font-size:1.125rem;font-weight:600}.info-btn{background:var(--color-primary-soft);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:.375rem .875rem;color:var(--color-primary);cursor:pointer;transition:.2s;font-size:.8125rem;font-family:inherit}.info-btn:hover{background:var(--color-primary-soft-hover)}.messages-container{flex:1;padding:.9375rem 1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:.625rem;background:var(--color-surface)}.message{max-width:70%;padding:.625rem .875rem;border-radius:12px;background:var(--color-bg-subtle);align-self:flex-start;border:1px solid var(--color-border)}.message.own{align-self:flex-end;background:var(--color-primary-soft);border-color:var(--color-primary)}.message-sender{font-size:.75rem;color:var(--color-primary);margin-bottom:4px}.message-content{word-break:break-word;color:var(--color-text)}.message-time{font-size:.625rem;color:var(--color-text-secondary);text-align:right;margin-top:4px;display:flex;align-items:center;justify-content:flex-end;gap:4px}.message-check{font-size:.75rem;letter-spacing:-1px;display:inline-block}.message-check.sent{color:var(--color-text-secondary)}.message-check.read{color:var(--color-primary)}.message-input-form{display:flex;padding:.9375rem 1.25rem;border-top:1px solid var(--color-border);background:var(--color-bg-subtle)}.message-input-wrapper{position:relative;display:flex;align-items:center;flex:1}.message-input{flex:1;padding:.625rem 40px .625rem .875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;outline:none;box-sizing:border-box}.message-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.emoji-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-text-secondary);font-size:1.25rem;cursor:pointer;padding:4px;transition:color .2s}.emoji-btn:hover{color:var(--color-primary)}.emoji-picker-container{position:absolute;bottom:50px;right:0;z-index:1000}.attach-btn{background:var(--color-primary-soft);border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);padding:.5rem .75rem;cursor:pointer;margin-left:6px;transition:.2s;display:flex;align-items:center;justify-content:center}.attach-btn:hover:not(:disabled){background:var(--color-primary-soft-hover)}.attach-btn:disabled{opacity:.5;cursor:not-allowed}.message-file-link{background:var(--color-primary-soft);border:1px solid var(--color-primary);color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-md);font-size:.875rem;text-decoration:none;transition:.2s;font-family:inherit}.message-file-link svg{stroke:var(--color-primary);transition:stroke .2s}.message-file-link:hover{background:var(--color-primary-soft-hover)}.message-file-link:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-surface);border:1px solid var(--color-primary);color:var(--color-primary);padding:6px 12px;border-radius:var(--radius-sm);font-size:.8125rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:50;pointer-events:none;box-shadow:0 6px 16px #0000004d}.message-file-link:hover:after{opacity:1;visibility:visible}.send-btn{margin-left:.625rem;padding:.625rem 1.25rem;background:var(--color-primary);border:none;color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:.2s;font-weight:600;font-family:inherit}.send-btn:hover{background:var(--color-primary-hover)}.no-chat-selected{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary);font-size:1rem}.participants-list{list-style:none;padding:0;margin:.625rem 0}.participants-list li{padding:.5rem 0;border-bottom:1px solid var(--color-border);color:var(--color-text)}.add-participant-btn,.remove-participant-btn{width:100%;margin-top:.625rem;padding:.5rem;background:var(--color-primary-soft);border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:.2s;font-size:.8125rem;font-family:inherit}.add-participant-btn:hover{background:var(--color-primary-soft-hover)}.remove-participant-btn{border-color:#ef4444;color:#ef4444;background:#ef44441a}.remove-participant-btn:hover{background:#ef444433}.close-room-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-text-secondary);font-size:1.25rem;cursor:pointer;padding:4px;transition:all .2s ease}.close-room-btn:hover{color:var(--color-primary)}.create-room-modal{max-width:500px;width:90%}.create-room-modal h3{color:var(--color-text);text-align:center;margin-bottom:1.25rem}.create-room-modal .modal-input{width:100%;padding:.625rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);margin-bottom:.9375rem;transition:border-color .2s,box-shadow .2s;outline:none;box-sizing:border-box;font-family:inherit}.create-room-modal .modal-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.create-room-modal .participants-select h4{color:var(--color-primary);margin-bottom:.625rem}.create-room-modal .contacts-checkbox-list{max-height:200px;overflow-y:auto;margin-bottom:1.25rem;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.625rem}.checkbox-label{display:flex;align-items:center;gap:.625rem;padding:.5rem .25rem;color:var(--color-text);cursor:pointer;transition:background .2s;border-radius:var(--radius-sm)}.checkbox-label:hover{background:var(--color-primary-soft)}.checkbox-label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;width:18px;height:18px;border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:transparent;cursor:pointer;position:relative;outline:none;flex-shrink:0;transition:all .2s}.checkbox-label input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-label input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:.875rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1}.create-room-modal .modal-buttons{display:flex;justify-content:center;gap:.9375rem;margin-top:1.25rem}.chat-modal-overlay .modal-btn{padding:.625rem 1.5rem;border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:all .2s ease;border:1px solid var(--color-border);background:transparent;color:var(--color-text);font-family:inherit}.chat-modal-overlay .modal-btn.submit{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.chat-modal-overlay .modal-btn.submit:hover{background:var(--color-primary-soft-hover)}.chat-modal-overlay .modal-btn.cancel{border-color:var(--color-border);color:var(--color-text)}.chat-modal-overlay .modal-btn.cancel:hover{border-color:var(--color-primary);color:var(--color-primary)}.EmojiPickerReact{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important}.EmojiPickerReact .epr-category-header,.EmojiPickerReact .epr-preview,.EmojiPickerReact .epr-emoji-category-label,.EmojiPickerReact .epr-category-nav .epr-category-nav-label{display:none!important}.EmojiPickerReact .epr-category-nav{background:var(--color-bg-subtle)!important;border-bottom:1px solid var(--color-border)!important;padding:4px 0!important}.EmojiPickerReact .epr-category-nav button.epr-active{border-bottom:2px solid var(--color-primary)!important}.EmojiPickerReact .epr-search-container input{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;color:var(--color-text)!important;border-radius:var(--radius-sm)!important}.EmojiPickerReact .epr-search-container input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-soft)!important}.EmojiPickerReact .epr-emoji-list{background:var(--color-surface)!important}.EmojiPickerReact .epr-emoji-list::-webkit-scrollbar{width:4px}.EmojiPickerReact .epr-emoji-list::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}.EmojiPickerReact .epr-emoji-category-content{padding:0 8px!important}.EmojiPickerReact .epr-skin-tones{display:none!important}.typing-indicator{padding:4px 12px;color:var(--color-primary);font-size:.8125rem;font-style:italic;background:var(--color-primary-soft);border-top:1px solid var(--color-border);display:flex;align-items:center;gap:6px}.typing-indicator:before{content:"";display:inline-block;width:6px;height:6px;background:var(--color-primary);border-radius:50%;animation:typingBubble .8s infinite alternate}@keyframes typingBubble{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.mini-view-btn{background:var(--color-primary-soft);border:1px solid var(--color-primary);color:var(--color-primary);padding:2px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;transition:.2s;margin-left:.5rem;font-family:inherit}.mini-view-btn:hover{background:var(--color-primary-soft-hover)}.subscription-cabinet{display:flex;flex-direction:column;gap:var(--space-xl);padding:0 var(--space-2xl) 90px;max-width:1100px;margin:0 auto;color:var(--color-text);font-family:var(--font-family-base)}.subscription-header{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-xs)}.current-subscription-block,.active-subscriptions-block,.plans-block,.checkout-block,.payments-block,.plan-composition-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.current-subscription-block h3,.active-subscriptions-block h3,.plans-block h3,.checkout-block h3,.payments-block h3,.plan-composition-block h3{margin-top:0;margin-bottom:var(--space-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-sm)}.active-subscriptions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.active-subscriptions-header h3{margin:0;padding-bottom:0;border-bottom:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.open-employee-list-btn{background:var(--color-primary-soft);border:1px solid var(--color-primary);color:var(--color-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base);white-space:nowrap;font-family:inherit}.open-employee-list-btn:hover{background:var(--color-primary-soft-hover);border-color:var(--color-primary-hover);color:var(--color-primary-hover)}.subscriptions-list{display:flex;flex-direction:column;gap:var(--space-lg)}.subscription-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-base)}.subscription-card:hover{border-color:var(--color-border-strong)}.subscription-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.subscription-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.subscription-type-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em}.subscription-type-badge.main{background:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-primary)}.subscription-type-badge.custom{background:var(--color-warning-soft);color:var(--color-warning);border:1px solid var(--color-warning)}.subscription-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.metric-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-md);text-align:center;transition:all var(--transition-base)}.metric-item:hover{border-color:var(--color-border-strong)}.metric-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-xs);font-weight:var(--font-weight-medium)}.metric-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.subscription-progress{margin-bottom:var(--space-md)}.progress-bar{height:6px;background:var(--color-surface-3);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-xs)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-full);transition:width var(--transition-smooth)}.progress-text{font-size:var(--font-size-base);color:var(--color-text-secondary)}.free-seats{color:var(--color-primary);font-weight:var(--font-weight-medium)}.assign-section,.add-seats-section{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin:var(--space-sm) 0;padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md)}.assign-section select,.add-seats-section input{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-base);outline:none;min-width:180px;font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.assign-section select:focus,.add-seats-section input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.assign-section button,.add-seats-section button{background:var(--color-primary-soft);border:1px solid var(--color-primary);color:var(--color-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base);font-family:inherit}.assign-section button:hover,.add-seats-section button:hover{background:var(--color-primary-soft-hover);color:var(--color-primary-hover)}.add-seats-controls{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.add-seats-price{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:var(--space-xs)}.add-seats-price strong{color:var(--color-primary)}.add-seats-total{margin-left:var(--space-sm);color:var(--color-text)}.confirm-modal-overlay,.employee-list-modal-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center}.confirm-modal-overlay,.employee-list-modal-overlay{z-index:var(--z-modal)}.confirm-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:400px;width:90%;box-shadow:var(--shadow-xl)}.confirm-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-md)}.confirm-modal-text{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:var(--line-height-base)}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.confirm-modal-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base);border:1px solid transparent;font-family:inherit}.confirm-modal-btn.cancel{background:transparent;border-color:var(--color-border-strong);color:var(--color-text-secondary)}.confirm-modal-btn.cancel:hover{background:var(--color-surface-2);color:var(--color-text)}.confirm-modal-btn.confirm{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-danger)}.confirm-modal-btn.confirm:hover{background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.employee-list-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:90vw;width:90vw;max-height:90vh;height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.employee-list-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.employee-list-modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.close-modal-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);width:30px;height:30px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-md);transition:all var(--transition-fast);font-family:inherit}.close-modal-btn:hover{background:var(--color-surface-2);color:var(--color-text)}.employee-list-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.cabinet-view-toggle{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}.employee-list-department-select{margin-bottom:0}.employee-list-department-select select{width:auto;min-width:250px;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-md);outline:none;cursor:pointer;font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.employee-list-department-select select:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.employee-list-search{margin-bottom:var(--space-md)}.employee-list-search input{width:100%;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-md);outline:none;font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.employee-list-search input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.employee-list-search input::placeholder{color:var(--color-text-muted)}.employee-list-table-scroll{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:auto;max-height:55vh}.employee-subscriptions-table{width:100%;border-collapse:collapse;background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-base)}.employee-subscriptions-table th{background:var(--color-surface-2);color:var(--color-text-secondary);padding:var(--space-sm);border-bottom:1px solid var(--color-border);text-align:left;position:sticky;top:0;z-index:2;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast);font-weight:var(--font-weight-semibold)}.th-sortable{cursor:pointer}.employee-subscriptions-table th:hover{background:var(--color-surface-3);color:var(--color-text)}.employee-subscriptions-table td{padding:var(--space-sm);border-bottom:1px solid var(--color-divider);vertical-align:middle}.employee-subscriptions-table tbody tr{transition:background var(--transition-fast)}.employee-subscriptions-table tbody tr:hover{background:var(--color-primary-soft)}.td-empty{text-align:center;color:var(--color-text-muted)}.department-group-header td{background:var(--color-surface-2);color:var(--color-primary);font-weight:var(--font-weight-semibold);padding:var(--space-sm)}.td-subs-list{display:flex;flex-direction:column;gap:var(--space-xs)}.td-sub-row{display:flex;align-items:center;gap:var(--space-sm)}.td-sub-name{color:var(--color-text);font-weight:var(--font-weight-medium)}.td-sub-period{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.td-no-subs{color:var(--color-text-muted);font-style:italic}.custom-badge{font-size:var(--font-size-sm);background:var(--color-warning-soft);color:var(--color-warning);border:1px solid var(--color-warning);border-radius:var(--radius-full);padding:1px 8px}.remove-sub-btn{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius-xs);padding:2px 6px;cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-family:inherit}.remove-sub-btn:hover{background:var(--color-danger-soft)}.assign-cell{display:flex;align-items:center;gap:var(--space-xs)}.assign-cell select{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);padding:5px 8px;border-radius:var(--radius-xs);font-size:var(--font-size-sm);outline:none;min-width:150px;cursor:pointer;font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.assign-cell select:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.assign-cell button{background:var(--color-primary-soft);border:1px solid var(--color-primary);color:var(--color-primary);padding:5px 10px;border-radius:var(--radius-xs);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast);white-space:nowrap;font-weight:var(--font-weight-medium);font-family:inherit}.assign-cell button:hover:not(:disabled){background:var(--color-primary-soft-hover);color:var(--color-primary-hover)}.assign-cell button:disabled{opacity:.5;cursor:not-allowed}.sort-arrow{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-left:3px}.sort-arrow.active{color:var(--color-primary);font-weight:var(--font-weight-bold)}.composition-module{margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.composition-module-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0 0 var(--space-sm) 0;padding-bottom:var(--space-xs);border-bottom:1px dashed var(--color-border)}.composition-section{margin-bottom:var(--space-sm);padding-left:var(--space-sm)}.composition-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--space-xs) 0;text-transform:uppercase;letter-spacing:.04em}.composition-functions{list-style:none;margin:0;padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.composition-functions li{font-size:var(--font-size-base);color:var(--color-text);padding:var(--space-xs) 0 var(--space-xs) 22px;position:relative;border-bottom:1px solid var(--color-divider);transition:all var(--transition-fast)}.composition-functions li:last-child{border-bottom:none}.composition-functions li:before{content:"▸";color:var(--color-primary);position:absolute;left:4px;font-size:var(--font-size-base);opacity:.8}.composition-functions li:hover{background:var(--color-primary-soft);border-radius:var(--radius-xs);color:var(--color-text)}.no-features{text-align:center;color:var(--color-text-secondary);padding:var(--space-md)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg)}.plan-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);cursor:pointer;background:var(--color-surface-2);transition:all var(--transition-base)}.plan-card:hover{border-color:var(--color-primary);background:var(--color-primary-soft);transform:translateY(-2px)}.plan-card.selected{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:var(--shadow-md)}.plan-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-xs)}.plan-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-md);min-height:40px}.plan-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.checkout-row{margin-bottom:var(--space-lg)}.checkout-row>label{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text);letter-spacing:.01em}.checkout-row>label:before{content:"";display:inline-block;width:4px;height:18px;background:linear-gradient(180deg,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-xs)}.checkout-row select,.checkout-row input[type=number]{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-md);min-width:120px;outline:none;font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.checkout-row select:focus,.checkout-row input[type=number]:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.employee-picker{display:flex;flex-direction:column;gap:var(--space-md)}.employee-picker-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.employee-select{flex:1;min-width:220px;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-md);outline:none;cursor:pointer;font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.employee-select:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.add-employee-btn{background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-on-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);white-space:nowrap;box-shadow:var(--shadow-sm);transition:all var(--transition-base);font-family:inherit}.add-employee-btn:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.add-employee-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.selected-employees-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-xs)}.selected-employee-card{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.selected-employee-card:hover{background:var(--color-surface-3);border-color:var(--color-border-strong)}.selected-employee-info{display:flex;flex-direction:column;gap:var(--space-xs)}.selected-employee-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.selected-employee-details{display:flex;flex-wrap:wrap;gap:var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.selected-employee-details span{white-space:nowrap}.remove-employee-btn{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger);width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-md);transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;font-family:inherit}.remove-employee-btn:hover{background:var(--color-danger-soft)}.feature-selection-groups{display:flex;flex-direction:column;gap:var(--space-md)}.module-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);flex-wrap:wrap}.module-header .composition-module-title{margin:0;padding-bottom:0;border-bottom:none}.module-checkbox{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--space-xs) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-fast)}.module-checkbox:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.module-checkbox-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.module-checkbox input[type=checkbox],.feature-select-item input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;background:var(--color-surface-2);border:2px solid var(--color-border-strong);border-radius:var(--radius-xs);cursor:pointer;position:relative;transition:all var(--transition-fast);flex-shrink:0}.module-checkbox input[type=checkbox]:checked,.feature-select-item input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.module-checkbox input[type=checkbox]:checked:after,.feature-select-item input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:10px;border:solid var(--color-on-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}.feature-select-list{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.feature-select-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-xs) 0;border-bottom:1px solid var(--color-divider);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast)}.feature-select-item:last-child{border-bottom:none}.feature-select-item:hover{background:var(--color-primary-soft);border-radius:var(--radius-xs)}.feature-select-item.disabled{opacity:.5;cursor:not-allowed;background:transparent}.feature-select-item.disabled:hover{background:transparent}.feature-select-item .feature-label{flex:1;color:var(--color-text)}.feature-select-item .feature-price{color:var(--color-primary);font-weight:var(--font-weight-medium);margin-right:var(--space-sm)}.feature-select-item input[type=checkbox]{margin-right:var(--space-sm)}.feature-select-item input[type=checkbox]:disabled{cursor:not-allowed}.total-cost{font-size:var(--font-size-lg);margin:var(--space-lg) 0;padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-text)}.total-cost strong{color:var(--color-primary)}.cost-hint{font-size:var(--font-size-md);color:var(--color-warning);font-style:italic}.checkout-btn{background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-on-primary);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:.01em;transition:all var(--transition-base);font-family:inherit}.checkout-btn:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.checkout-btn:disabled{background:var(--color-surface-2);color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed;box-shadow:none;transform:none}.payments-table{width:100%;border-collapse:collapse;display:block;max-height:300px;overflow-y:auto}.payments-table thead,.payments-table tbody{display:table;width:100%;table-layout:fixed}.payments-table th,.payments-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-divider);font-size:var(--font-size-base);color:var(--color-text)}.payments-table th{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);background:var(--color-surface-2)}.ap-loading,.ap-error,.ap-empty{text-align:center;padding:var(--space-lg);font-size:var(--font-size-md);color:var(--color-text-secondary)}.ap-error{color:var(--color-danger)}.empty-department-selection{text-align:center;color:var(--color-text-secondary);padding:var(--space-2xl);font-size:var(--font-size-md)}.no-subscription{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-md);margin:var(--space-sm) 0}.widget-header{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-divider);position:relative}.widget-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;letter-spacing:-.01em;text-align:center}.widget-title-icon{color:var(--color-primary);flex-shrink:0;display:flex;align-items:center;justify-content:center}.welcome-widget{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-xl)}.welcome-main{flex:1 1 280px;min-width:0}.welcome-greeting{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-xs);letter-spacing:-.02em;line-height:1.15}.welcome-date{font-size:var(--font-size-md);color:var(--color-text-secondary)}.welcome-ids{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.welcome-id-chip{display:inline-flex;align-items:center;gap:6px;padding:5px var(--space-md) 5px var(--space-sm);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);line-height:1.4;transition:all var(--transition-base)}.welcome-id-chip:hover{border-color:var(--color-primary);background:var(--color-primary-soft);transform:translateY(-1px)}.welcome-id-chip-icon{color:var(--color-primary);flex-shrink:0}.welcome-id-chip-label{color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.welcome-id-chip-value{color:var(--color-text);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;border-left:1px solid var(--color-divider);margin-left:2px;padding-left:var(--space-sm)}.welcome-info{display:flex;flex-direction:column;gap:var(--space-sm);min-width:240px;padding-left:var(--space-lg);border-left:1px solid var(--color-divider)}.welcome-info-row{display:flex;align-items:baseline;gap:var(--space-md);font-size:var(--font-size-base)}.welcome-info-label{color:var(--color-text-muted);min-width:100px;flex-shrink:0;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.04em}.welcome-info-value{color:var(--color-text);font-weight:var(--font-weight-medium)}.metrics-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.metric-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);font-family:inherit;color:var(--color-text);white-space:nowrap}.metric-chip:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-xs)}.metric-chip-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.metric-chip-value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1}.metric-chip-value--text{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.metric-chip-label{font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.metric-chip-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.functions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.function-card{--card-accent: var(--color-primary);--card-accent-soft: var(--color-primary-soft);position:relative;display:flex;align-items:center;justify-content:center;padding:var(--space-md);min-height:88px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);font-family:inherit;color:var(--color-text);text-align:center;box-sizing:border-box;box-shadow:var(--shadow-xs);overflow:hidden}.function-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--card-accent);opacity:.85;transition:all var(--transition-base)}.function-card:hover{border-color:var(--card-accent);background:var(--color-surface);transform:translateY(-2px);box-shadow:var(--shadow-md)}.function-card:hover:before{width:5px;opacity:1}.function-card:active{transform:translateY(0)}.function-card-icon-wrap{display:inline-flex;align-items:center;justify-content:center;color:var(--card-accent);background:var(--card-accent-soft);border-radius:var(--radius-md);flex-shrink:0}.function-card-label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1.3;color:var(--color-text);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.functions-grid-widget[data-icon-layout=top] .function-card{flex-direction:column;gap:var(--space-sm)}.functions-grid-widget[data-icon-layout=top] .function-card-icon-wrap{width:36px;height:36px}.functions-grid-widget[data-icon-layout=left] .function-card{flex-direction:row;gap:var(--space-sm);justify-content:flex-start;padding-left:calc(var(--space-md) + 4px)}.functions-grid-widget[data-icon-layout=left] .function-card-icon-wrap{width:32px;height:32px}.functions-grid-widget[data-icon-layout=left] .function-card-label{text-align:left}.function-card--primary{--card-accent: var(--color-primary);--card-accent-soft: var(--color-primary-soft)}.function-card--violet{--card-accent: #8b5cf6;--card-accent-soft: rgba(139, 92, 246, .13)}.function-card--emerald{--card-accent: #10b981;--card-accent-soft: rgba(16, 185, 129, .13)}.function-card--amber{--card-accent: #f59e0b;--card-accent-soft: rgba(245, 158, 11, .13)}.function-card--blue{--card-accent: #3b82f6;--card-accent-soft: rgba(59, 130, 246, .13)}.function-card--cyan{--card-accent: #06b6d4;--card-accent-soft: rgba(6, 182, 212, .13)}.function-card--rose{--card-accent: #e11d48;--card-accent-soft: rgba(225, 29, 72, .13)}.function-card--orange{--card-accent: #f97316;--card-accent-soft: rgba(249, 115, 22, .13)}.function-card--purple{--card-accent: #a855f7;--card-accent-soft: rgba(168, 85, 247, .13)}.function-card--slate{--card-accent: #64748b;--card-accent-soft: rgba(100, 116, 139, .13)}.function-card--dev{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text-muted);box-shadow:none;opacity:.75}.function-card--dev:before{background:var(--color-border)}.function-card--dev .function-card-icon-wrap{color:var(--color-text-muted);background:var(--color-surface-3)}.function-card--dev .function-card-label{color:var(--color-text-muted)}.function-card--dev:hover{background:var(--color-surface-3);border-color:var(--color-border);transform:none;box-shadow:none;opacity:.85}.function-card--dev:hover:before{width:3px;opacity:1}.function-card-badge{position:absolute;top:8px;right:8px;font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;background:var(--color-warning-soft, rgba(245, 158, 11, .15));color:var(--color-warning, #f59e0b);border-radius:var(--radius-sm);line-height:1.2}.function-card-lock{position:absolute;top:8px;right:10px;font-size:var(--font-size-sm);opacity:.7}.function-card-dot{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:50%;background:var(--color-warning, #f59e0b);box-shadow:0 0 0 3px #f59e0b40}.manager-widget-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.manager-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);font-family:inherit;color:var(--color-text);text-align:left;min-width:0}.manager-card:hover{background:var(--color-primary-soft);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.manager-card-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary)}.manager-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.manager-card-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1.1}.manager-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.3}.manager-widget-list{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-divider);display:flex;flex-direction:column;gap:var(--space-sm)}.manager-list-title{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-xs)}.manager-list-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);font-size:var(--font-size-base)}.manager-list-name{color:var(--color-text);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.manager-list-info{color:var(--color-text-muted);font-size:var(--font-size-sm);flex-shrink:0}.manager-list-more{font-size:var(--font-size-sm);color:var(--color-text-muted);padding-top:var(--space-xs)}.owner-widget-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.owner-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);font-family:inherit;color:var(--color-text);text-align:left;min-width:0}.owner-card:hover{background:var(--color-primary-soft);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.owner-card-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary)}.owner-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.owner-card-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1.1}.owner-card-value--text{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owner-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.3}.owner-card-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.2;margin-top:2px}.owner-card-hint--warning{color:var(--color-warning, #f59e0b);font-weight:var(--font-weight-medium)}.dashboard-block--collapsible{padding:0;overflow:hidden}.collapsible-header{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-lg) var(--space-xl);background:transparent;border:none;cursor:pointer;font-family:inherit;color:var(--color-text);text-align:left;transition:background var(--transition-base);border-radius:var(--radius-xl);box-sizing:border-box}.collapsible-header:hover{background:var(--color-surface-2)}.collapsible-header-icon{color:var(--color-primary);flex-shrink:0}.collapsible-header-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);flex-shrink:0;letter-spacing:-.01em}.collapsible-header-summary{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:var(--space-sm);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsible-header-chevron{color:var(--color-text-muted);flex-shrink:0;margin-left:auto;transition:color var(--transition-base)}.collapsible-header:hover .collapsible-header-chevron{color:var(--color-primary)}.collapsible-body{padding:var(--space-lg) var(--space-xl) var(--space-xl);border-top:1px solid var(--color-divider)}@media(max-width:1200px){.functions-grid{grid-template-columns:repeat(3,1fr)}.owner-widget-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.functions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.manager-widget-grid{grid-template-columns:1fr}.collapsible-header{padding:var(--space-md) var(--space-lg);gap:var(--space-xs)}.collapsible-header-summary{display:none}.collapsible-body{padding:var(--space-md) var(--space-lg) var(--space-lg)}}@media(max-width:600px){.owner-widget-grid{grid-template-columns:1fr}}@media(max-width:480px){.functions-grid{grid-template-columns:1fr}.metrics-chips{flex-direction:column;align-items:stretch}.metric-chip{justify-content:flex-start}}.dashboard{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-2xl) var(--space-page-x) var(--space-3xl);width:100%;max-width:var(--content-max-width);margin:0 auto;box-sizing:border-box;overflow-y:auto;flex:1;min-height:0}.dashboard-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-xl) var(--space-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base);min-width:0}.dashboard-block:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}@media(max-width:768px){.dashboard{padding:var(--space-lg) var(--space-md) var(--space-2xl);gap:var(--space-lg)}}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.form-grid .full-width{grid-column:1 / -1}.profile-avatar-circle{width:120px;height:120px;border-radius:50%;border:2px solid var(--color-primary);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-bg-subtle);flex-shrink:0}.profile-avatar-circle img{width:100%;height:100%;object-fit:cover}.profile-avatar-letter{font-size:3rem;color:var(--color-primary);font-weight:600}.timesheet-help-row{display:flex;justify-content:flex-end;margin-bottom:12px}.timesheet-metrics-container{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;flex-shrink:0}.metric-card{flex:1 1 160px;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.75rem 1rem;text-align:center;transition:border-color .2s,box-shadow .2s}.metric-card:hover{border-color:var(--color-primary)}.metric-value{display:block;font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:4px;line-height:1.2}.metric-label{display:block;font-size:.8125rem;color:var(--color-text-secondary);letter-spacing:.3px}.timesheet-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);overflow:hidden;font-size:.8125rem;background:var(--color-surface)}.timesheet-table th,.timesheet-table td{border:1px solid var(--color-border);padding:6px 4px;text-align:center;color:var(--color-text);background-color:transparent;transition:background-color .15s}.timesheet-table thead th{background:var(--color-bg-subtle);color:var(--color-primary);font-weight:600;position:sticky;top:0;z-index:3}.timesheet-table tbody tr:hover td{background-color:var(--color-primary-soft)}.timesheet-table td:first-child,.timesheet-table th:first-child{border-left:none}.timesheet-table td:last-child,.timesheet-table th:last-child{border-right:none}.timesheet-table .day-cell{position:relative;width:42px;min-width:42px;padding:2px}.timesheet-table .day-cell.weekend{background-color:var(--color-bg-subtle)}.timesheet-table .day-cell.holiday{background-color:#ef44441a}.timesheet-table .day-cell.current-day{background-color:var(--color-primary-soft)}.timesheet-table .current-day-border{position:absolute;inset:0;border:2px solid var(--color-primary);pointer-events:none;z-index:2;border-radius:2px}.timesheet-table select{width:45px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px;font-size:.75rem;cursor:pointer;outline:none;font-family:inherit}.timesheet-table select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.timesheet-table .hours-value{font-size:.75rem;color:var(--color-text);white-space:nowrap}.timesheet-table .edit-input{width:45px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:2px;font-size:.75rem;font-family:inherit}.timesheet-table .adjust-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);width:20px;height:20px;font-size:.875rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;font-family:inherit}.timesheet-table .adjust-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.timesheet-controls{display:flex;gap:.625rem;margin-bottom:1.25rem;flex-wrap:wrap;align-items:center;flex-shrink:0}.timesheet-scroll{flex:1;overflow:auto;min-height:0;border-radius:var(--radius-md)}.leave-employee-info{display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.625rem .9375rem;margin-bottom:1.25rem}.leave-employee-name{color:var(--color-primary);font-weight:700;font-size:1rem}.leave-employee-id{color:var(--color-text-secondary);font-size:.875rem}.requests-list{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:.9375rem;margin-top:1.25rem}.requests-list h3{text-align:center;color:var(--color-primary);font-size:1.375rem;margin-bottom:1.25rem;font-weight:600}.no-requests-message{color:var(--color-text);text-align:center;margin-top:2.5rem;font-size:1.125rem;opacity:.7}.requests-list table{width:100%;border-collapse:collapse}.requests-list th{text-align:left;color:var(--color-primary);padding:.5rem;border-bottom:1px solid var(--color-border-strong);font-weight:600}.requests-list td{padding:.5rem;color:var(--color-text);border-bottom:1px solid var(--color-border)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9375rem;margin-bottom:1.875rem}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem .9375rem;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:.625rem}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4f46e526}.stat-header{display:flex;align-items:center;justify-content:space-between;gap:.625rem}.stat-label{color:var(--color-primary);font-size:.875rem;font-weight:500;flex:1}.stat-value{font-size:2rem;font-weight:700;color:var(--color-text);text-align:center}.tooltip-container{position:relative;display:inline-block;cursor:help}.tooltip-icon{display:inline-block;width:20px;height:20px;background:var(--color-primary);color:#fff;border-radius:50%;font-size:.875rem;font-weight:700;text-align:center;line-height:20px;transition:.2s}.tooltip-icon:hover{background:var(--color-primary-hover);transform:scale(1.1)}.tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:150%;left:50%;transform:translate(-50%);background:var(--color-surface);color:var(--color-text);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.8125rem;max-width:250px;white-space:normal;word-wrap:break-word;border:1px solid var(--color-border-strong);box-shadow:0 4px 10px #0000004d;transition:opacity .2s,visibility .2s;z-index:100;pointer-events:none}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--color-border-strong) transparent transparent transparent}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.form-row{display:flex;gap:.9375rem}@media(max-width:600px){.stats-grid{grid-template-columns:1fr}.form-row{flex-direction:column}}.lv-calendar{margin-top:.625rem}.lv-calendar-header{display:flex;justify-content:center;align-items:center;gap:.9375rem;margin-bottom:.9375rem}.lv-select,.lv-year-input{width:auto;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.lv-year-input{width:80px}.lv-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;color:var(--color-text-secondary);font-size:.8125rem;margin-bottom:.3125rem}.lv-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.lv-calendar-day{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:5px;height:80px;overflow:hidden;cursor:pointer;transition:border-color .2s;display:flex;flex-direction:column;box-sizing:border-box}.lv-calendar-day:hover{border-color:var(--color-primary)}.lv-calendar-day.lv-other-month{opacity:.4;pointer-events:none}.lv-calendar-day.lv-today{border-color:var(--color-primary);box-shadow:0 0 6px #4f46e54d}.lv-day-number{font-size:.8125rem;color:var(--color-text);margin-bottom:4px;font-weight:700;flex-shrink:0}.lv-day-events{display:flex;flex-direction:column;gap:3px;overflow:hidden;flex:1;min-height:0}.lv-event-indicator{font-size:.6875rem;padding:2px 4px;border-radius:3px;color:#000;display:flex;align-items:center;white-space:nowrap;overflow:hidden;flex-shrink:0}.lv-event-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.lv-legend{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.9375rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.lv-legend span{display:flex;align-items:center;gap:4px;color:var(--color-text-secondary);font-size:.75rem}.lv-legend-dot{width:12px;height:12px;border-radius:2px;display:inline-block}.lv-day-event-list{max-height:300px;overflow-y:auto;margin-bottom:.625rem}.lv-day-event-item{display:flex;align-items:center;padding:.625rem .75rem;margin-bottom:.5rem;background:var(--color-bg-subtle);border-left:4px solid;border-radius:var(--radius-sm)}.lv-day-event-title{flex:1;color:var(--color-text)}.assign-leave-modal-root{display:flex;flex-direction:column;position:relative;min-height:60vh}.assign-leave-modal-root .al-help-row{display:flex;justify-content:flex-end;margin-bottom:12px}.assign-leave-modal-root .form-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--color-divider)}.assign-leave-modal-root .tab-btn{padding:8px 16px;background:transparent;border:1px solid var(--color-border-strong, var(--color-border));border-radius:var(--radius-full, 20px);color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:.2s;white-space:nowrap;font-family:inherit}.assign-leave-modal-root .tab-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.assign-leave-modal-root .tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.assign-leave-modal-root .form-group{margin-bottom:.9375rem}.assign-leave-modal-root .form-group label{display:block;color:var(--color-text-secondary);margin-bottom:6px;font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.assign-leave-modal-root .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.assign-leave-modal-root .form-row .form-group{margin-bottom:.9375rem}.assign-leave-modal-root .modal-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-divider)}.assign-leave-modal-root .modal-btn{padding:10px 24px;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:500;cursor:pointer;transition:.2s;border:1px solid transparent;font-family:inherit}.assign-leave-modal-root .modal-btn.submit{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.assign-leave-modal-root .modal-btn.submit:hover:not(:disabled){background:var(--color-primary-hover, var(--color-primary))}.assign-leave-modal-root .modal-btn.cancel{background:transparent;border-color:var(--color-border-strong, var(--color-border));color:var(--color-text)}.assign-leave-modal-root .modal-btn.cancel:hover{border-color:var(--color-primary);color:var(--color-primary)}.al-body{flex:1;overflow-y:auto;min-height:0;padding-right:5px}.pending-list table{width:100%;border-collapse:collapse}.pending-list th{text-align:left;color:var(--color-primary);padding:8px;border-bottom:1px solid var(--color-primary);font-weight:600}.pending-list td{padding:8px;color:var(--color-text);border-bottom:1px solid var(--color-border)}.pending-list .actions-cell{display:flex;gap:5px}.pending-list .empty-text{color:var(--color-text-muted, #6b7280);text-align:center;padding:20px}.action-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:13px;transition:background .2s,border-color .2s;font-family:inherit}.action-btn--approve{border-color:var(--color-success, #16a34a);color:var(--color-success, #16a34a)}.action-btn--approve:hover{background:color-mix(in srgb,var(--color-success, #16a34a) 15%,transparent)}.action-btn--reject{border-color:var(--color-danger, #dc2626);color:var(--color-danger, #dc2626)}.action-btn--reject:hover{background:color-mix(in srgb,var(--color-danger, #dc2626) 15%,transparent)}.action-btn--delete{border-color:var(--color-border);color:var(--color-text-muted, #6b7280)}.action-btn--delete:hover{background:color-mix(in srgb,var(--color-text-muted, #6b7280) 12%,transparent)}.action-btn--primary{border-color:var(--color-primary);color:var(--color-primary)}.action-btn--primary:hover{background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.action-btn--warning{border-color:var(--color-warning, #ca8a04);color:var(--color-warning, #ca8a04)}.action-btn--warning:hover{background:color-mix(in srgb,var(--color-warning, #ca8a04) 12%,transparent)}.plan-tab__title{color:var(--color-primary);margin-bottom:20px;text-align:center}.plan-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.metric-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:12px 14px;text-align:center}.metric-label{font-size:12px;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.metric-value{font-size:20px;font-weight:600;color:var(--color-text);overflow-wrap:break-word}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}.status-badge--pending-hr{background:color-mix(in srgb,var(--color-warning, #ca8a04) 15%,transparent);color:var(--color-warning, #ca8a04);border:1px solid var(--color-warning, #ca8a04)}.status-badge--pending-manager{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary);border:1px solid var(--color-primary)}.status-badge--approved{background:color-mix(in srgb,var(--color-success, #16a34a) 15%,transparent);color:var(--color-success, #16a34a);border:1px solid var(--color-success, #16a34a)}.status-badge--rejected{background:color-mix(in srgb,var(--color-danger, #dc2626) 15%,transparent);color:var(--color-danger, #dc2626);border:1px solid var(--color-danger, #dc2626)}.status-badge--revision{background:color-mix(in srgb,#ffa500 15%,transparent);color:orange;border:1px solid #ffa500}.status-badge--draft{background:color-mix(in srgb,var(--color-text-muted, #6b7280) 10%,transparent);color:var(--color-text-muted, #6b7280);border:1px solid var(--color-border)}.plan-status-not-submitted{color:var(--color-text-muted, #6b7280);font-style:italic}.plan-send-btn-wrapper{display:flex;justify-content:center;margin:20px 0 10px}.send-approval-root{display:flex;flex-direction:column}.send-approval-metrics{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.send-approval-metric{flex:1 1 45%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:12px;text-align:center}.send-approval-metric__label{font-size:12px;color:var(--color-text-muted, #6b7280);text-transform:uppercase}.send-approval-metric__value{font-size:24px;font-weight:600;color:var(--color-text)}.send-approval-subtitle{font-size:16px;color:var(--color-primary);font-weight:500;margin-bottom:10px}.send-approval-search{width:100%;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:14px;margin-bottom:15px;box-sizing:border-box}.send-approval-search:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.send-approval-list{max-height:300px;overflow-y:auto;margin-bottom:20px}.approval-emp-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;background:transparent;transition:border-color .2s,background .2s;margin-bottom:6px;-webkit-user-select:none;user-select:none}.approval-emp-row:hover{border-color:var(--color-primary)}.approval-emp-row--selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,transparent)}.approval-emp-row__id{width:50px;color:var(--color-text-muted, #6b7280);font-size:13px}.approval-emp-row__info{flex:1}.approval-emp-row__name{color:var(--color-text);font-weight:500}.approval-emp-row__position{color:var(--color-text-muted, #6b7280);font-size:13px}.approval-emp-row__check{color:var(--color-primary)}.send-approval-actions{display:flex;justify-content:center;gap:12px}.send-approval-actions .modal-btn.submit{min-width:180px}.assign-leave-modal-root .empty-text{color:var(--color-text-muted, #6b7280);text-align:center}.register-training-modal-root{display:flex;flex-direction:column;position:relative;min-height:60vh}.register-training-modal-root .rt-help-row{display:flex;justify-content:flex-end;margin-bottom:12px}.rt-layout{display:flex;gap:var(--space-lg);flex:1;min-height:0}@media(max-width:900px){.rt-layout{flex-direction:column}}.rt-search-panel{width:280px;flex-shrink:0;padding:var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column}@media(max-width:900px){.rt-search-panel{width:100%}}.rt-search-field{margin-bottom:var(--space-md)}.rt-search-field label{color:var(--color-text-secondary);font-size:12px;display:block;margin-bottom:6px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.rt-select-employee-btn{width:100%;padding:var(--space-sm);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--transition-base),border-color var(--transition-base);font-family:inherit}.rt-select-employee-btn:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary)}.rt-select-employee-btn:disabled{opacity:.5;cursor:not-allowed}.rt-search-btn{width:100%;padding:var(--space-sm);background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base);margin-top:var(--space-xs);font-family:inherit}.rt-search-btn:hover:not(:disabled){background:var(--color-primary-soft)}.rt-search-btn:disabled{opacity:.5;cursor:not-allowed}.rt-tabs-container{flex:1;display:flex;flex-direction:column;min-width:0}.rt-tabs-nav{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.rt-tab-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base);font-family:inherit}.rt-tab-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.rt-tab-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);font-weight:var(--font-weight-semibold)}.rt-tab-content{flex:1}.rt-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media(max-width:700px){.rt-form-grid{grid-template-columns:1fr}}.rt-form-field{display:flex;flex-direction:column}.rt-form-field label{color:var(--color-text-secondary);font-size:12px;margin-bottom:6px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.rt-form-field textarea{resize:vertical;min-height:80px}.rt-checkbox-field label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--color-text);text-transform:none;font-size:var(--font-size-md);letter-spacing:normal}.rt-placeholder{color:var(--color-text-secondary);font-style:italic}.rt-participants-title{text-align:center;color:var(--color-primary);margin:var(--space-md) 0 var(--space-lg);font-size:var(--font-size-lg)}.rt-participants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-sm)}.rt-trainee-selection-area{margin-bottom:var(--space-lg)}.rt-select-heading{color:var(--color-primary);margin-bottom:var(--space-md);font-size:var(--font-size-lg)}.rt-employee-select-list{display:flex;flex-direction:column;gap:var(--space-sm);padding-right:5px}.rt-employee-select-row{display:flex;flex-direction:column;gap:2px;padding:var(--space-md) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base)}.rt-employee-select-row:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.rt-employee-select-name{color:var(--color-text);font-weight:var(--font-weight-medium);font-size:var(--font-size-md)}.rt-employee-select-meta{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.rt-cancel-selection-btn{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;transition:border-color var(--transition-base),color var(--transition-base)}.rt-cancel-selection-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.rt-employee-select-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base);-webkit-user-select:none;user-select:none}.rt-employee-select-item:hover,.rt-employee-select-item.selected{background:var(--color-primary-soft);border-color:var(--color-primary)}.rt-employee-select-info{display:flex;flex-direction:column;gap:2px}.rt-participant-select-heading{color:var(--color-primary);margin-bottom:var(--space-md);margin-top:var(--space-lg);font-size:var(--font-size-md)}.rt-participant-add-actions{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md)}.rt-add-selected-btn{padding:var(--space-md) var(--space-lg);background:var(--color-primary-soft);border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base);font-size:var(--font-size-md);font-family:inherit}.rt-add-selected-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.rt-add-selected-btn:disabled{opacity:.5;cursor:not-allowed}.rt-selected-count{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.rt-search-result-body{display:flex;flex-direction:column;gap:var(--space-md)}.rt-search-result-actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-md)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.form-field{display:flex;flex-direction:column;margin-bottom:.625rem}.form-field.full-width{grid-column:1 / -1}.form-field label{color:var(--color-text);margin-bottom:.25rem;font-size:.9375rem}.field-hint{color:var(--color-text-muted, rgba(255,255,255,.4));font-size:.75rem;margin-top:.25rem;font-style:italic}select.modal-input option{background:var(--color-surface);color:var(--color-text)}.file-input{background:var(--color-surface-2);border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);padding:.5rem;color:var(--color-text)}.file-input::-webkit-file-upload-button{background:var(--color-primary);border:none;border-radius:var(--radius-sm);padding:.25rem .5rem;color:#fff;cursor:pointer;margin-right:.625rem}.checkbox-group{display:flex;flex-direction:column;gap:.625rem}.checkbox-label{display:flex;align-items:center;gap:.625rem;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:10px;padding:.625rem .75rem;cursor:pointer;transition:.2s}.checkbox-label:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1px solid var(--color-primary);border-radius:4px;background:transparent;cursor:pointer;position:relative;flex-shrink:0;outline:none;transition:background .2s,box-shadow .2s}.checkbox-label input[type=checkbox]:checked{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary-soft-hover)}.checkbox-label input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:15px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-label>span{color:var(--color-text-link);font-size:.9375rem;font-weight:500}.doc-link{background:transparent;border:none;padding:0;margin:0;font-weight:500;color:var(--color-text-link);text-decoration:none;cursor:pointer;font-size:.9375rem;line-height:1.4;transition:color .2s}.doc-link:hover{color:var(--color-primary-hover)}.error-message{color:#ff6b6b;text-align:center;margin:.9375rem 0;font-size:.875rem}.modal-buttons{display:flex;justify-content:space-between;gap:.9375rem;margin-top:1.5625rem}.modal-buttons .modal-btn{flex:1}.permissions-tree{max-height:500px;overflow-y:auto;padding:.625rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-subtle)}.module-group{margin-bottom:1.25rem}.module-header{font-size:1.125rem;font-weight:700;color:var(--color-primary);margin-bottom:.625rem;text-transform:uppercase}.section-group{margin-left:1.25rem;margin-bottom:.9375rem}.section-header{font-size:1rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.5rem}.functions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem 1.25rem;margin-left:.9375rem}.function-item{display:flex;align-items:center;gap:.5rem;color:var(--color-text);font-size:.875rem;cursor:pointer}.function-item input{accent-color:var(--color-primary);width:18px;height:18px;cursor:pointer}.password-field-outer{position:relative;width:100%}.password-field-outer .password-input-with-toggle{width:100%;box-sizing:border-box;padding:10px 36px 10px 12px}.password-toggle-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;margin:0;line-height:0;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;z-index:3;outline:none;appearance:none;transition:color .2s}.password-toggle-btn:hover{color:var(--color-primary)}.password-toggle-btn svg{display:block;background:transparent}.cd-help-row{display:flex;justify-content:flex-end;margin-bottom:12px}.cd-section-title{color:var(--color-text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--color-divider)}.cd-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--color-text);font-size:14px;line-height:1.4}.cd-checkbox-label>span{color:var(--color-text)}.cd-manager-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.delete-btn{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius-sm);padding:4px 10px;cursor:pointer;font-size:var(--font-size-md);line-height:1;transition:background var(--transition-base),color var(--transition-base)}.delete-btn:hover{background:var(--color-danger-soft)}.confirm-modal{max-width:400px!important;text-align:center}.confirm-message{color:#fff;font-size:16px;margin:20px 0;line-height:1.5}.dept-section-title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);text-align:center;margin:0 0 1.25rem;padding:0 0 .75rem;border-bottom:1px solid var(--color-divider)}.dept-info-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem}.dept-info-label{color:var(--color-text-muted);font-size:.8125rem;text-transform:uppercase;letter-spacing:.03em;margin-right:6px}.dept-info-block-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);text-align:center;margin:0 0 1rem;padding-bottom:.625rem;border-bottom:1px solid var(--color-divider)}.departments-list-modal-root{display:flex;flex-direction:column}.departments-list-modal-root .dept-help-row{display:flex;justify-content:flex-end;margin-bottom:12px}.dept-loading,.dept-empty{text-align:center;color:var(--color-text-muted, #6b7280);padding:30px}.dept-error{color:var(--color-danger, #dc2626);text-align:center}.dept-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.dept-tab{background:transparent;border:1px solid var(--color-border);border-radius:8px;padding:8px 16px;color:var(--color-text);cursor:pointer;font-size:14px;transition:background .2s,color .2s,border-color .2s;font-family:inherit}.dept-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.dept-tab--active{background:color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary);color:var(--color-primary);font-weight:700}.dept-card{border:1px solid var(--color-border);border-radius:12px;padding:20px;background:var(--color-surface)}.dept-card__title{color:var(--color-primary);margin-bottom:15px;text-align:center;font-size:18px}.dept-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(max-width:700px){.dept-fields-grid{grid-template-columns:1fr}}.dept-field-label{color:var(--color-text-secondary);font-size:12px;margin-bottom:6px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.dept-field-value{color:var(--color-text);font-size:14px;padding:8px 12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;margin-bottom:12px;min-height:20px}.dept-input,.dept-select{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;padding:8px 12px;color:var(--color-text);width:100%;box-sizing:border-box;font-size:14px;margin-bottom:12px;font-family:inherit}.dept-input:focus,.dept-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.dept-checkbox-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.dept-checkbox-row span{color:var(--color-text)}.dept-actions{margin-top:20px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.dept-btn{background:transparent;border:1px solid var(--color-primary);border-radius:4px;padding:6px 14px;color:var(--color-primary);cursor:pointer;font-size:13px;transition:background .2s,color .2s;font-family:inherit}.dept-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.dept-btn:disabled{opacity:.6;cursor:not-allowed}.dept-btn--danger{border-color:var(--color-danger, #dc2626);color:var(--color-danger, #dc2626)}.dept-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger, #dc2626) 12%,transparent)}.dept-btn--success{border-color:var(--color-success, #16a34a);color:var(--color-success, #16a34a)}.dept-btn--success:hover:not(:disabled){background:color-mix(in srgb,var(--color-success, #16a34a) 12%,transparent)}.dept-btn--warning{border-color:var(--color-warning, #ca8a04);color:var(--color-warning, #ca8a04)}.dept-btn--warning:hover:not(:disabled){background:color-mix(in srgb,var(--color-warning, #ca8a04) 12%,transparent)}.configure-responsibles-modal-root{display:flex;flex-direction:column}.responsible-list{max-height:400px;overflow-y:auto;margin-bottom:20px}.responsible-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--color-border)}.responsible-row:last-child{border-bottom:none}.responsible-label{color:var(--color-text);font-size:15px;flex:2}.responsible-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);padding:10px 12px;font-size:14px;width:260px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.responsible-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.configure-responsibles-modal-root .loading-text{text-align:center;color:var(--color-text-muted, #6b7280)}.wizard-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2500}.wizard-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;width:750px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d;color:var(--color-text);overflow:hidden}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-subtle)}.wizard-header h2{margin:0;color:var(--color-primary);font-size:1.375rem;font-weight:600;letter-spacing:.5px}.close-btn{background:none;border:none;color:var(--color-text);font-size:1.625rem;cursor:pointer;transition:color .3s}.close-btn:hover{color:var(--color-primary)}.wizard-tabs{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-bg-subtle)}.wizard-tabs .tab-btn{flex:1;padding:.875rem .5rem;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;border-bottom:3px solid transparent;transition:all .3s ease;font-family:inherit}.wizard-tabs .tab-btn:hover{color:var(--color-primary);background:var(--color-primary-soft)}.wizard-tabs .tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-primary-soft)}.wizard-content{padding:1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.25rem}.tab-info p{margin:.75rem 0;font-size:.9375rem;display:flex;align-items:baseline;gap:.5rem}.tab-info strong{color:var(--color-primary);min-width:140px;display:inline-block}.tab-exit h3,.tab-docs h3{margin:0 0 .75rem;color:var(--color-primary);font-weight:600}.exit-controls{display:flex;justify-content:flex-end;gap:.75rem;margin-bottom:1.25rem}.checklist-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.75rem 1rem;margin-bottom:.625rem;transition:all .2s ease}.checklist-item:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.checklist-item label{display:flex;align-items:center;gap:.75rem;cursor:pointer;flex:2;min-width:250px;color:var(--color-text)}.checklist-item input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary)}.checklist-item .assigned-to{color:var(--color-primary);font-size:.8125rem;margin-left:4px;font-weight:500}.notes-input{flex:1;min-width:200px;padding:.5rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.8125rem;transition:border .3s;font-family:inherit}.notes-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.tab-confirm{display:flex;flex-direction:column;gap:1.25rem}.tab-confirm .form-group label{display:block;color:var(--color-primary);margin-bottom:6px;font-weight:500}.tab-confirm textarea{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem;color:var(--color-text);resize:vertical;transition:border .3s;font-family:inherit;box-sizing:border-box}.tab-confirm textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.status-summary{background:var(--color-primary-soft);border:1px solid var(--color-primary);border-radius:var(--radius-lg);padding:1rem}.status-summary p{margin:.5rem 0;font-size:.9375rem}.terminate-btn{background:var(--color-primary);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:10px;font-weight:700;cursor:pointer;width:100%;font-size:1rem;letter-spacing:.5px;transition:all .3s ease;font-family:inherit}.terminate-btn:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 0 20px var(--color-primary-soft-hover)}.terminate-btn:disabled{opacity:.5;cursor:not-allowed}.hint{color:#ff6b6b;font-size:.8125rem;text-align:center}.reminder-btn,.config-btn{background:transparent;border-radius:var(--radius-md);padding:.5rem 1rem;cursor:pointer;font-size:.8125rem;font-weight:500;transition:all .3s ease;font-family:inherit}.reminder-btn{border:1px solid var(--color-primary);color:var(--color-primary)}.reminder-btn:hover:not(:disabled){background:var(--color-primary-soft);box-shadow:0 0 12px var(--color-primary-soft-hover)}.config-btn{border:1px solid var(--color-border-strong);color:var(--color-text-secondary)}.config-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.wizard-content .loading{text-align:center;color:var(--color-primary);padding:2.5rem 0;font-size:1rem}.employees-panel{margin-bottom:1rem}.employees-search{margin-bottom:.75rem}.employees-sort-panel{display:flex;align-items:center;flex-wrap:wrap;gap:.375rem}.employees-table-scroll{max-height:50vh;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.employees-table{width:100%;border-collapse:collapse;background:var(--color-surface);color:var(--color-text);font-size:.8125rem}.employees-table th{background:var(--color-bg-subtle);color:var(--color-primary);padding:.5rem;border-bottom:1px solid var(--color-border);text-align:left;position:sticky;top:0;z-index:2;white-space:nowrap;font-weight:600}.employees-table td{padding:.375rem .5rem;border-bottom:1px solid var(--color-border)}.employees-table tbody tr{transition:background .15s}.employees-table tbody tr:hover{background:var(--color-primary-soft)}.sort-btn{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.25rem .625rem;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;transition:.2s;white-space:nowrap;font-family:inherit}.sort-btn.active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.sort-btn.reset-btn{border-color:#ff4d4d;color:#ff4d4d;margin-left:auto}.sort-btn.reset-btn:hover{background:#ff4d4d1a}.sort-arrow{color:var(--color-text-muted);font-size:.6875rem;margin-left:3px}.terminate-employee-list-root{display:flex;flex-direction:column}.tel-loading{color:var(--color-text-secondary);text-align:center;padding:var(--space-lg)}.tel-error{color:var(--color-danger);text-align:center;padding:var(--space-md) 0}.tel-table{width:100%;border-collapse:collapse;color:var(--color-text);font-size:var(--font-size-md)}.tel-table th{border-bottom:1px solid var(--color-primary);padding:var(--space-sm);text-align:left;color:var(--color-primary);font-weight:var(--font-weight-semibold);white-space:nowrap}.tel-table td{padding:var(--space-sm);border-bottom:1px solid var(--color-border)}.tel-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 4%,transparent)}.tel-actions-cell{text-align:center}.tel-no-rights{color:var(--color-text-muted);font-size:var(--font-size-sm)}.tel-fire-btn{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius-sm);padding:4px 12px;cursor:pointer;font-size:var(--font-size-sm);transition:background var(--transition-base),color var(--transition-base)}.tel-fire-btn:hover{background:var(--color-danger-soft)}.company-card-modal{color:var(--color-text)}.company-card-modal .cc-help-row{display:flex;justify-content:flex-end;margin-bottom:12px}.company-card-modal .company-card-header{padding:1.375rem 1.75rem 0}.company-card-modal .company-card-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0 0 1.125rem;letter-spacing:.5px}.company-card-modal .company-card-body{padding:1.5rem 1.75rem;max-height:60vh;overflow-y:auto}.company-card-modal .requisites-form{display:flex;flex-direction:column;gap:1.25rem}.company-card-modal .form-section{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.125rem 1.25rem}.company-card-modal .section-title{margin:0 0 1rem;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);padding-bottom:.625rem;border-bottom:1px solid var(--color-divider)}.company-card-modal .form-group{display:flex;flex-direction:column;margin-bottom:1rem}.company-card-modal .form-group label{display:block;margin-bottom:.5rem;color:var(--color-text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.company-card-modal .form-row{display:flex;gap:.9375rem;flex-wrap:wrap}.company-card-modal .form-row .form-group{flex:1;min-width:200px}.company-card-modal .okved-select-row{display:flex;flex-wrap:wrap;gap:.625rem;align-items:center;margin-bottom:.875rem}.company-card-modal .modal-select{flex:1;min-width:180px}.company-card-modal .modal-select:disabled{opacity:.5;cursor:not-allowed}.company-card-modal .btn-add{background:var(--color-primary-soft);border:1px solid var(--color-primary);color:var(--color-primary);padding:.625rem 1.25rem;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;white-space:nowrap;transition:background .2s;font-family:inherit}.company-card-modal .btn-add:hover{background:var(--color-primary);color:#fff}.company-card-modal .okved-search-wrapper{position:relative;margin-bottom:.875rem}.company-card-modal .search-results{position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-md);max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 6px 16px #0000004d}.company-card-modal .search-result-item{padding:.5625rem .875rem;cursor:pointer;color:var(--color-text);border-bottom:1px solid var(--color-border);transition:background .15s;font-size:.875rem}.company-card-modal .search-result-item:hover{background:var(--color-primary-soft);color:var(--color-primary)}.company-card-modal .empty-text{color:var(--color-text-muted);font-size:.8125rem;font-style:italic}.company-card-modal .okved-list{display:flex;flex-direction:column;gap:.5rem}.company-card-modal .okved-item{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem .75rem;font-size:.875rem;color:var(--color-text)}.company-card-modal .btn-remove{background:transparent;border:1px solid var(--color-danger, #ef4444);color:var(--color-danger, #ef4444);border-radius:var(--radius-sm);width:26px;height:26px;cursor:pointer;font-size:.8125rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s;font-family:inherit}.company-card-modal .btn-remove:hover{background:#ef444426}.company-card-modal .logo-upload{display:flex;align-items:center;gap:.9375rem;flex-wrap:wrap}.company-card-modal .logo-preview{max-height:60px;max-width:150px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.company-card-modal .file-input-wrapper{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.company-card-modal .file-select-btn{background:var(--color-primary-soft);border:1px solid var(--color-primary);color:var(--color-primary);padding:.5rem 1.125rem;border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:background .2s,color .2s;font-family:inherit}.company-card-modal .file-select-btn:hover{background:var(--color-primary);color:#fff}.company-card-modal .file-name{font-size:.875rem;color:var(--color-text-secondary)}.company-card-modal .file-input-hidden{display:none}.company-card-modal .placeholder-tab{padding:2.5rem 0;text-align:center;color:var(--color-text-secondary);font-size:.9375rem}@media(max-width:600px){.company-card-modal .company-card-body{padding:1.125rem 1rem}.company-card-modal .form-row{flex-direction:column;gap:0}}.assign-position-modal-root{display:flex;flex-direction:column;position:relative}.assign-position-modal-root .ap-help-row{display:flex;justify-content:flex-end;margin-bottom:12px}.employee-table-container{margin-bottom:20px}.table-scroll{max-height:250px;overflow-y:auto;border:1px solid var(--color-border);border-radius:6px}.employee-table{width:100%;border-collapse:collapse;background:var(--color-surface);color:var(--color-text);font-size:13px}.employee-table th{background:var(--color-surface-2, var(--color-bg));color:var(--color-primary);padding:8px;border-bottom:1px solid var(--color-border);text-align:left;position:sticky;top:0;z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;font-weight:600}.employee-table th:hover{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface-2, var(--color-bg)))}.employee-table td{padding:6px 8px;border-bottom:1px solid var(--color-border)}.employee-table tbody tr{cursor:pointer;transition:background .15s}.employee-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.employee-table .selected-row{background:color-mix(in srgb,var(--color-primary) 15%,transparent)!important}.employee-table .empty-row{text-align:center;color:var(--color-text-muted, #6b7280)}.employee-table .actions-col{text-align:center;color:var(--color-primary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.show-list-btn-wrapper{display:flex;justify-content:center;margin:15px 0}.selected-employee-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:15px;margin-bottom:20px;color:var(--color-text)}.selected-employee-card__name{font-size:18px;font-weight:700;color:var(--color-primary);margin-bottom:10px}.selected-employee-card__grid{display:grid;grid-template-columns:auto 1fr;gap:8px 15px;font-size:14px}.selected-employee-card__label{color:var(--color-text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.onboarding-modal-root{display:flex;flex-direction:column;width:100%;text-align:left}.onboarding-modal-root .steps-container{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--color-divider, var(--color-border))}.onboarding-modal-root .step-tab{padding:6px 14px;background:transparent;border:1px solid var(--color-border-strong, var(--color-border));border-radius:var(--radius-full, 20px);color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:.2s;white-space:nowrap;font-family:inherit}.onboarding-modal-root .step-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.onboarding-modal-root .step-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.onboarding-modal-root .step-tab.completed{border-color:var(--color-success, #10b981);color:var(--color-success, #10b981)}.onboarding-modal-root .step-content{min-height:350px;padding-right:4px;width:100%}.onboarding-modal-root .step-content .form-row{display:flex;flex-direction:column;margin-bottom:.9375rem;width:100%;align-items:stretch}.onboarding-modal-root .step-content .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9375rem 1.25rem;margin-bottom:.9375rem;width:100%}.onboarding-modal-root .step-content .form-grid .form-row{margin-bottom:0}@media(max-width:700px){.onboarding-modal-root .step-content .form-grid{grid-template-columns:1fr}}.onboarding-modal-root .step-content label{color:var(--color-text-secondary);margin-bottom:6px;font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;text-align:left}.onboarding-modal-root .step-content input:not([type]),.onboarding-modal-root .step-content input[type=text],.onboarding-modal-root .step-content input[type=email],.onboarding-modal-root .step-content input[type=tel],.onboarding-modal-root .step-content input[type=number],.onboarding-modal-root .step-content input[type=search],.onboarding-modal-root .step-content textarea{width:100%;padding:10px 12px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);color:var(--color-text);font-family:inherit;font-size:.875rem;line-height:1.4;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.onboarding-modal-root .step-content input:not([type])::placeholder,.onboarding-modal-root .step-content input[type=text]::placeholder,.onboarding-modal-root .step-content input[type=email]::placeholder,.onboarding-modal-root .step-content input[type=tel]::placeholder,.onboarding-modal-root .step-content textarea::placeholder{color:var(--color-text-muted);opacity:.7}.onboarding-modal-root .step-content input:not([type]):focus,.onboarding-modal-root .step-content input[type=text]:focus,.onboarding-modal-root .step-content input[type=email]:focus,.onboarding-modal-root .step-content input[type=tel]:focus,.onboarding-modal-root .step-content input[type=number]:focus,.onboarding-modal-root .step-content textarea:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-primary-soft)}.onboarding-modal-root .step-content select{width:100%;padding:10px 32px 10px 12px;background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);color:var(--color-text);font-family:inherit;font-size:.875rem;line-height:1.4;outline:none;box-sizing:border-box;cursor:pointer;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px 14px}.onboarding-modal-root .step-content select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.onboarding-modal-root .onboarding-section-title{color:var(--color-text-secondary);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;text-align:center;margin:1.25rem 0 .9375rem;padding-bottom:.625rem;border-bottom:1px solid var(--color-divider, var(--color-border))}.onboarding-modal-root .onboarding-section-title:first-child{margin-top:0}.onboarding-modal-root .education-block,.onboarding-modal-root .course-block{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.9375rem;margin-bottom:.9375rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.625rem}.onboarding-modal-root .onboarding-add-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px dashed var(--color-primary);border-radius:var(--radius-sm);padding:8px 16px;color:var(--color-primary);cursor:pointer;transition:.2s;font-size:.875rem;font-family:inherit;margin-bottom:.5rem}.onboarding-modal-root .onboarding-add-btn:hover{background:var(--color-primary-soft);border-style:solid}.onboarding-modal-root .project-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:.2s;font-family:inherit}.onboarding-modal-root .project-action-btn:hover{background:var(--color-primary-soft-hover, var(--color-primary-soft));color:var(--color-primary)}.onboarding-modal-root .budget-action-btn{background:transparent;border:1px solid var(--color-danger, #ef4444);color:var(--color-danger, #ef4444);border-radius:var(--radius-sm);padding:2px 8px;cursor:pointer;font-size:.8125rem;font-family:inherit}.onboarding-modal-root .budget-action-btn:hover{background:#ef444426}@media(max-width:700px){.onboarding-modal-root .steps-container{justify-content:center}.onboarding-modal-root .step-tab{font-size:11px;padding:4px 8px}}.permissions-manager-modal .employee-list{display:flex;flex-direction:column;gap:.5rem}.employee-card{display:flex;align-items:center;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem 1rem;cursor:pointer;transition:border-color .2s,background .2s;gap:.9375rem}.employee-card:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.employee-info{flex:1}.employee-name{font-weight:700;color:var(--color-text);font-size:.9375rem}.employee-meta{color:var(--color-text-secondary);font-size:.8125rem;margin-top:3px}.employee-count{color:var(--color-text-secondary);font-size:.875rem;white-space:nowrap}.employee-detail-meta{margin:5px 0 .9375rem;color:var(--color-text-secondary);font-size:.875rem}.permission-detail-list{max-height:400px;overflow-y:auto}.permission-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem .625rem;border-bottom:1px solid var(--color-border)}.perm-info{flex:1}.perm-label{font-weight:700;color:var(--color-text);margin-bottom:2px}.perm-key,.perm-path{font-size:.75rem;color:var(--color-text-muted);word-break:break-all;margin-bottom:4px}.perm-granted{font-size:.75rem;color:var(--color-text-muted)}.revoke-btn{background:transparent;border:1px solid #ff4d4d;color:#ff4d4d;padding:5px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem;white-space:nowrap;margin-left:.9375rem;transition:.2s;font-family:inherit}.revoke-btn:hover{background:#ff4d4d;color:#fff}.department-tasks-modal-root{display:flex;flex-direction:column}.department-tasks-modal-root .list-scroll-area{max-height:65vh;overflow-y:auto;padding-right:4px}.department-tasks-modal-root .task-cards-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.department-tasks-modal-root .loading-text,.department-tasks-modal-root .empty-text{color:var(--color-text-muted, #6b7280);text-align:center}.department-projects-modal-root{display:flex;flex-direction:column}.sort-panel{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.sort-panel__label{color:var(--color-text-muted, #6b7280);margin-right:10px}.sort-btn{background:transparent;border:1px solid var(--color-border);border-radius:6px;padding:5px 12px;color:var(--color-text);font-size:13px;cursor:pointer;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.sort-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.sort-btn.active{background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:var(--color-primary);color:var(--color-primary)}.sort-btn.reset-btn{border-color:var(--color-danger, #dc2626);color:var(--color-danger, #dc2626);margin-left:auto}.sort-btn.reset-btn:hover{background:color-mix(in srgb,var(--color-danger, #dc2626) 10%,transparent)}.sort-arrow{color:var(--color-text-muted, #9ca3af);font-size:12px;margin-left:4px}.sort-arrow.active{color:var(--color-primary);font-weight:700}.department-projects-modal-root .list-scroll-area{max-height:65vh;overflow-y:auto;padding-right:4px}.department-projects-modal-root .loading-text,.department-projects-modal-root .empty-text{color:var(--color-text-muted, #6b7280);text-align:center}.department-kpi-modal-root{display:flex;flex-direction:column;position:relative}.department-kpi-modal-root .kpi-help-row{display:flex;justify-content:flex-end;margin-bottom:12px;width:100%}.department-kpi-modal-root .kpi-list-area{max-height:55vh;overflow-y:auto;overflow-x:auto;padding-right:4px;margin-bottom:4px}.department-kpi-table{width:100%;border-collapse:collapse;color:var(--color-text);font-size:13px}.department-kpi-table th{border-bottom:2px solid var(--color-primary);color:var(--color-primary);padding:8px;text-align:left;font-weight:600;white-space:nowrap}.department-kpi-table td{border-bottom:1px solid var(--color-border);padding:8px}.department-kpi-table tfoot tr{border-top:2px solid var(--color-primary);font-weight:700}.department-kpi-table tfoot td:first-child{text-align:right;color:var(--color-primary)}.delete-kpi-btn{background:transparent;border:1px solid var(--color-danger, #dc2626);color:var(--color-danger, #dc2626);padding:4px 10px;border-radius:6px;cursor:pointer;font-size:12px;transition:background .2s,color .2s;font-family:inherit}.delete-kpi-btn:hover{background:var(--color-danger, #dc2626);color:#fff}.form-select{width:100%;padding:10px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:14px;transition:border-color .2s,box-shadow .2s;font-family:inherit}.form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--color-primary-soft)}.department-kpi-modal-root .kpi-form-panel{border:1px solid var(--color-border);border-radius:12px;padding:16px;background:var(--color-surface-2);margin-top:8px}.department-kpi-modal-root .kpi-form-label,.department-kpi-modal-root .kpi-form-field-label{color:var(--color-text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;margin-bottom:6px;font-weight:500}.department-kpi-modal-root .kpi-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.department-kpi-modal-root .kpi-form-level-row{display:flex;gap:14px;margin-top:10px}.department-kpi-modal-root .kpi-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid var(--color-divider)}.department-kpi-modal-root .kpi-empty,.department-kpi-modal-root .kpi-loading{color:var(--color-text-muted, #6b7280);text-align:center;padding:24px 0;font-size:13px}.department-kpi-modal-root .kpi-actions-cell{text-align:center;white-space:nowrap}.department-kpi-modal-root .kpi-add-row{display:flex;justify-content:flex-start;margin-top:12px}.kpi-add-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--color-primary-soft);border:1px solid var(--color-primary);border-radius:var(--radius-md, 8px);color:var(--color-primary);cursor:pointer;font-size:.875rem;font-weight:500;font-family:inherit;transition:background .2s,color .2s}.kpi-add-btn:hover{background:var(--color-primary);color:#fff}.kpi-save-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md, 8px);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;font-family:inherit;transition:background .2s}.kpi-save-btn:hover:not(:disabled){background:var(--color-primary-hover, var(--color-primary))}.kpi-save-btn:disabled{opacity:.5;cursor:not-allowed}.kpi-cancel-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:transparent;border:1px solid var(--color-border-strong, var(--color-border));border-radius:var(--radius-md, 8px);color:var(--color-text);cursor:pointer;font-size:.875rem;font-weight:500;font-family:inherit;transition:border-color .2s,color .2s}.kpi-cancel-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:900px){.department-kpi-modal-root .kpi-form-grid{grid-template-columns:1fr}}.department-budget-modal-root{display:flex;flex-direction:column;position:relative}.department-budget-modal-root .budget-help-row{display:flex;justify-content:flex-end;margin-bottom:12px}.dept-budget-table{width:100%;border-collapse:collapse;margin-top:10px;background:var(--color-surface);color:var(--color-text);font-size:14px}.dept-budget-table th{background:var(--color-surface-2, var(--color-bg));color:var(--color-primary);padding:10px 8px;border-bottom:2px solid var(--color-primary);text-align:left;font-weight:600}.dept-budget-table td{padding:10px 8px;border-bottom:1px solid var(--color-border);vertical-align:middle}.dept-budget-table td input{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);padding:6px 8px;box-sizing:border-box}.dept-budget-table td input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.remove-btn{background:transparent;border:1px solid var(--color-danger, #dc2626);color:var(--color-danger, #dc2626);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:14px;transition:background .2s;font-family:inherit}.remove-btn:hover{background:color-mix(in srgb,var(--color-danger, #dc2626) 15%,transparent)}.dept-budget-add-panel{border:1px solid var(--color-border);border-radius:8px;padding:15px;margin-bottom:20px;background:var(--color-surface);display:flex;flex-wrap:wrap;gap:15px;align-items:center}.dept-budget-add-panel select,.dept-budget-add-panel input{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:8px 10px;border-radius:4px;font-size:14px;font-family:inherit}.dept-budget-add-panel select{min-width:200px}.dept-budget-add-panel input[type=number]{width:140px}.dept-budget-add-panel .add-buttons{display:flex;gap:10px;margin-left:auto}.dept-budget-approvers{border-top:1px solid var(--color-border);padding-top:15px;margin-top:20px}.dept-budget-approvers h4{color:var(--color-primary);margin:0 0 10px}.dept-budget-approvers .employee-list{max-height:150px;overflow-y:auto;border:1px solid var(--color-border);border-radius:4px;padding:8px;background:var(--color-bg)}.dept-budget-approvers label{display:flex;align-items:center;gap:8px;color:var(--color-text);padding:4px 0;cursor:pointer}.dept-budget-approvers label:hover{color:var(--color-primary)}.dept-budget-approval-status{border-top:1px solid var(--color-border);padding-top:15px;margin-top:20px}.dept-budget-approval-status h4{color:var(--color-primary)}.dept-budget-approval-status ul{list-style:none;padding:0;color:var(--color-text)}.dept-budget-approval-status li{padding:4px 0}.dept-budget-actions{display:flex;justify-content:center;gap:15px;margin-top:25px;flex-wrap:wrap}.dept-budget-actions .budget-action-btn,.dept-budget-actions .dept-budget-save-btn,.dept-budget-actions .dept-budget-submit-btn,.dept-budget-actions .dept-budget-approve-btn,.dept-budget-actions .dept-budget-return-btn,.dept-budget-actions .dept-budget-add-btn{padding:10px 20px;border:1px solid;border-radius:8px;background:transparent;font-size:14px;cursor:pointer;transition:background .2s,color .2s;font-family:inherit}.dept-budget-actions .budget-action-btn:disabled{opacity:.6;cursor:not-allowed}.dept-budget-add-btn,.dept-budget-submit-btn,.dept-budget-approve-btn{border-color:var(--color-success, #2e7d32);color:var(--color-success, #2e7d32)}.dept-budget-add-btn:hover,.dept-budget-submit-btn:hover,.dept-budget-approve-btn:hover{background:color-mix(in srgb,var(--color-success, #2e7d32) 15%,transparent);color:var(--color-success, #4caf50)}.dept-budget-save-btn{border-color:var(--color-primary);color:var(--color-primary)}.dept-budget-save-btn:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.dept-budget-return-btn{border-color:var(--color-warning, #ffaa00);color:var(--color-warning, #ffaa00)}.dept-budget-return-btn:hover{background:color-mix(in srgb,var(--color-warning, #ffaa00) 15%,transparent)}.dept-budget-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:15px;color:var(--color-text);font-size:15px}.dept-budget-info strong{color:var(--color-primary)}.department-budget-modal-root .info-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px;color:var(--color-text);font-size:14px}.department-budget-modal-root .info-row strong{color:var(--color-primary)}.department-budget-modal-root .info-label{color:var(--color-text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.department-budget-modal-root .info-muted{margin-left:6px;color:var(--color-text-muted, #9ca3af)}.department-budget-modal-root .date-row{display:flex;gap:20px;margin-bottom:15px;color:var(--color-text);align-items:center;flex-wrap:wrap}.department-budget-modal-root .date-row__item{display:flex;align-items:center;gap:8px;flex:1;min-width:220px}.department-budget-modal-root .date-row__label{color:var(--color-text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.department-budget-modal-root .months-grid{background:var(--color-bg);padding:10px 15px;border-top:1px solid var(--color-border)}.department-budget-modal-root .months-grid__row{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-bottom:4px}.department-budget-modal-root .months-grid__row--header{margin-bottom:6px;color:var(--color-text-muted, #9ca3af);font-size:12px}.department-budget-modal-root .months-grid__cell{text-align:center;color:var(--color-text)}.department-budget-modal-root .months-grid__caption{font-size:12px;color:var(--color-text-muted, #6b7280);text-align:center}.department-budget-modal-root .months-grid__cell--muted{text-align:center;color:var(--color-text-muted, #9ca3af)}.department-budget-modal-root .center-text{color:var(--color-text);text-align:center}.department-budget-modal-root .empty-text{text-align:center;color:var(--color-text-muted, #6b7280)}.deviation-positive{color:var(--color-success, #2e7d32)}.deviation-negative{color:var(--color-danger, #dc2626)}.status-approved{color:var(--color-success, #16a34a)}.status-rejected{color:var(--color-danger, #dc2626)}.status-pending{color:var(--color-warning, #ca8a04)}.approver-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000}.approver-modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:25px;width:90%;max-width:1000px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, .4))}.approver-modal-content h3{color:var(--color-primary);margin-bottom:20px}.approver-panels{display:flex;gap:20px;flex:1;min-height:0}.approver-left-panel,.approver-right-panel{flex:1;display:flex;flex-direction:column;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:15px;overflow:hidden}.approver-left-panel .approver-filters{margin-bottom:10px}.approver-list{flex:1;overflow-y:auto;padding-right:5px}.approver-list-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-border)}.approver-list-item-info{display:flex;flex-direction:column;gap:2px}.approver-name{color:var(--color-text);font-weight:500}.approver-position,.approver-dept{color:var(--color-text-muted, #6b7280);font-size:12px}.approver-selected-table-wrapper{flex:1;overflow-y:auto}.approver-selected-table{width:100%;border-collapse:collapse;color:var(--color-text)}.approver-selected-table th{background:var(--color-surface-2, var(--color-bg));color:var(--color-primary);padding:8px;font-size:13px;text-align:left}.approver-selected-table td{padding:8px;border-bottom:1px solid var(--color-border);font-size:13px}.approver-modal-content .approver-modal-actions{display:flex;justify-content:center;gap:15px;margin-top:25px}.approver-modal-content .approver-empty{color:var(--color-text-muted, #6b7280);text-align:center}.task-bin-modal-root{display:flex;flex-direction:column}.tbm-info{color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-lg);font-size:var(--font-size-md)}.tbm-toolbar{display:flex;justify-content:flex-end;margin-bottom:var(--space-md)}.tbm-refresh-btn{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-sm);padding:4px 10px;cursor:pointer;font-size:var(--font-size-md);transition:background var(--transition-base)}.tbm-refresh-btn:hover:not(:disabled){background:var(--color-primary-soft)}.tbm-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.tbm-table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.tbm-table{width:100%;border-collapse:collapse;color:var(--color-text);font-size:var(--font-size-md)}.tbm-table th{background:var(--color-bg);color:var(--color-primary);padding:var(--space-md) var(--space-sm);text-align:left;position:sticky;top:0;z-index:1;border-bottom:1px solid var(--color-primary);font-weight:var(--font-weight-semibold);white-space:nowrap}.tbm-table td{padding:var(--space-sm);border-bottom:1px solid var(--color-border)}.tbm-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.tbm-warning{color:var(--color-warning);font-weight:var(--font-weight-bold)}.tbm-action-btn{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:5px 8px;margin:0 3px;cursor:pointer;font-size:var(--font-size-md);transition:background var(--transition-base),border-color var(--transition-base)}.tbm-action-btn.restore:hover{border-color:var(--color-success);background:var(--color-success-soft)}.tbm-action-btn.delete:hover{border-color:var(--color-danger);background:var(--color-danger-soft)}.tbm-action-btn:disabled{opacity:.5;cursor:not-allowed}.tbm-loading,.tbm-empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted);font-size:var(--font-size-lg)}.tbm-error{color:var(--color-danger);text-align:center;padding:var(--space-lg)}.order-detail-container{width:100%;color:var(--color-text)}.order-detail-header{border-bottom:1px solid var(--color-border);padding-bottom:.75rem;margin-bottom:1.25rem;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:.625rem}.order-detail-title{font-size:1.375rem;font-weight:700;color:var(--color-text);margin:0;text-shadow:none}.order-detail-meta{font-size:.875rem;color:var(--color-text-secondary)}.order-detail-row{display:flex;justify-content:space-between;margin-bottom:.9375rem;flex-wrap:wrap;gap:.625rem}.order-detail-label{color:var(--color-primary);font-weight:600;margin-right:.5rem}.order-detail-content{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;white-space:pre-wrap;font-size:.875rem;line-height:1.6;margin-bottom:1.25rem;color:var(--color-text)}.order-detail-signatures{text-align:right;color:var(--color-text-secondary);margin-top:1.25rem}.order-detail-signatures div{margin-bottom:.3125rem}.order-signature-role{color:var(--color-primary);margin-bottom:.3125rem}.order-approvals-list{margin:.625rem 0 0 1.25rem;padding:0;list-style:none;color:var(--color-text-secondary)}.order-approvals-list li{margin-bottom:.375rem}.order-approver-name{color:var(--color-text)}.status-approved{color:#10b981}.status-rejected{color:#ef4444}.status-pending{color:var(--color-text-muted)}.order-approver-comment{font-size:.75rem;color:var(--color-text-secondary);margin-top:2px}.order-approval-actions{margin-top:1.25rem;border-top:1px solid var(--color-border);padding-top:.9375rem}.order-approval-comment{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.625rem;color:var(--color-text);resize:vertical;margin-bottom:.625rem;font-family:inherit;font-size:.875rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.order-approval-comment:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.order-approval-buttons{display:flex;gap:.625rem;justify-content:flex-end;flex-wrap:wrap}.order-approval-btn{padding:.5rem 1.125rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:filter .2s;border:none;font-family:inherit}.order-detail-btn{padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.order-detail-btn-pdf{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.order-detail-btn-pdf:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.order-detail-btn-close{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.order-detail-btn-close:hover{border-color:var(--color-primary);color:var(--color-primary)}.order-detail-row--column{flex-direction:column;align-items:flex-start}.edit-order-modal-root{display:flex;flex-direction:column}.eo-header{text-align:center;border-bottom:2px solid var(--color-border);padding-bottom:var(--space-md);margin-bottom:var(--space-lg)}.eo-company-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-xs)}.eo-sub{font-size:var(--font-size-md);color:var(--color-text-secondary)}.eo-doc-type{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:6px;margin:var(--space-lg) 0 var(--space-sm)}.eo-row{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);align-items:flex-end;flex-wrap:wrap}.eo-field{flex:1 1 180px;display:flex;flex-direction:column}.eo-label{color:var(--color-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-xs);font-weight:var(--font-weight-bold)}.eo-input,.eo-select,.eo-textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--color-text);width:100%;box-sizing:border-box;font-size:var(--font-size-md);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.eo-input:focus,.eo-select:focus,.eo-textarea:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.eo-textarea{min-height:180px;max-height:300px;resize:vertical;font-family:Times New Roman,serif;line-height:1.6}.eo-block{margin-bottom:var(--space-lg)}.eo-approver-row{display:flex;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-sm)}.eo-add-btn{background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md);margin-top:var(--space-xs);transition:background var(--transition-base)}.eo-add-btn:hover{background:var(--color-primary-soft)}.eo-remove-btn{background:transparent;border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger);cursor:pointer;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-lg);transition:background var(--transition-base)}.eo-remove-btn:hover{background:var(--color-danger-soft)}.eo-radio-group{display:flex;gap:var(--space-xl);margin-top:var(--space-xs)}.eo-radio-group label{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer}.eo-radio-label{color:var(--color-text)}.eo-hint{color:var(--color-text-muted);display:block;margin-top:var(--space-xs);font-size:var(--font-size-sm)}.list-modal-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.list-modal-tab{flex:1;padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:500;font-size:.875rem;cursor:pointer;font-family:inherit;transition:all .2s}.list-modal-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.list-modal-tab.active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.list-modal-search{display:flex;gap:.75rem;align-items:center;margin-bottom:1.25rem}.list-modal-search .field-input{flex:1}.list-modal-loading,.list-modal-empty{text-align:center;color:var(--color-text-secondary);padding:2rem 0;margin:0}.list-modal-table-wrap{overflow-x:auto}.list-modal-table{width:100%;border-collapse:collapse;font-size:.875rem;color:var(--color-text)}.list-modal-table thead th{text-align:left;padding:.625rem .75rem;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.list-modal-table tbody td{padding:.75rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.list-modal-table tbody tr:hover{background:var(--color-bg-subtle)}.list-modal-actions-col{width:180px}.list-modal-row-actions{display:flex;gap:.375rem;flex-wrap:wrap}.list-modal-action-btn{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);padding:.25rem .75rem;font-size:.8125rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}.list-modal-action-btn:hover{background:var(--color-primary-soft)}.request-access-modal-root{display:flex;flex-direction:column}.request-access-modal-root .error-message{color:var(--color-danger, #dc2626);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.grant-access-modal-root{display:flex;flex-direction:column}.grant-access-modal-root .selected-folder{margin-bottom:var(--space-lg);color:var(--color-text-secondary);font-size:var(--font-size-md);word-break:break-all}.grant-access-modal-root .selected-folder strong{color:var(--color-primary)}#file-resource-modal-content.modal-content{max-width:98vw;width:1700px;padding:1.25rem}#file-resource-modal-content .modal-title{text-align:center;color:var(--color-text);margin-bottom:.9375rem}.explorer-layout{display:flex;gap:1.25rem;height:600px;margin-bottom:1.25rem}.left-panel{width:280px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface-2);display:flex;flex-direction:column}.right-panel{flex:1;min-width:0;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface-2);display:flex;flex-direction:column}.panel-header{padding:.5rem .75rem;border-bottom:1px solid var(--color-border);color:var(--color-primary);font-weight:700;background:var(--color-bg-subtle);flex-shrink:0}.folder-tree{flex:1;overflow-y:auto;padding:.625rem}.tree-node{-webkit-user-select:none;user-select:none}.tree-node-header{display:flex;align-items:center;padding:6px 8px;border-radius:2px;cursor:pointer;color:var(--color-text);white-space:nowrap}.tree-node-header:hover{background:var(--color-bg-subtle)}.tree-node-header.selected{background:var(--color-primary-soft);color:var(--color-primary)}.folder-icon{margin-right:.5rem}.folder-name{flex:1;overflow:hidden;text-overflow:ellipsis}.lock-icon{margin-left:auto;color:#fa0}.tree-children{margin-left:1.25rem}.file-list-container{flex:1;overflow:auto;padding:.625rem}.file-table{width:100%;border-collapse:collapse;min-width:800px}.file-table th,.file-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--color-divider);color:var(--color-text);white-space:nowrap}.file-table td{max-width:350px;overflow:hidden;text-overflow:ellipsis}.file-table th{background:var(--color-bg-subtle);color:var(--color-primary);position:sticky;top:0;z-index:2}.file-table tr:hover{background:var(--color-bg-subtle)}.file-table .actions-cell{white-space:nowrap}.action-bar{display:flex;gap:.625rem;justify-content:center;padding:.9375rem 0 .3125rem;border-top:1px solid var(--color-border)}.action-btn{background:var(--color-surface);border:1px solid var(--color-primary);color:var(--color-primary);padding:.5rem 1.25rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s;font-family:inherit}.action-btn.small{padding:.25rem .5rem;font-size:.75rem;margin:0 4px}.action-btn:hover{background:var(--color-primary);color:#fff}.upload-label{display:inline-block}.loading,.empty-message{padding:1.25rem;text-align:center;color:var(--color-text-secondary)}.error-message{padding:1.25rem;text-align:center;color:#f66}.modal-buttons{display:flex;justify-content:flex-end;margin-top:.9375rem}.file-table td:first-child{max-width:400px;overflow:hidden;text-overflow:ellipsis}.file-table tr.selected-row{background:var(--color-primary-soft);color:var(--color-primary)}.file-table tr.selected-row td{color:var(--color-primary)}.nav-btn{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);font-size:.875rem;padding:.25rem .625rem;border-radius:4px;cursor:pointer;margin-right:5px;font-family:inherit}.nav-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.nav-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--color-border-strong);color:var(--color-text-muted)}.request-access-modal .modal-content{max-width:450px}.request-access-modal textarea.modal-input{resize:vertical;min-height:80px}.request-access-modal select.modal-input{width:100%}.modal-content.small-modal{max-width:420px;width:90%}.modal-hint{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:1rem;line-height:1.4}.modal-hint strong{color:var(--color-primary);font-weight:600}.small-modal .modal-title{font-size:1.375rem;margin-bottom:.75rem}.small-modal .modal-buttons{margin-top:1.125rem}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;border-top:1px solid var(--color-border);font-size:.8125rem}.pagination-btn{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-primary);padding:.25rem .625rem;border-radius:4px;cursor:pointer;font-size:.875rem;line-height:1;transition:all .15s ease;font-family:inherit}.pagination-btn:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-info{color:var(--color-text-secondary);min-width:200px;text-align:center}.protocol-form-container{width:100%;color:var(--color-text)}.protocol-form-header{text-align:center;border-bottom:2px solid var(--color-primary);padding-bottom:.9375rem;margin-bottom:1.5625rem}.protocol-company-name{font-size:1.125rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.3125rem}.protocol-document-type{font-size:1.75rem;font-weight:700;color:var(--color-text);letter-spacing:6px;margin:1.25rem 0 .625rem}.protocol-requisites-row{display:flex;gap:1.5625rem;margin-bottom:1.5625rem;align-items:flex-end;flex-wrap:wrap}.protocol-field-group{flex:1 1 180px;display:flex;flex-direction:column}.protocol-field-label{color:var(--color-primary);font-size:.8125rem;margin-bottom:.3125rem;font-weight:600}.protocol-field-input,.protocol-field-select,.protocol-field-textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.625rem .875rem;color:var(--color-text);width:100%;box-sizing:border-box;font-size:.875rem;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.protocol-field-input:focus,.protocol-field-select:focus,.protocol-field-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.protocol-field-textarea{min-height:180px;max-height:300px;resize:vertical;font-family:Times New Roman,serif;line-height:1.6}.protocol-row-two{display:flex;gap:1.25rem;margin-bottom:1.25rem;flex-wrap:wrap}.protocol-row-two>div{flex:1 1 240px}.protocol-approver-row{display:flex;gap:.625rem;align-items:center;margin-bottom:.625rem}.protocol-add-btn,.protocol-remove-btn{background:transparent;border-radius:var(--radius-sm);cursor:pointer;padding:.5rem 1rem;font-size:.875rem;margin-top:.3125rem;font-family:inherit;transition:all .2s}.protocol-add-btn{border:1px solid var(--color-primary);color:var(--color-primary)}.protocol-add-btn:hover{background:var(--color-primary);color:#fff}.protocol-remove-btn{border:1px solid #ff4d4d;color:#ff4d4d;padding:.5rem .75rem;font-size:1rem}.protocol-remove-btn:hover{background:#ff4d4d;color:#fff}.protocol-template-name{margin-left:.625rem;color:var(--color-primary);font-size:.875rem}.protocol-radio-row{display:flex;gap:1.5625rem;margin-top:.5rem}.protocol-file-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.protocol-file-name{color:var(--color-text-secondary);font-size:.875rem}.protocol-submit-btn{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:.5rem 1rem;font-weight:500;cursor:pointer;font-size:.875rem;font-family:inherit;transition:all .2s}.protocol-submit-btn:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.protocol-submit-btn:disabled{opacity:.5;cursor:not-allowed}.protocol-submit-btn--success{background:#10b981;border-color:#10b981;color:#fff}.protocol-submit-btn--success:hover:not(:disabled){background:#059669;border-color:#059669}.protocol-cancel-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-md);padding:.5rem 1rem;cursor:pointer;font-size:.875rem;font-family:inherit;transition:all .2s}.protocol-cancel-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.protocol-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.protocol-detail-container{width:100%;color:var(--color-text)}.protocol-detail-header{border-bottom:1px solid var(--color-border);padding-bottom:.75rem;margin-bottom:1.25rem;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:.625rem}.protocol-detail-title{font-size:1.375rem;font-weight:700;color:var(--color-text);margin:0;text-shadow:none}.protocol-detail-meta{font-size:.875rem;color:var(--color-text-secondary)}.protocol-detail-row{display:flex;justify-content:space-between;margin-bottom:.9375rem;flex-wrap:wrap;gap:.625rem}.protocol-detail-label{color:var(--color-primary);font-weight:600;margin-right:.5rem}.protocol-detail-content{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;white-space:pre-wrap;font-size:.875rem;line-height:1.6;margin-bottom:1.25rem;color:var(--color-text)}.protocol-detail-signatures{text-align:right;color:var(--color-text-secondary);margin-top:1.25rem}.protocol-detail-signatures div{margin-bottom:.3125rem}.protocol-signature-role{color:var(--color-primary)}.protocol-detail-btn{padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.protocol-detail-btn-pdf{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.protocol-detail-btn-pdf:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.protocol-detail-btn-close{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.protocol-detail-btn-close:hover{border-color:var(--color-primary);color:var(--color-primary)}.protocols-search-row{display:flex;gap:.625rem;margin-bottom:1.25rem;justify-content:center}.protocols-search-row .modal-input{flex:1;max-width:400px}.protocols-table-wrapper{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.625rem;overflow-x:auto}.protocols-table{width:100%;border-collapse:collapse;color:var(--color-text);font-size:.875rem}.protocols-table thead th{text-align:left;padding:.625rem .75rem;border-bottom:1px solid var(--color-border-strong);color:var(--color-primary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.protocols-table tbody td{padding:.625rem .75rem;border-bottom:1px solid var(--color-border)}.protocols-table tbody tr:hover{background:var(--color-primary-soft)}.protocols-row-actions{display:flex;gap:.375rem;flex-wrap:wrap}.protocols-row-btn{padding:.25rem .75rem;font-size:.75rem;white-space:nowrap}.directive-form-container{width:100%;color:var(--color-text)}.directive-form-header{text-align:center;border-bottom:2px solid var(--color-primary);padding-bottom:.9375rem;margin-bottom:1.5625rem}.directive-company-name{font-size:1.125rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.3125rem}.directive-document-type{font-size:1.75rem;font-weight:700;color:var(--color-text);letter-spacing:6px;margin:1.25rem 0 .625rem}.directive-requisites-row{display:flex;gap:1.5625rem;margin-bottom:1.5625rem;align-items:flex-end;flex-wrap:wrap}.directive-field-group{flex:1 1 180px;display:flex;flex-direction:column}.directive-field-label{color:var(--color-primary);font-size:.8125rem;margin-bottom:.3125rem;font-weight:600}.directive-field-input,.directive-field-select,.directive-field-textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.625rem .875rem;color:var(--color-text);width:100%;box-sizing:border-box;font-size:.875rem;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.directive-field-input:focus,.directive-field-select:focus,.directive-field-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.directive-field-textarea{min-height:180px;max-height:300px;resize:vertical;font-family:Times New Roman,serif;line-height:1.6}.directive-approver-row{display:flex;gap:.625rem;align-items:center;margin-bottom:.625rem}.directive-add-btn,.directive-remove-btn{background:transparent;border-radius:var(--radius-sm);cursor:pointer;padding:.5rem 1rem;font-size:.875rem;margin-top:.3125rem;font-family:inherit;transition:all .2s}.directive-add-btn{border:1px solid var(--color-primary);color:var(--color-primary)}.directive-add-btn:hover{background:var(--color-primary);color:#fff}.directive-remove-btn{border:1px solid #ff4d4d;color:#ff4d4d;padding:.5rem .75rem;font-size:1rem}.directive-remove-btn:hover{background:#ff4d4d;color:#fff}.directive-radio-row{display:flex;gap:1.5625rem;margin-top:.5rem}.directive-file-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.directive-file-name{color:var(--color-text-secondary);font-size:.875rem}.directive-submit-btn{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:.5rem 1rem;font-weight:500;cursor:pointer;font-size:.875rem;font-family:inherit;transition:all .2s}.directive-submit-btn:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.directive-submit-btn:disabled{opacity:.5;cursor:not-allowed}.directive-submit-btn--success{background:#10b981;border-color:#10b981;color:#fff}.directive-submit-btn--success:hover:not(:disabled){background:#059669;border-color:#059669}.directive-cancel-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-md);padding:.5rem 1rem;cursor:pointer;font-size:.875rem;font-family:inherit;transition:all .2s}.directive-cancel-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.directive-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.order-form-container{width:100%;color:var(--color-text)}.order-form-header{text-align:center;border-bottom:2px solid var(--color-primary);padding-bottom:.9375rem;margin-bottom:1.5625rem}.company-name{font-size:1.125rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.3125rem}.document-type{font-size:1.75rem;font-weight:700;color:var(--color-text);letter-spacing:6px;margin:1.25rem 0 .625rem}.requisites-row{display:flex;gap:1.5625rem;margin-bottom:1.5625rem;align-items:flex-end;flex-wrap:wrap}.field-group{flex:1 1 180px;display:flex;flex-direction:column}.field-label{color:var(--color-primary);font-size:.8125rem;margin-bottom:.3125rem;font-weight:600}.field-input,.field-select,.field-textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.625rem .875rem;color:var(--color-text);width:100%;box-sizing:border-box;font-size:.875rem;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.field-textarea{min-height:180px;max-height:300px;resize:vertical;font-family:Times New Roman,serif;line-height:1.6}.approver-row{display:flex;gap:.625rem;align-items:center;margin-bottom:.625rem}.approver-select{flex:1}.add-btn,.remove-btn{background:transparent;border-radius:var(--radius-sm);cursor:pointer;padding:.5rem 1rem;font-size:.875rem;margin-top:.3125rem;font-family:inherit;transition:all .2s}.add-btn{border:1px solid var(--color-primary);color:var(--color-primary)}.add-btn:hover{background:var(--color-primary);color:#fff}.remove-btn{border:1px solid #ff4d4d;color:#ff4d4d;padding:.5rem .75rem;font-size:1rem}.remove-btn:hover{background:#ff4d4d;color:#fff}.file-upload-section{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.file-select-btn{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-sm);padding:.5rem 1rem;cursor:pointer;font-size:.875rem;font-family:inherit;transition:all .2s}.file-select-btn:hover{background:var(--color-primary-soft)}.file-name{color:var(--color-text-secondary);font-size:.875rem}.submit-btn{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:.5rem 1rem;font-weight:500;cursor:pointer;font-size:.875rem;font-family:inherit;transition:all .2s}.submit-btn:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn--success{background:#10b981;border-color:#10b981;color:#fff}.submit-btn--success:hover:not(:disabled){background:#059669;border-color:#059669}.cancel-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-md);padding:.5rem 1rem;cursor:pointer;font-size:.875rem;font-family:inherit;transition:all .2s}.cancel-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.field-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.field-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.order-approval-container{background:var(--bg-secondary);border:1px solid var(--accent);border-radius:16px;padding:25px 30px;color:var(--text-primary);box-shadow:var(--shadow-glow);max-width:900px;margin:0 auto}.order-approval-header{border-bottom:1px solid rgba(0,255,255,.3);padding-bottom:12px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px}.order-approval-title{font-size:22px;font-weight:700;color:var(--accent);text-shadow:0 0 5px var(--accent);margin:0}.order-approval-meta{font-size:14px;color:var(--text-secondary)}.order-approval-row{display:flex;justify-content:space-between;margin-bottom:15px;flex-wrap:wrap;gap:10px}.order-approval-label{color:var(--accent);font-weight:700;margin-right:8px}.order-approval-content{background:var(--bg-card);border:1px solid rgba(0,255,255,.2);border-radius:8px;padding:20px;white-space:pre-wrap;font-size:14px;line-height:1.6;margin-bottom:20px;color:var(--text-primary)}.progress-bar{margin:20px 0}.progress-steps{display:flex;justify-content:space-between;align-items:flex-start;position:relative}.step-circle{width:28px;height:28px;border-radius:50%;background:#333;border:2px solid #555;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#aaa;transition:.3s}.step-circle.completed{background:var(--accent);border-color:var(--accent);color:#000}.step-circle.active{background:var(--accent);border-color:var(--accent);color:#000;box-shadow:0 0 10px var(--accent)}.step-label{margin-top:6px;font-size:11px;color:var(--text-secondary);text-align:center;max-width:80px}.progress-line{position:absolute;top:14px;left:0;right:0;height:2px;background:#555;z-index:0}.approvals-section{margin-top:15px}.approvals-list{list-style:none;padding:0;margin:10px 0}.approval-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color)}.approval-item:last-child{border-bottom:none}.approval-status{font-size:13px;color:var(--text-secondary)}.approval-actions{display:flex;gap:8px;align-items:center}.order-approval-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.order-approval-btn{padding:8px 18px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:.2s}.order-approval-btn-approve{background:var(--success);border:none;color:#fff}.order-approval-btn-approve:hover{filter:brightness(1.1)}.order-approval-btn-reject{background:var(--danger);border:none;color:#fff}.order-approval-btn-reject:hover{filter:brightness(1.1)}.order-approval-btn-rework{background:var(--warning);border:none;color:#000}.order-approval-btn-rework:hover{filter:brightness(1.1)}.order-approval-btn-cancel{background:transparent;border:1px solid var(--text-secondary);color:var(--text-secondary)}.order-approval-btn-cancel:hover{background:#ffffff0d;color:#fff}.order-approval-btn-pdf{background:var(--accent);color:#000;border:none}.order-approval-btn-pdf:hover{filter:brightness(1.1)}.comment-section{margin-top:15px}.comment-input{width:100%;background:#222;border:1px solid var(--accent);border-radius:6px;padding:10px;color:#fff;resize:vertical}.protocol-approval-container{width:100%;color:var(--color-text)}.protocol-approval-header{border-bottom:1px solid var(--color-border);padding-bottom:.75rem;margin-bottom:1.25rem;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:.625rem}.protocol-approval-title{font-size:1.375rem;font-weight:700;color:var(--color-text);margin:0;text-shadow:none}.protocol-approval-meta{font-size:.875rem;color:var(--color-text-secondary)}.protocol-approval-row{display:flex;justify-content:space-between;margin-bottom:.9375rem;flex-wrap:wrap;gap:.625rem}.protocol-approval-label{color:var(--color-primary);font-weight:600;margin-right:.5rem}.protocol-approval-content{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;white-space:pre-wrap;font-size:.875rem;line-height:1.6;margin-bottom:1.25rem;color:var(--color-text)}.protocol-progress-bar{margin:1.25rem 0}.protocol-progress-steps{display:flex;justify-content:space-between;align-items:flex-start;position:relative;padding:0 1rem}.protocol-progress-line{position:absolute;top:14px;left:2rem;right:2rem;height:2px;background:var(--color-border-strong);z-index:0}.protocol-progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:1}.protocol-step-circle{width:28px;height:28px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border-strong);display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;color:var(--color-text-secondary);transition:.3s}.protocol-step-circle.completed,.protocol-step-circle.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.protocol-step-circle.active{box-shadow:0 0 10px #4f46e566}.protocol-step-label{margin-top:.375rem;font-size:.6875rem;color:var(--color-text-secondary);text-align:center;max-width:80px}.protocol-approvals-section{margin-top:.9375rem}.protocol-approvals-list{list-style:none;padding:0;margin:.625rem 0}.protocol-approval-item{display:flex;align-items:center;justify-content:space-between;gap:.625rem;padding:.5rem 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap}.protocol-approval-item:last-child{border-bottom:none}.protocol-approval-status{font-size:.8125rem;color:var(--color-text-secondary)}.protocol-approval-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.protocol-approval-btn{padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;cursor:pointer;transition:filter .2s;border:none;font-family:inherit}.protocol-approval-btn:disabled{opacity:.6;cursor:not-allowed}.protocol-approval-btn-approve{background:#10b981;color:#fff}.protocol-approval-btn-approve:hover:not(:disabled){filter:brightness(1.1)}.protocol-approval-btn-reject{background:#ef4444;color:#fff}.protocol-approval-btn-reject:hover:not(:disabled){filter:brightness(1.1)}.protocol-approval-btn-rework{background:#f59e0b;color:#000}.protocol-approval-btn-rework:hover:not(:disabled){filter:brightness(1.1)}.protocol-approval-btn-cancel{background:transparent;border:1px solid var(--color-border);color:var(--color-text);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s}.protocol-approval-btn-cancel:hover{border-color:var(--color-primary);color:var(--color-primary)}.protocol-comment-section{margin-top:.9375rem}.protocol-comment-input{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.625rem;color:var(--color-text);resize:vertical;font-family:inherit;font-size:.875rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.protocol-comment-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.order-approval-row--column{flex-direction:column;align-items:flex-start}.progress-bar{margin:1.25rem 0}.progress-steps{display:flex;justify-content:space-between;align-items:flex-start;position:relative;padding:0 1rem}.progress-line{position:absolute;top:14px;left:2rem;right:2rem;height:2px;background:var(--color-border-strong);z-index:0}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:1}.step-circle{width:28px;height:28px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border-strong);display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;color:var(--color-text-secondary);transition:.3s}.step-circle.completed,.step-circle.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.step-circle.active{box-shadow:0 0 10px #4f46e566}.step-label{margin-top:.375rem;font-size:.6875rem;color:var(--color-text-secondary);text-align:center;max-width:80px}.order-approval-btn{padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.order-approval-btn:disabled{opacity:.6;cursor:not-allowed}.order-approval-btn-approve{background:#10b981;color:#fff}.order-approval-btn-approve:hover:not(:disabled){filter:brightness(1.1)}.order-approval-btn-reject{background:#ef4444;color:#fff}.order-approval-btn-reject:hover:not(:disabled){filter:brightness(1.1)}.order-approval-btn-rework{background:#f59e0b;color:#000}.order-approval-btn-rework:hover:not(:disabled){filter:brightness(1.1)}.order-approval-btn-pdf{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.order-approval-btn-pdf:hover:not(:disabled){background:var(--color-primary-hover)}.order-approval-btn-cancel{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.order-approval-btn-cancel:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.management-overview{padding:var(--space-lg);color:var(--color-text);height:100%;overflow-y:auto}.management-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-xl)}.management-header h2{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.management-filters{display:flex;gap:var(--space-xl);align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--space-xs)}.filter-group label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.filter-group input[type=date],.filter-group select{padding:var(--space-sm) var(--space-md);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);font-size:var(--font-size-md);outline:none;font-family:inherit;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.filter-group input[type=date]:focus,.filter-group select:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.kpi-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-sm)}.kpi-title{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.charts-row{margin-bottom:var(--space-xl)}.chart-container,.table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.chart-container h3,.table-container h3{margin-top:0;margin-bottom:var(--space-lg);font-size:var(--font-size-lg);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.management-table{width:100%;border-collapse:collapse;font-size:var(--font-size-md)}.management-table th{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-medium)}.management-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);color:var(--color-text)}.loading-indicator,.error-indicator{text-align:center;padding:var(--space-2xl);font-size:var(--font-size-xl);color:var(--color-text-secondary)}.error-indicator{color:var(--color-danger)}.support-employees-table{width:100%;border-collapse:collapse;margin-top:.9375rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.support-employees-table th,.support-employees-table td{padding:.75rem .9375rem;text-align:left;color:var(--color-text);border-bottom:1px solid var(--color-border);font-size:.875rem}.support-employees-table th{background:var(--color-bg-subtle);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.support-employees-table tr:last-child td{border-bottom:none}.support-employees-table tr:hover td{background:var(--color-primary-soft)}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.loading-text{color:var(--color-text);text-align:center;padding:2.5rem;font-size:1rem;opacity:.8}.empty-text{color:var(--color-text-secondary);text-align:center;padding:2.5rem;font-size:1rem;opacity:.6}.table-scroll-wrapper{max-height:60vh;overflow-y:auto;margin-bottom:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-md)}@media(max-width:768px){.support-employees-table th,.support-employees-table td{padding:.625rem .75rem;font-size:.8125rem}.action-buttons{flex-direction:column}}.center-area{flex:1;position:relative;background-color:var(--color-bg);height:calc(100vh - 70px);overflow:hidden;transition:background-color var(--transition-base)}.user-id-corner{position:absolute;top:var(--space-lg);left:var(--space-lg);color:var(--color-text);font-size:var(--font-size-md);background:var(--color-surface);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);z-index:30;white-space:nowrap}.search-input-main,.search-input-contacts{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input-main:focus,.search-input-contacts:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.circle-content h3{color:var(--color-primary);margin-bottom:var(--space-sm);font-weight:var(--font-weight-semibold)}.circle.dev{border-color:var(--color-border);opacity:.75}.circle.dev .circle-content h3{color:var(--color-text-muted)}.register-company-btn{background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--color-on-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:all var(--transition-base);z-index:20;box-sizing:border-box;position:absolute;top:80px;right:var(--space-lg)}.function-btn.dev:after{content:"??";position:absolute;bottom:2px;right:2px;font-size:var(--font-size-xs);opacity:.6}.contacts-title{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);text-align:center;margin:var(--space-md) 0}.results-title{color:var(--color-text);text-align:center;margin:var(--space-lg) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);width:100%}.contacts-message{color:var(--color-text-secondary);text-align:center;margin-top:50px;font-size:var(--font-size-lg);width:100%}.modal-btn-inline{display:inline-block!important;width:auto!important;padding:var(--space-sm) var(--space-md)!important;border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-base)}.modal-btn-inline:hover{background:var(--color-primary-soft-hover);border-color:var(--color-primary-hover);color:var(--color-primary-hover)}.confirm-exit-item-root{display:flex;flex-direction:column;gap:12px;text-align:center;color:var(--color-text)}.confirm-exit-item-root p{margin:0}.confirm-exit-item-root .confirm-buttons{margin-top:20px;display:flex;gap:10px;justify-content:center}.leave-plan-approval-modal-root{display:flex;flex-direction:column}.lpa-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.lpa-metric{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center}.lpa-metric__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:var(--space-xs)}.lpa-metric__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.lpa-metric__value--success{color:var(--color-success)}.lpa-metric__value--danger{color:var(--color-danger)}.lpa-toolbar{display:flex;justify-content:flex-end;margin-bottom:var(--space-md)}.lpa-loading,.lpa-empty{color:var(--color-text-muted);text-align:center;padding:var(--space-lg)}.lpa-requests-list{margin:var(--space-md) 0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.lpa-requests-list table{width:100%;border-collapse:collapse;color:var(--color-text)}.lpa-requests-list th,.lpa-requests-list td{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid var(--color-border);font-size:var(--font-size-md)}.lpa-requests-list th{background:var(--color-bg);color:var(--color-primary);font-weight:var(--font-weight-semibold);position:sticky;top:0;z-index:2}.lpa-requests-list tr:hover{background:color-mix(in srgb,var(--color-primary) 4%,transparent)}.lpa-requests-list tr:last-child td{border-bottom:none}.lpa-statuses{display:flex;flex-direction:column;gap:var(--space-xs)}.lpa-status-row{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm)}.lpa-status-row__name{color:var(--color-text-secondary)}.lpa-status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);border:1px solid;white-space:nowrap}.lpa-status-badge--approved{background:var(--color-success-soft);color:var(--color-success);border-color:var(--color-success)}.lpa-status-badge--rejected{background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger)}.lpa-status-badge--pending{background:color-mix(in srgb,var(--color-text-muted) 10%,transparent);color:var(--color-text-muted);border-color:var(--color-border)}.lpa-statuses-empty{color:var(--color-text-muted)}.lpa-action-btn{background:transparent;border:1px solid;border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer;font-size:var(--font-size-sm);transition:background var(--transition-base)}.lpa-action-btn--approve{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.lpa-action-btn--approve:hover{background:color-mix(in srgb,var(--color-success) 20%,transparent)}.lpa-action-btn--reject{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.lpa-action-btn--reject:hover{background:color-mix(in srgb,var(--color-danger) 20%,transparent)}.lpa-action-btn--revision{background:var(--color-warning-soft);border-color:var(--color-warning);color:var(--color-warning)}.lpa-action-btn--revision:hover{background:color-mix(in srgb,var(--color-warning) 20%,transparent)}.lpa-row-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.notifications-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:var(--shadow-xl);z-index:var(--z-modal);display:flex;flex-direction:column;animation:slideIn var(--transition-smooth)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-border);color:var(--color-text)}.notifications-header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.close-btn{background:transparent;border:none;color:var(--color-text-secondary);font-size:20px;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);line-height:1}.close-btn:hover{background:var(--color-surface-2);color:var(--color-text)}.notifications-actions{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-sm)}.notifications-actions button{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:var(--space-sm) var(--space-md);cursor:pointer;width:100%;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base)}.notifications-actions button:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.notifications-list{flex:1;overflow-y:auto;padding:var(--space-md)}.notification-item{background:var(--color-surface-2);border:1px solid var(--color-border);border-left:3px solid transparent;border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm);cursor:pointer;transition:all var(--transition-base);position:relative}.notification-item:hover{background:var(--color-surface-3);border-color:var(--color-border-strong)}.notification-item.unread{border-left-color:var(--color-primary);background:var(--color-primary-soft)}.notification-item.unread:hover{background:var(--color-primary-soft-hover)}.notification-title{font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-xs);font-size:var(--font-size-md)}.notification-message{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-xs);line-height:var(--line-height-base)}.notification-time{color:var(--color-text-muted);font-size:var(--font-size-xs);text-align:right}.notification-action-btn{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-sm);display:inline-block;transition:all var(--transition-base)}.notification-action-btn:hover{background:var(--color-primary);color:var(--color-on-primary)}.loading,.empty{text-align:center;color:var(--color-text-secondary);padding:var(--space-lg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);background:var(--color-surface-2);border-radius:var(--radius-md);margin:var(--space-md);border:1px dashed var(--color-border-strong)}.empty-icon{font-size:40px;margin-bottom:var(--space-md);opacity:.7}.empty-text{color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.delete-one-btn{position:absolute;top:var(--space-xs);right:var(--space-xs);background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;padding:2px 6px;border-radius:var(--radius-xs);line-height:1;transition:all var(--transition-fast)}.delete-one-btn:hover{color:var(--color-danger);background:var(--color-danger-soft)}.subscription-modal-wrapper{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.subscription-modal-content{width:90vw;max-width:1100px;max-height:90vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);position:relative;box-shadow:var(--shadow-xl)}.subscription-modal-close{position:absolute;top:var(--space-md);right:var(--space-lg);background:transparent;border:none;color:var(--color-text-secondary);font-size:22px;cursor:pointer;padding:var(--space-xs);line-height:1;transition:color var(--transition-fast)}.subscription-modal-close:hover{color:var(--color-text)}.calendar-modal-root{display:flex;flex-direction:column;max-width:1350px;width:100%;margin:0 auto}.calendar-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.calendar-toolbar__nav{display:flex;gap:var(--space-xs);align-items:center;justify-self:start}.calendar-toolbar__center{display:flex;justify-content:center;justify-self:center}.calendar-toolbar__right{display:flex;gap:var(--space-xs);align-items:center;justify-self:end}.calendar-toolbar__selects{display:flex;gap:var(--space-xs);align-items:center}.calendar-select{width:auto;min-width:130px;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-md)}.calendar-nav-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;transition:border-color var(--transition-base),color var(--transition-base)}.calendar-nav-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.calendar-nav-btn--today{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.calendar-weekdays span{padding:5px 0;font-weight:var(--font-weight-medium)}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{box-sizing:border-box;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:5px;min-height:110px;display:flex;flex-direction:column;cursor:pointer;transition:border-color var(--transition-base)}.calendar-day:hover{border-color:var(--color-primary)}.calendar-day.other-month{opacity:.4}.calendar-day.today{border-color:var(--color-primary);box-shadow:0 0 6px color-mix(in srgb,var(--color-primary) 30%,transparent)}.day-number{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:4px;font-weight:var(--font-weight-bold)}.day-events{display:flex;flex-direction:column;gap:3px;overflow-y:auto;max-height:75px}.day-events::-webkit-scrollbar{width:2px}.day-events::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:2px}.event-indicator{font-size:var(--font-size-xs);padding:2px 4px;border-radius:3px;color:#000;display:flex;align-items:center;text-shadow:0 0 2px rgba(255,255,255,.5)}.event-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:var(--font-weight-semibold)}.calendar-legend{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.calendar-legend span{display:flex;align-items:center;gap:4px;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.legend-dot{width:12px;height:12px;border-radius:2px;display:inline-block}.loading-placeholder{grid-column:span 7;text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary)}.day-events-list{max-height:300px;overflow-y:auto;margin-bottom:var(--space-sm)}.event-list-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);background:var(--color-bg);border-left:4px solid;border-radius:var(--radius-sm)}.event-list-title{flex:1;color:var(--color-text);font-size:var(--font-size-md)}.event-list-type{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-right:var(--space-sm)}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--space-lg);min-height:420px}.settings-nav{display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--color-divider);padding-right:var(--space-md)}.settings-nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:10px 14px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-md);font-family:inherit;cursor:pointer;transition:all var(--transition-base);text-align:left;white-space:nowrap}.settings-nav-item:hover{background:var(--color-surface-2);color:var(--color-text)}.settings-nav-item.active{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary);font-weight:600}.settings-content{padding-top:4px}.settings-section-title{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-divider)}.settings-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);padding:var(--space-md) 0;border-bottom:1px solid var(--color-divider)}.settings-row:last-child{border-bottom:none}.settings-row-info{flex:1;min-width:0}.settings-row-label{color:var(--color-text);font-size:var(--font-size-md);font-weight:500;margin-bottom:6px}.settings-row-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.4}.settings-switch{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0;cursor:pointer}.settings-switch.disabled{cursor:not-allowed;opacity:.6}.settings-switch input{opacity:0;width:0;height:0}.settings-switch-slider{position:absolute;inset:0;background:var(--color-surface-2);border:1px solid var(--color-border-strong, var(--color-border));border-radius:999px;transition:.2s}.settings-switch-slider:before{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:var(--color-text-secondary);border-radius:50%;transition:.2s}.settings-switch input:checked+.settings-switch-slider{background:var(--color-primary);border-color:var(--color-primary)}.settings-switch input:checked+.settings-switch-slider:before{transform:translate(20px,-50%);background:#fff}.settings-placeholder{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.6;padding:var(--space-md);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2)}.settings-placeholder ul{margin:var(--space-sm) 0 0 0;padding-left:var(--space-lg)}.settings-placeholder li{margin-bottom:6px}@media(max-width:700px){.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--color-divider);padding-right:0;padding-bottom:var(--space-md);margin-bottom:var(--space-md)}.settings-nav-item{flex:1 0 auto}}.bottom-panel{display:flex;justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:var(--z-sticky);transition:background-color var(--transition-base);flex-wrap:wrap;flex-shrink:0}.bottom-btn{position:relative;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-xl);color:var(--color-text);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);min-width:140px;letter-spacing:.01em;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm)}.bottom-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.bottom-btn:active{transform:translateY(0)}.notification-badge{position:absolute;top:-6px;right:-6px;background-color:var(--color-danger);color:var(--color-on-danger);border-radius:var(--radius-full);padding:2px 7px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:20px;text-align:center;line-height:1.2}.theme-btn{border:none;background:transparent;font-size:var(--font-size-xl);padding:var(--space-md);min-width:auto;color:var(--color-text-secondary)}.theme-btn:hover{background:transparent;color:var(--color-text);transform:scale(1.1)}.refresh-tooltip{position:absolute;bottom:110%;left:50%;transform:translate(-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--color-text);font-size:var(--font-size-sm);white-space:nowrap;box-shadow:var(--shadow-lg);z-index:var(--z-tooltip);pointer-events:none}.refresh-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-border)}.loading-indicator{position:fixed;top:20px;right:20px;background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:6px 14px;display:flex;align-items:center;gap:var(--space-sm);z-index:10000;pointer-events:none;opacity:0;transition:opacity var(--transition-smooth);box-shadow:var(--shadow-md)}.loading-indicator.loading{opacity:1}.loading-indicator.hiding{opacity:0}.spinner-icon{width:14px;height:14px;border:2px solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-indicator.error .spinner-icon{border-top-color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 20%,transparent);animation-duration:1.5s}.spinner-label{font-size:var(--font-size-md);color:var(--color-primary);white-space:nowrap}.loading-indicator.error .spinner-label{color:var(--color-danger)}@keyframes spin{to{transform:rotate(360deg)}}.crm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl, 40px) var(--space-lg);color:var(--color-text-muted);font-size:var(--font-size-md);text-align:center}.crm-list{display:flex;flex-direction:column;gap:var(--space-md)}.crm-item{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.crm-item-head{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-md);align-items:center}.crm-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:600;flex-shrink:0;border:2px solid var(--color-primary)}.crm-info{min-width:0}.crm-name{color:var(--color-text);font-size:var(--font-size-md);font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-company{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-position{color:var(--color-text-muted);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-date{color:var(--color-text-muted);font-size:var(--font-size-sm);white-space:nowrap;flex-shrink:0}.crm-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);flex-wrap:wrap}.crm-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--color-border-strong, var(--color-border));border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.crm-btn:disabled{opacity:.5;cursor:not-allowed}.crm-btn-view{border-color:var(--color-primary);color:var(--color-primary)}.crm-btn-view:hover:not(:disabled){background:var(--color-primary-soft)}.crm-btn-reject{border-color:var(--color-danger);color:var(--color-danger)}.crm-btn-reject:hover:not(:disabled){background:var(--color-danger-soft, rgba(239, 68, 68, .15))}.crm-btn-approve{border-color:var(--color-success);color:#fff;background:var(--color-success)}.crm-btn-approve:hover:not(:disabled){opacity:.9}.profile-layout{display:flex;height:100vh;width:100vw;background-color:var(--color-bg);color:var(--color-text);overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;height:100vh;min-width:0;overflow:hidden;position:relative}.profile-header{flex-shrink:0;margin:var(--space-lg) var(--space-page-x) 0;padding:var(--space-xl) var(--space-xl) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);box-sizing:border-box}.center-area{flex:1;min-height:0;position:relative;background-color:var(--color-bg);overflow:hidden;padding:32px var(--space-2xl, 32px) 24px;box-sizing:border-box}.center-area.contacts-mode{display:flex;flex-direction:column;width:100%!important;max-width:100%!important;padding:0!important;overflow-y:auto!important;background-color:var(--color-bg)}.main-search{position:absolute;top:var(--space-lg);left:50%;transform:translate(-50%);width:400px;display:flex;gap:var(--space-md);z-index:20}.search-input-main{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input-main:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.search-button{padding:var(--space-sm) var(--space-lg);background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-on-primary);cursor:pointer;font-weight:var(--font-weight-semibold);transition:all var(--transition-base);white-space:nowrap}.search-button:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.circle{width:300px;height:300px;border-radius:50%;background:var(--color-primary-soft);border:1px solid var(--color-border);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;color:var(--color-text);text-align:center;z-index:10}.register-company-btn{position:absolute;top:var(--space-lg);right:var(--space-lg);background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--color-on-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:all var(--transition-base);z-index:20}.register-company-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.function-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:160px;min-height:70px;padding:var(--space-sm) var(--space-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-base);white-space:normal;word-wrap:break-word;font-size:var(--font-size-md);text-align:center;position:absolute;display:flex;align-items:center;justify-content:center;z-index:15}.function-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary);transform:translate(-50%,-50%) scale(1.03);box-shadow:var(--shadow-md)}.function-btn.dev{border-color:var(--color-border);color:var(--color-text-muted);background:var(--color-surface-2);opacity:.85;cursor:not-allowed}.function-btn.dev:after{content:"🔒";position:absolute;bottom:2px;right:2px;font-size:var(--font-size-xs);opacity:.6}.function-btn.dev:hover{border-color:var(--color-border);background:var(--color-surface-3);color:var(--color-text-muted);transform:translate(-50%,-50%) scale(1.01);box-shadow:none}.contacts-scrollable{flex:1;overflow-y:auto;padding-bottom:70px}.contacts-header{margin-top:60px;margin-bottom:var(--space-lg);width:100%}.search-with-button{display:flex;gap:var(--space-md);width:100%;max-width:500px;margin:0 auto var(--space-lg) auto}.search-input-contacts{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input-contacts:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.contacts-title{margin:var(--space-md) 0}.contacts-list-container{width:100%!important;flex:1 1 auto!important;overflow-y:auto!important;padding:0 var(--space-lg)!important;box-sizing:border-box!important}.contacts-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:var(--space-lg)!important;width:100%!important;margin:0 auto!important}.contacts-message.error{color:var(--color-danger)}.results-title{margin:var(--space-lg) 0}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--color-bg);color:var(--color-text-secondary);gap:var(--space-lg)}.loading-spinner{width:44px;height:44px;border:3px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.eb-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg, #0e1014);color:var(--color-text, #f1f5f9);padding:24px;font-family:var(--font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.eb-card{max-width:640px;width:100%;background:var(--color-surface, #16181d);border:1px solid var(--color-primary, #4f46e5);border-radius:var(--radius-lg, 16px);padding:32px;box-shadow:var(--shadow-lg, 0 12px 24px rgba(0, 0, 0, .4))}.eb-title{color:var(--color-primary, #4f46e5);font-size:var(--font-size-2xl, 24px);font-weight:var(--font-weight-semibold, 600);margin:0 0 16px;text-align:center}.eb-text{color:var(--color-text-secondary, #94a3b8);line-height:var(--line-height-base, 1.6);margin-bottom:24px;font-size:var(--font-size-md, 14px)}.eb-error-box{background:var(--color-bg, #0e1014);border:1px solid var(--color-danger, #dc2626);border-radius:var(--radius-md, 8px);padding:12px 16px;margin-bottom:24px;font-family:var(--font-family-mono, Consolas, Monaco, monospace);font-size:var(--font-size-sm, 13px);color:var(--color-danger, #dc2626);word-break:break-word;max-height:160px;overflow-y:auto}.eb-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.eb-btn{background:transparent;border-radius:var(--radius-md, 8px);padding:10px 24px;font-size:var(--font-size-md, 15px);cursor:pointer;font-family:inherit;transition:background .2s,color .2s,border-color .2s}.eb-btn--primary{border:1px solid var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5);font-weight:var(--font-weight-semibold, 600)}.eb-btn--primary:hover{background:color-mix(in srgb,var(--color-primary, #4f46e5) 12%,transparent)}.eb-btn--secondary{border:1px solid var(--color-border, #2a2f38);color:var(--color-text-secondary, #94a3b8)}.eb-btn--secondary:hover{border-color:var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5)}.version-log-modal-root{display:flex;flex-direction:column;max-height:75vh}.vlm-version-item{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-divider)}.vlm-version-item:last-child{border-bottom:none;margin-bottom:0}.vlm-version-title{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-sm)}.vlm-version-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.vlm-version-date{font-size:var(--font-size-md);color:var(--color-text-muted)}.vlm-version-changes{list-style:none;padding:0;margin:0}.vlm-version-changes li{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:var(--font-size-md);color:var(--color-text-secondary);margin-bottom:var(--space-sm);line-height:var(--line-height-base)}.vlm-change-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;margin-top:1px;color:var(--color-primary)}.vlm-change-icon{display:block}.vlm-change-dot{color:var(--color-primary);font-weight:var(--font-weight-bold);line-height:20px;text-align:center;width:100%}.vlm-change-text{flex:1;min-width:0}.App{width:100%;height:100%;background-color:var(--color-bg);color:var(--color-text)}:root{--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--indigo-950: #1e1b4b;--neutral-50: #fafafa;--neutral-100: #f4f5f7;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--neutral-950: #030712;--success-500: #16a34a;--success-600: #15803d;--warning-500: #d97706;--warning-600: #b45309;--danger-500: #dc2626;--danger-600: #b91c1c;--info-500: #0284c7;--color-bg: #f9fafb;--color-surface: #ffffff;--color-surface-2: #f4f5f7;--color-surface-3: #e9ebef;--color-overlay: rgba(15, 23, 42, .45);--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--color-text-link: var(--indigo-600);--color-border: #e5e7eb;--color-border-strong: #cbd5e1;--color-divider: #f1f5f9;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-active: #3730a3;--color-primary-soft: rgba(79, 70, 229, .08);--color-primary-soft-hover: rgba(79, 70, 229, .14);--color-primary-disabled: rgba(79, 70, 229, .4);--color-on-primary: #ffffff;--color-success: var(--success-500);--color-success-soft: rgba(22, 163, 74, .1);--color-on-success: #ffffff;--color-warning: var(--warning-500);--color-warning-soft: rgba(217, 119, 6, .1);--color-on-warning: #ffffff;--color-danger: var(--danger-500);--color-danger-hover: var(--danger-600);--color-danger-soft: rgba(220, 38, 38, .1);--color-on-danger: #ffffff;--color-info: var(--info-500);--color-info-soft: rgba(2, 132, 199, .1);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 22px;--font-size-3xl: 28px;--font-size-4xl: 34px;--font-size-h1: clamp(22px, 1.2vw + 14px, 32px);--font-size-h2: clamp(18px, 1vw + 12px, 24px);--font-size-h3: clamp(16px, .7vw + 10px, 20px);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-loose: 1.7;--letter-spacing-tight: -.015em;--letter-spacing-base: 0;--letter-spacing-wide: .02em;--font-feature-tabular: "tnum" 1, "cv11" 1;--space-0: 0;--space-xs: 4px;--space-sm: 6px;--space-md: 10px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--space-page-x: clamp(16px, 1.5vw, 48px);--space-page-y: clamp(16px, 1vw, 32px);--sidebar-width: clamp(220px, 15vw, 320px);--right-panel-width: clamp(260px, 18vw, 380px);--bottom-panel-height: clamp(56px, 4.5vw, 72px);--content-max-width: 1600px;--content-narrow-width: 900px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 8px rgba(15, 23, 42, .05), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 24px rgba(15, 23, 42, .08), 0 4px 8px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 48px rgba(15, 23, 42, .12), 0 8px 16px rgba(15, 23, 42, .06);--focus-ring: 0 0 0 3px rgba(79, 70, 229, .25);--focus-ring-danger: 0 0 0 3px rgba(220, 38, 38, .25);--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .28s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 900;--z-modal: 1000;--z-toast: 1100;--z-tooltip: 1200;--bp-xs: 768px;--bp-sm: 1024px;--bp-md: 1280px;--bp-lg: 1440px;--bp-xl: 1920px;--bp-2xl: 2560px;--widget-min-width: 280px;--widget-max-width: 480px}[data-density=compact]{--space-xs: 2px;--space-sm: 4px;--space-md: 8px;--space-lg: 12px;--space-xl: 16px;--space-2xl: 24px;--space-3xl: 32px;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-base: 12px;--font-size-md: 13px;--font-size-lg: 14px;--font-size-xl: 16px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--line-height-base: 1.4;--sidebar-width: clamp(200px, 14vw, 260px);--right-panel-width: clamp(220px, 15vw, 300px);--bottom-panel-height: clamp(48px, 4vw, 60px)}[data-density=spacious]{--space-xs: 6px;--space-sm: 10px;--space-md: 14px;--space-lg: 20px;--space-xl: 32px;--space-2xl: 40px;--space-3xl: 56px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 26px;--font-size-3xl: 32px;--font-size-4xl: 40px;--line-height-base: 1.6;--sidebar-width: clamp(260px, 17vw, 360px);--right-panel-width: clamp(300px, 20vw, 420px);--bottom-panel-height: clamp(64px, 5vw, 84px)}:root{--color-bg: #eef1f6;--color-surface: #ffffff;--color-surface-2: #f5f7fa;--color-surface-3: #eaedf2;--color-overlay: rgba(15, 23, 42, .45);--color-text: #1a1f2a;--color-text-secondary: #566073;--color-text-muted: #8a93a3;--color-text-inverse: #ffffff;--color-text-link: #4f46e5;--color-border: #d5dae3;--color-border-strong: #b3bac6;--color-divider: #e4e8ee;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-active: #3730a3;--color-primary-soft: rgba(79, 70, 229, .1);--color-primary-soft-hover: rgba(79, 70, 229, .16);--color-primary-disabled: rgba(79, 70, 229, .4);--color-on-primary: #ffffff;--color-success: #16a34a;--color-success-soft: rgba(22, 163, 74, .1);--color-on-success: #ffffff;--color-warning: #d97706;--color-warning-soft: rgba(217, 119, 6, .1);--color-on-warning: #ffffff;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-soft: rgba(220, 38, 38, .1);--color-on-danger: #ffffff;--color-info: #0284c7;--color-info-soft: rgba(2, 132, 199, .1);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 8px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .05);--shadow-lg: 0 12px 24px rgba(15, 23, 42, .1), 0 4px 8px rgba(15, 23, 42, .05);--shadow-xl: 0 20px 48px rgba(15, 23, 42, .14), 0 8px 16px rgba(15, 23, 42, .08);--focus-ring: 0 0 0 3px rgba(79, 70, 229, .25);--focus-ring-danger: 0 0 0 3px rgba(220, 38, 38, .25)}[data-theme=dark]{--color-bg: #0e1014;--color-surface: #16181d;--color-surface-2: #1c1f25;--color-surface-3: #232730;--color-overlay: rgba(0, 0, 0, .65);--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-text-inverse: #0e1014;--color-text-link: #a5b4fc;--color-border: #2a2f38;--color-border-strong: #424955;--color-divider: #1f232a;--color-primary: #818cf8;--color-primary-hover: #a5b4fc;--color-primary-active: #c7d2fe;--color-primary-soft: rgba(129, 140, 248, .14);--color-primary-soft-hover: rgba(129, 140, 248, .22);--color-primary-disabled: rgba(129, 140, 248, .35);--color-on-primary: #0e1014;--color-success: #4ade80;--color-success-soft: rgba(74, 222, 128, .14);--color-on-success: #0e1014;--color-warning: #fbbf24;--color-warning-soft: rgba(251, 191, 36, .14);--color-on-warning: #0e1014;--color-danger: #f87171;--color-danger-hover: #fca5a5;--color-danger-soft: rgba(248, 113, 113, .14);--color-on-danger: #0e1014;--color-info: #38bdf8;--color-info-soft: rgba(56, 189, 248, .14);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 48px rgba(0, 0, 0, .6), 0 8px 16px rgba(0, 0, 0, .4);--focus-ring: 0 0 0 3px rgba(129, 140, 248, .35);--focus-ring-danger: 0 0 0 3px rgba(248, 113, 113, .35)}:root,[data-theme=dark],[data-theme=light]{--bg-primary: var(--color-bg);--bg-secondary: var(--color-surface);--bg-card: var(--color-surface);--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--accent: var(--color-primary);--accent-hover: var(--color-primary-hover);--border-color: var(--color-border);--border-accent: var(--color-primary);--danger: var(--color-danger);--danger-hover: var(--color-danger-hover);--success: var(--color-success);--warning: var(--color-warning);--shadow-card: var(--shadow-md);--shadow-glow: 0 4px 16px rgba(79, 70, 229, .15);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}#root{width:100%;height:100%}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:transparent}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1 1 0%}.flex-none{flex:none}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.m-0{margin:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.min-w-0{min-width:0}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}@media(max-width:767px){.hide-below-sm{display:none!important}}@media(max-width:1023px){.hide-below-md{display:none!important}}@media(max-width:1279px){.hide-below-lg{display:none!important}}@media(max-width:1439px){.hide-below-xl{display:none!important}}@media(min-width:1921px){.hide-above-2xl{display:none!important}}@media(min-width:1441px){.hide-above-xl{display:none!important}}.show-only-mobile{display:none!important}@media(max-width:767px){.show-only-mobile{display:initial!important}}.show-only-tablet{display:none!important}@media(min-width:768px)and (max-width:1023px){.show-only-tablet{display:initial!important}}.show-only-desktop{display:none!important}@media(min-width:1024px){.show-only-desktop{display:initial!important}}.container-widget{container-type:inline-size}@container (min-width: 400px){.widget-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}}@container (min-width: 700px){.widget-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-md)}}.content-area{width:100%;max-width:var(--content-max-width);margin-left:auto;margin-right:auto;padding-left:var(--space-page-x);padding-right:var(--space-page-x)}.content-narrow{width:100%;max-width:var(--content-narrow-width);margin-left:auto;margin-right:auto;padding-left:var(--space-page-x);padding-right:var(--space-page-x)}.sidebar-left{width:var(--sidebar-width);flex-shrink:0}.sidebar-right{width:var(--right-panel-width);flex-shrink:0}@media(max-width:1023px){.sidebar-left.hide-below-md,.sidebar-right.hide-below-md{display:none}}.modal-overlay{position:fixed;inset:0;background:#0f12188c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop)}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-2xl);width:90%;max-width:1000px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl);color:var(--color-text)}.modal-title{color:var(--color-text);text-align:center;margin-bottom:var(--space-lg);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.form-tabs{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-md)}.tab-btn{flex:1;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) 0;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base);text-align:center}.tab-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.tab-btn.active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.modal-btn{flex:1;padding:var(--space-md) var(--space-xl);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base)}.modal-btn:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-primary)}.modal-btn.submit{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.modal-btn.submit:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.modal-btn.cancel:hover{background:var(--color-surface-2);color:var(--color-text)}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--color-text);font-size:var(--font-size-base);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.modal-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.modal-table{width:100%;border-collapse:collapse;margin-top:var(--space-lg);color:var(--color-text)}.modal-table th{text-align:left;padding:var(--space-sm) var(--space-sm);border-bottom:1px solid var(--color-border-strong);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.modal-table td{padding:var(--space-sm);border-bottom:1px solid var(--color-divider)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}:root{--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--text-heading: var(--color-text);--text-body: var(--color-text-secondary, var(--color-text));--text-caption: var(--color-text-muted, var(--color-text-secondary))}html,body,#root,.App{font-family:var(--font-family-base);font-feature-settings:"cv11","ss01";font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input,select,textarea,optgroup{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-base);color:var(--text-heading);letter-spacing:-.015em;line-height:1.25;margin:0}h1{font-weight:700}h2,h3,h4,h5,h6{font-weight:600}p,span,div,label{font-family:var(--font-family-base)}.center-area{color:var(--text-body);font-size:var(--font-size-base, 15px);line-height:1.5}.center-area h1,.center-area h2{display:flex;align-items:center;gap:var(--space-md, 16px);width:100%;max-width:none;box-sizing:border-box;margin:0 0 var(--space-lg, 20px);padding:0;border:none;background:transparent;font-family:var(--font-family-base);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.4;color:var(--color-text-secondary);text-align:center}.center-area h1:before,.center-area h1:after,.center-area h2:before,.center-area h2:after{content:"";flex:1 1 auto;height:1px;background:var(--color-divider);min-width:24px}.center-area h3:not(.widget-title):not(.collapsible-header-title):not(.welcome-greeting){font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);text-align:center;margin:var(--space-xl, 24px) auto var(--space-md, 12px);padding-bottom:var(--space-sm, 8px);border-bottom:1px solid var(--color-divider);max-width:900px;width:100%}.center-area p{font-size:14px;line-height:1.55;color:var(--color-text-secondary);text-align:center;margin:var(--space-md, 12px) auto;max-width:900px}.center-area .contacts-message,.center-area .ap-empty,.center-area .ap-loading,.center-area .notes-empty,.center-area .notes-loading{font-size:14px;color:var(--color-text-muted);text-align:center;margin:var(--space-xl, 24px) auto}.center-area small,.center-area .text-muted,.center-area .text-secondary{color:var(--text-caption)}.circle h3,.circle p{text-align:center;border-bottom:none;padding:0;margin:0;text-transform:none;letter-spacing:normal}.App input:not([type]),.App input[type=text],.App input[type=email],.App input[type=password],.App input[type=number],.App input[type=tel],.App input[type=url],.App input[type=search],.App input[type=date],.App input[type=datetime-local],.App input[type=time],.App textarea{width:100%;padding:10px var(--space-md, 12px);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-md, 14px);line-height:1.4;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s,background .15s;-webkit-appearance:none;appearance:none}.App input:not([type])::placeholder,.App input[type=text]::placeholder,.App input[type=email]::placeholder,.App input[type=password]::placeholder,.App input[type=number]::placeholder,.App input[type=tel]::placeholder,.App input[type=search]::placeholder,.App textarea::placeholder{color:var(--color-text-muted);opacity:.7}.App input:not([type]):hover:not(:disabled),.App input[type=text]:hover:not(:disabled),.App input[type=email]:hover:not(:disabled),.App input[type=password]:hover:not(:disabled),.App input[type=number]:hover:not(:disabled),.App input[type=tel]:hover:not(:disabled),.App input[type=search]:hover:not(:disabled),.App input[type=date]:hover:not(:disabled),.App input[type=time]:hover:not(:disabled),.App textarea:hover:not(:disabled){border-color:var(--color-border-strong, var(--color-border))}.App input:not([type]):focus,.App input[type=text]:focus,.App input[type=email]:focus,.App input[type=password]:focus,.App input[type=number]:focus,.App input[type=tel]:focus,.App input[type=search]:focus,.App input[type=date]:focus,.App input[type=time]:focus,.App textarea:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-primary-soft)}.App input:not([type]):disabled,.App input[type=text]:disabled,.App input[type=email]:disabled,.App input[type=password]:disabled,.App input[type=number]:disabled,.App input[type=tel]:disabled,.App input[type=search]:disabled,.App input[type=date]:disabled,.App input[type=time]:disabled,.App textarea:disabled{background:var(--color-surface-3, var(--color-surface-2));color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.App textarea{min-height:80px;resize:vertical}.App select{width:100%;padding:10px 32px 10px var(--space-md, 12px);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-md, 14px);line-height:1.4;outline:none;box-sizing:border-box;cursor:pointer;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px 14px}.App select:hover:not(:disabled){border-color:var(--color-border-strong, var(--color-border))}.App select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.App select:disabled{background-color:var(--color-surface-3, var(--color-surface-2));color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.App select option{background:var(--color-surface);color:var(--color-text);padding:8px}.App input[type=checkbox]{-webkit-appearance:none;appearance:none;width:18px;height:18px;min-width:18px;background:var(--color-surface-2);border:2px solid var(--color-border-strong, var(--color-border));border-radius:4px;cursor:pointer;position:relative;flex-shrink:0;transition:background .15s,border-color .15s;vertical-align:middle;margin:0}.App input[type=checkbox]:hover:not(:disabled){border-color:var(--color-primary)}.App input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.App input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:0;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.App input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.App input[type=radio]{-webkit-appearance:none;appearance:none;width:18px;height:18px;min-width:18px;background:var(--color-surface-2);border:2px solid var(--color-border-strong, var(--color-border));border-radius:50%;cursor:pointer;position:relative;flex-shrink:0;transition:background .15s,border-color .15s;vertical-align:middle;margin:0}.App input[type=radio]:hover:not(:disabled){border-color:var(--color-primary)}.App input[type=radio]:checked{border-color:var(--color-primary);background:var(--color-surface-2)}.App input[type=radio]:checked:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;background:var(--color-primary);border-radius:50%;transform:translate(-50%,-50%)}.App input[type=radio]:disabled{opacity:.5;cursor:not-allowed}.App input[type=file]{background:transparent;color:var(--color-text-secondary);font-family:var(--font-family-base);font-size:var(--font-size-sm, 13px);padding:0;border:none;cursor:pointer;width:100%;box-sizing:border-box}.App input[type=file]::file-selector-button,.App input[type=file]::-webkit-file-upload-button{padding:8px var(--space-md, 12px);margin-right:var(--space-md, 12px);background:var(--color-primary-soft);border:1px solid var(--color-primary);border-radius:var(--radius-md, 8px);color:var(--color-primary);font-family:var(--font-family-base);font-size:var(--font-size-sm, 13px);font-weight:500;cursor:pointer;transition:background .2s,color .2s}.App input[type=file]:hover::file-selector-button,.App input[type=file]:hover::-webkit-file-upload-button{background:var(--color-primary);color:#fff}.App label.form-hint,.App .form-hint,.App .field-label,.App label.field-label{display:block;color:var(--color-text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;line-height:1.3}.salary-settings-help-row,.access-help-row,.edit-dept-help-row,.salary-help-row,.register-training-modal-root .rt-help-row,.gantt-modal-root .gantt-help-row,.salary-payments-help-row,.defense-help-row{display:flex;justify-content:flex-end;margin-bottom:12px}.radio-group-inline{display:flex;gap:12px;flex-wrap:wrap;align-items:center}label.radio-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);color:var(--color-text);cursor:pointer;font-size:.875rem;transition:all .15s;-webkit-user-select:none;user-select:none}label.radio-pill:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}label.radio-pill:has(input[type=radio]:checked){border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary);font-weight:500}.adv-checkbox-label{display:flex;align-items:center;gap:10px;color:var(--color-text);cursor:pointer;font-size:var(--font-size-md, 14px);padding:4px 0}.adv-checkbox-label>span{line-height:1.4}