@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400&display=swap";:root{--primary: #2563EB;--primary-rgb: 37, 99, 235;--primary-glow: rgba(37, 99, 235, .1);--secondary: #64748B;--accent: #059669;--bg-dark: #f8fafc;--bg-glass: rgba(255, 255, 255, .85);--border-glass: #e2e8f0;--text-main: #0f172a;--text-dim: #475569;--success: #10b981;--error: #ef4444;--font-main: "Inter", sans-serif;--font-header: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: .5rem}*{margin:0;padding:0;box-sizing:border-box}body,button,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv11","ss01";font-variation-settings:"opsz" 32}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;background-image:radial-gradient(at 0% 0%,rgba(37,99,235,.05) 0px,transparent 50%),radial-gradient(at 50% 0%,rgba(5,150,105,.03) 0px,transparent 50%);overflow-x:hidden}.glass-card{background:var(--bg-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glass);border-radius:var(--radius);box-shadow:0 1px 3px #0f172a1a,0 1px 2px #0f172a0f;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0f172a1a,0 2px 4px -1px #0f172a0f;border-color:#cbd5e1}.btn-primary{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-secondary{background:#fff;color:var(--text-main);border:1px solid var(--border-glass);padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 20px var(--primary-glow);transform:scale(1.02)}.form-group-glass{display:flex;flex-direction:column;gap:8px;margin-bottom:25px}.form-fieldset-glass{border:1px solid var(--border-glass);border-radius:8px;padding:0 12px 2px;margin-bottom:15px;margin-right:15px;transition:all .2s;background:#fff}.form-fieldset-glass:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb14}.form-legend-glass{font-size:.75rem;color:var(--text-dim);font-weight:600;padding:0 6px;margin-left:-4px}.form-fieldset-glass .input-glass{border:none;padding:8px 0;background:transparent;box-shadow:none}.form-fieldset-glass .input-glass:focus{box-shadow:none}.form-group-glass label{font-size:.9rem;color:var(--text-dim);font-weight:500;padding-left:2px}.input-glass{background:#fff;border:1px solid var(--border-glass);border-radius:6px;padding:10px 14px;color:var(--text-main);outline:none;transition:all .2s;width:100%;font-family:inherit;font-size:.95rem}.input-glass:focus{border-color:var(--primary);background:#ffffffe6;box-shadow:0 0 0 4px #6366f114}.input-glass::placeholder{color:#94a3b8}.error-text{color:var(--error);font-size:.75rem;margin-top:4px;font-weight:500}.input-error{border-color:var(--error)!important}.input-error:focus{box-shadow:0 0 0 4px #ef444414!important}.searchable-select-wrap{position:relative;width:100%}.searchable-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;cursor:pointer}.searchable-select-placeholder{color:#94a3b8}.searchable-select-chevron{flex-shrink:0;color:var(--text-dim);transition:transform .2s}.searchable-select-chevron.open{transform:rotate(180deg)}.searchable-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:#fff;border:1px solid var(--border-glass);border-radius:8px;box-shadow:0 8px 24px #0000001f;overflow:hidden}.searchable-select-search{width:100%;padding:10px 12px;border:none;border-bottom:1px solid var(--border-glass);outline:none;font-family:inherit;font-size:.9rem}.searchable-select-options{list-style:none;margin:0;padding:4px 0;max-height:220px;overflow-y:auto}.searchable-select-option{display:block;width:100%;padding:10px 12px;border:none;background:none;text-align:left;cursor:pointer;font-family:inherit;font-size:.9rem;color:var(--text-main)}.searchable-select-option:hover,.searchable-select-option.selected{background:#6366f11a;color:var(--primary)}.searchable-select-empty{padding:12px;color:var(--text-dim);font-size:.85rem;text-align:center}.searchable-select-add-new{display:block;width:100%;padding:10px 12px;border:none;border-top:1px solid var(--border-glass);background:none;text-align:left;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;color:var(--primary)}.searchable-select-add-new:hover{background:#6366f114}.form-fieldset-glass .searchable-select-trigger{border:none;padding:8px 0;background:transparent;box-shadow:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-header)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .6s ease forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.text-main{color:var(--text-main)}.text-dim{color:var(--text-dim)}.text-primary{color:var(--primary)}.employee-name-link{padding:0;background:none;border:none;color:var(--text-main);cursor:pointer;font-weight:600;text-align:left;text-decoration:none;transition:color .2s,text-decoration-color .2s}.employee-name-link:hover{color:var(--primary);text-decoration:underline}@media (max-width: 768px){h1{font-size:1.8rem!important}h2{font-size:1.5rem!important}h3{font-size:1.2rem!important}.glass-card{padding:15px!important}}@media (max-width: 768px){.hide-mobile{display:none!important}}.show-mobile{display:none}@media (max-width: 768px){.show-mobile{display:block}}@media (max-width: 768px){.flex-mobile-column{flex-direction:column!important;align-items:flex-start!important}}@media (pointer: coarse){.btn-primary,.btn-secondary,.nav-item{min-height:44px}}.select-pagination{padding:5px 8px;border-radius:6px;border:1px solid var(--border-glass);background:#fff;color:var(--text-main);font-size:.85rem;outline:none;cursor:pointer;transition:all .2s}.select-pagination:hover{border-color:var(--primary);background:#ffffffe6}.org-chart-wrapper{background:#fff;min-height:calc(100vh - 100px);padding:20px;display:flex;flex-direction:column}.org-chart-controls{position:sticky;top:20px;z-index:100;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);border-radius:12px}.org-chart-viewport{width:100%;flex:1;overflow:auto;padding:20px;background:#fff;border-radius:12px;border:1px solid var(--border-glass)}.org-chart-canvas{transition:transform .3s cubic-bezier(.4,0,.2,1);display:block;min-width:600px}.org-tree-root{display:flex;flex-direction:column;gap:2px}.org-folder-node{display:flex;flex-direction:column;position:relative}.org-folder-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;background:#fff;border:1px solid var(--border-glass);box-shadow:0 1px 3px #0000000d;margin-bottom:8px;width:fit-content;min-width:280px}.org-folder-item:hover{background-color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #2563eb1a;transform:translateY(-1px)}.org-folder-item.active{background-color:var(--primary);color:#fff}.org-folder-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-dim);transition:transform .2s}.org-folder-item:hover .org-folder-toggle{color:var(--primary)}.org-folder-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}.org-folder-details{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.org-folder-name{font-weight:600;font-size:.9rem;color:var(--text-main);line-height:1.2;cursor:pointer;transition:color .2s}.org-folder-name:hover{color:var(--primary);text-decoration:underline}.org-folder-title{font-size:.75rem;color:var(--text-dim)}.org-folder-item:hover .org-folder-title{background:#fff}.org-folder-children{position:relative}.org-folder-node:after{content:"";position:absolute;left:5px;top:0;bottom:0;width:1px;background-color:var(--text-dim);opacity:.5}.org-folder-node:last-child:after{height:35px;bottom:auto;margin-top:-10px}.org-tree-root>.org-folder-node:after{display:none}.org-folder-node:before{content:"";position:absolute;left:5px;top:25px;width:30px;height:1px;background-color:var(--text-dim);opacity:.5}.org-tree-root>.org-folder-node:before{display:none}.org-loading,.org-error,.org-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center;width:100%}.tenant-selector{margin-top:4px;margin-bottom:12px;padding:8px 12px;background:#fff;border:1px solid var(--border-glass);border-radius:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s;width:100%;box-shadow:0 1px 2px #0000000d}.tenant-selector:hover{border-color:var(--primary);background:var(--primary-glow)}.tenant-info{display:flex;align-items:center;gap:8px;overflow:hidden}.tenant-name{font-size:.85rem;font-weight:600;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-selector-wrap{position:relative;width:100%}.tenant-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border-glass);border-radius:8px;margin-top:4px;box-shadow:0 10px 15px -3px #0000001a;z-index:1000;overflow:hidden}.tenant-option{padding:10px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;font-size:.85rem;color:var(--text-main)}.tenant-option:hover{background:var(--primary-glow);color:var(--primary)}.tenant-option.active{background:var(--primary-glow);color:var(--primary);font-weight:600}.tenant-badge{background:var(--primary);color:#fff;font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:700;text-transform:uppercase}.global-header{position:sticky;top:0;z-index:1000;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);padding:0 40px;display:flex;align-items:center;justify-content:space-between;min-height:40px;box-shadow:0 4px 6px -1px #0000000d}.breadcrumb-nav{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-dim)}.breadcrumb-item{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--text-dim);transition:all .2s ease;padding:4px 8px;border-radius:6px}.breadcrumb-item:hover{background:var(--primary-glow);color:var(--primary)}.breadcrumb-item.active{color:var(--text-main);font-weight:600}.breadcrumb-separator{color:#94a3b8;display:flex;align-items:center}.header-actions{display:flex;align-items:center;gap:20px}.tenant-selector-container.header-version,.tenant-switcher{position:relative}.tenant-switcher-trigger{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--border-glass);background:#fff;color:var(--text-main);cursor:pointer;transition:all .2s}.tenant-switcher-trigger:hover,.tenant-switcher-trigger.active{border-color:var(--primary);background:var(--primary-glow)}.tenant-switcher-icon{color:var(--primary);flex-shrink:0}.tenant-switcher-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-switcher-chevron{color:var(--text-dim);transition:transform .2s;flex-shrink:0}.tenant-switcher-chevron.open{transform:rotate(180deg)}.tenant-switcher-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--border-glass);border-radius:10px;box-shadow:0 10px 15px -3px #0000001a;min-width:180px;overflow:hidden;z-index:1100}.tenant-switcher-option{width:100%;padding:10px 16px;border:0;background:#fff;color:var(--text-main);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;text-align:left}.tenant-switcher-option:hover{background:var(--primary-glow);color:var(--primary)}.tenant-switcher-option.selected{font-weight:600;color:var(--primary)}.tenant-switcher-dot{width:8px;height:8px;border-radius:999px;background:currentColor;opacity:.65;flex-shrink:0}.tenant-switcher-option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-switcher-desktop .tenant-switcher-trigger{padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:500}.tenant-switcher-mobile{width:100%;max-width:180px}.tenant-switcher-mobile .tenant-switcher-trigger{justify-content:center;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.06em}.tenant-switcher-mobile .tenant-switcher-menu{left:50%;right:auto;transform:translate(-50%);width:min(240px,calc(100vw - 32px))}.tenant-selector-header{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1px solid var(--border-glass);border-radius:8px;cursor:pointer;transition:all .2s;font-size:.85rem;font-weight:500}.tenant-selector-header:hover,.tenant-selector-header.active{border-color:var(--primary);background:var(--primary-glow)}.tenant-selector-header .tenant-icon{color:var(--primary)}.tenant-selector-header .dropdown-icon{color:var(--text-dim);transition:transform .2s}.tenant-selector-header .dropdown-icon.open{transform:rotate(180deg)}.tenant-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid var(--border-glass);border-radius:10px;box-shadow:0 10px 15px -3px #0000001a;min-width:180px;overflow:hidden;z-index:1100}.tenant-dropdown-menu .tenant-option{padding:10px 16px;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.tenant-dropdown-menu .tenant-option:hover{background:var(--primary-glow);color:var(--primary)}.tenant-dropdown-menu .tenant-option.selected{font-weight:600;color:var(--primary)}.header-icons{display:flex;align-items:center;gap:12px}.icon-btn-circle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-glass);background:#fff;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn-circle:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.user-avatar-mini{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;border:2px solid white;box-shadow:0 0 0 1px var(--border-glass)}@media (max-width: 768px){.global-header{display:none}}.task-grid-container{width:100%;overflow:auto;border-radius:12px;border:1px solid var(--border-glass);background:#fff;box-shadow:0 4px 24px -1px #0000000d;position:relative;max-height:calc(100vh - 250px)}.task-grid{display:flex;flex-direction:column;min-width:fit-content}.task-grid-container-compact .grid-row{height:34px}.task-grid-container-compact .grid-cell{height:34px;padding-top:0;padding-bottom:0;font-size:.8125rem}.task-grid-container-compact .grid-cell input[type=checkbox]{margin:0}.grid-header-row{display:flex;background:#f8fafcf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20;border-bottom:2px solid var(--border-glass)}.grid-header-cell{padding:14px 16px 14px 5px;text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);border-right:1px solid var(--border-glass);position:relative;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px;background:inherit}.grid-header-cell:hover .column-drag-handle{opacity:1}.column-drag-handle{cursor:grab;opacity:0;transition:opacity .2s;color:var(--text-dim);display:flex;align-items:center}.column-drag-handle:active{cursor:grabbing}.grid-header-cell.column-draggable-header{cursor:grab}.grid-header-cell.column-draggable-header:active{cursor:grabbing}.grid-row{display:flex;transition:background .1s ease;background:#fff;border-bottom:1px solid var(--border-glass)}.grid-row.selected{background-color:#2563eb14!important}.grid-row:hover{background:#2563eb08}.grid-cell{padding:12px 16px 12px 5px;border-right:1px solid var(--border-glass);font-size:.875rem;color:var(--text-main);display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-cell:last-child,.grid-header-cell:last-child{border-right:none}.grid-resize-handle{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:30;transition:background .2s}.grid-resize-handle:hover,.grid-resize-handle.resizing{background:var(--primary)}.grid-sort-icon{display:flex;align-items:center;color:var(--primary)}.column-settings-popover{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid var(--border-glass);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1000;min-width:280px;max-width:320px;padding:16px;animation:slideUp .2s ease-out;display:flex;flex-direction:column;gap:12px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.column-chooser-header{font-weight:700;font-size:.9rem;color:var(--text-main);padding:0 4px}.column-chooser-search-container{position:relative;display:flex;align-items:center}.column-chooser-search-icon{position:absolute;left:10px;color:var(--text-dim)}.column-chooser-search{width:100%;padding:8px 12px 8px 32px;border:1px solid var(--border-glass);border-radius:8px;font-size:.85rem;outline:none;transition:border-color .2s}.column-chooser-search:focus{border-color:var(--primary)}.column-chooser-actions{display:flex;gap:8px;padding:0 4px}.column-chooser-action-btn{font-size:.75rem;font-weight:600;color:var(--primary);background:transparent;border:none;cursor:pointer;padding:4px 0}.column-chooser-action-btn:hover{text-decoration:underline}.column-chooser-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto;padding-right:4px}.column-chooser-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s;background:transparent;border:1px solid transparent}.column-chooser-item:hover{background:var(--bg-dark);border-color:var(--border-glass)}.column-chooser-item.dragging:not(.overlay){opacity:.3}.column-chooser-item.overlay{background:#fff;border-color:var(--primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;cursor:grabbing}.column-chooser-drag-handle{color:var(--border-glass);cursor:grab;display:flex;align-items:center;flex-shrink:0}.column-chooser-item:hover .column-chooser-drag-handle{color:var(--text-dim)}.column-chooser-label{flex:1;font-size:.875rem;-webkit-user-select:none;user-select:none}.column-chooser-toggle{position:relative;width:32px;height:18px;background:#e2e8f0;border-radius:99px;transition:background .2s}.column-chooser-toggle.active{background:var(--primary)}.column-chooser-toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px #0000001a}.column-chooser-toggle.active:after{transform:translate(14px)}.grid-cell-with-actions{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;gap:8px}.grid-cell-filter-btn{background:var(--primary);color:#fff;border:none;border-radius:4px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s ease;flex-shrink:0}.grid-row:hover .grid-cell-filter-btn{opacity:.2}.grid-cell-with-actions:hover .grid-cell-filter-btn{opacity:1;background:var(--primary);box-shadow:0 2px 4px #0003}.grid-cell-filter-btn:hover{transform:scale(1.1);background:var(--primary)}