.proj-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding-bottom:32px;display:grid}.proj-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);padding:20px;position:relative;overflow:hidden}.proj-card:before{content:"";background:var(--proj-color,var(--primary));border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.proj-card:hover{box-shadow:var(--shadow-soft);border-color:#cbd5e1;transform:translateY(-1px)}.proj-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.proj-card-title{color:var(--text-main);letter-spacing:-.015em;font-size:15px;font-weight:700}.proj-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:14px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.proj-card-meta{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.proj-progress-wrap{margin-bottom:12px}.proj-progress-label{color:var(--text-muted);justify-content:space-between;margin-bottom:5px;font-size:11px;font-weight:500;display:flex}.proj-progress-bar{background:#e2e8f0;border-radius:99px;height:4px;overflow:hidden}.proj-progress-fill{background:var(--proj-color,var(--primary));border-radius:99px;height:100%;transition:width .4s}.badge{border-radius:var(--radius-xs);letter-spacing:.01em;border:1px solid #0000;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-active{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.badge-on-hold{color:#d97706;background:#fffbeb;border-color:#fde68a}.badge-completed{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.badge-archived,.badge-pending{color:var(--text-muted);background:#f8fafc;border-color:#e2e8f0}.badge-in-progress{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.badge-critical{color:#dc2626;background:#fef2f2;border-color:#fecaca}.badge-high{color:#d97706;background:#fffbeb;border-color:#fde68a}.badge-medium{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.badge-low{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.proj-detail-header{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;padding:24px;display:flex}.proj-detail-title{color:var(--text-main);letter-spacing:-.025em;margin-bottom:6px;font-size:22px;font-weight:700}.proj-detail-desc{color:var(--text-muted);font-size:13px;line-height:1.6}.proj-stat{flex-direction:column;gap:2px;display:flex}.proj-stat-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.proj-stat-value{color:var(--text-main);font-size:13px;font-weight:600}.proj-tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:20px;display:flex}.proj-tab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.proj-tab-btn:hover{color:var(--text-main)}.proj-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.proj-tab-btn i{font-size:12px}.phases-container{flex-direction:column;gap:12px;display:flex}.phase-block{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.phase-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;transition:background .15s;display:flex}.phase-header:hover{background:var(--bg-hover)}.phase-toggle-icon{color:var(--text-light);flex-shrink:0;font-size:11px;transition:transform .2s}.phase-block.collapsed .phase-toggle-icon{transform:rotate(-90deg)}.phase-title{color:var(--text-main);letter-spacing:-.01em;font-size:14px;font-weight:700}.phase-progress-mini{color:var(--text-muted);align-items:center;gap:8px;font-size:11px;font-weight:500;display:flex}.phase-progress-mini .mini-bar{background:#e2e8f0;border-radius:99px;width:60px;height:3px;overflow:hidden}.phase-progress-mini .mini-fill{background:var(--primary);border-radius:99px;height:100%}.phase-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex}.phase-header:hover .phase-actions{opacity:1}.phase-body{padding:16px}.phase-block.collapsed .phase-body{display:none}.kanban-board{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.kanban-col{background:var(--bg-dark);border-radius:var(--radius-md);border:1px solid var(--border);min-height:100px;transition:var(--transition);padding:10px}.kanban-col-dragover{background:#2563eb0f;border-style:dashed;border-color:#2563eb}.task-card-dragging{opacity:.5}.task-card[draggable=true]:active{cursor:grabbing}.kanban-col-header{justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 2px;display:flex}.kanban-col-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.kanban-col-title i{font-size:10px}.kanban-col-count{color:var(--text-muted);border-radius:var(--radius-xs);background:#0000000f;padding:1px 6px;font-size:10px;font-weight:700}.col-todo .kanban-col-title{color:var(--text-muted)}.col-inprog .kanban-col-title{color:#2563eb}.col-review .kanban-col-title{color:#d97706}.col-done .kanban-col-title{color:#16a34a}.task-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);margin-bottom:7px;padding:10px 12px}.task-card:hover{border-color:#93c5fd;box-shadow:0 2px 8px #2563eb14}.task-card-title{color:var(--text-main);margin-bottom:7px;font-size:13px;font-weight:600;line-height:1.4}.task-card-meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.task-card-due{align-items:center;gap:3px;display:flex}.task-card-due.overdue{color:var(--danger)}.task-card-tags{flex-wrap:wrap;gap:4px;margin-bottom:7px;display:flex}.task-tag{background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-xs);border:1px solid #bfdbfe;padding:1px 6px;font-size:10px;font-weight:600}.add-task-btn{border-radius:var(--radius-sm);width:100%;color:var(--text-light);cursor:pointer;background:0 0;border:1px dashed #cbd5e1;justify-content:center;align-items:center;gap:5px;margin-top:6px;padding:7px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:flex}.add-task-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-subtle)}.overview-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.overview-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px}.overview-card h3{color:var(--text-main);align-items:center;gap:7px;margin-bottom:16px;font-size:13px;font-weight:700;display:flex}.phase-progress-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.phase-progress-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:150px;font-size:13px;font-weight:500;overflow:hidden}.phase-progress-track{background:#e2e8f0;border-radius:99px;flex:1;height:5px;overflow:hidden}.phase-progress-track-fill{background:var(--primary);border-radius:99px;height:100%;transition:width .4s}.phase-pct{color:var(--text-muted);text-align:right;flex-shrink:0;width:32px;font-size:11px;font-weight:700}.stat-big-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-big{background:var(--bg-dark);border-radius:var(--radius-md);border:1px solid var(--border);padding:14px 16px}.stat-big-num{color:var(--text-main);letter-spacing:-.03em;margin-bottom:4px;font-size:26px;font-weight:800;line-height:1}.stat-big-label{color:var(--text-muted);font-size:11px;font-weight:500}.gantt-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.gantt-header-row{border-bottom:1px solid var(--border);background:var(--bg-dark);display:flex}.gantt-label-col{width:220px;min-width:220px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-right:1px solid var(--border);padding:10px 16px;font-size:10px;font-weight:700}.gantt-months{flex:1;display:flex;overflow:hidden}.gantt-month{color:var(--text-muted);text-align:center;border-right:1px solid #f1f5f9;flex:1;padding:10px 6px;font-size:10px;font-weight:600}.gantt-row{border-bottom:1px solid #f8fafc;align-items:center;min-height:48px;display:flex}.gantt-row:last-child{border-bottom:none}.gantt-row-label{width:220px;min-width:220px;color:var(--text-main);border-right:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.gantt-track{flex:1;align-items:center;height:48px;padding:8px 6px;display:flex;position:relative}.gantt-bar{border-radius:var(--radius-xs);color:#fff;white-space:nowrap;text-overflow:ellipsis;opacity:.92;align-items:center;height:24px;padding:0 10px;font-size:10px;font-weight:600;transition:opacity .15s;display:flex;position:absolute;overflow:hidden}.gantt-bar:hover{opacity:1}.proj-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9000;background:#0f172a66;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.proj-modal-overlay.active{display:flex}.proj-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:520px;max-width:90vw;max-height:85vh;box-shadow:var(--shadow-md);padding:24px;animation:.2s cubic-bezier(.4,0,.2,1) modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.97)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.proj-modal-title{color:var(--text-main);letter-spacing:-.015em;align-items:center;gap:8px;margin-bottom:20px;font-size:16px;font-weight:700;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-group{margin-bottom:14px}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.color-picker-row{flex-wrap:wrap;gap:8px;display:flex}.color-dot{cursor:pointer;outline-offset:2px;border:2px solid #0000;border-radius:50%;outline:2px solid #0000;width:24px;height:24px;transition:transform .15s}.color-dot:hover{transform:scale(1.1)}.color-dot.selected{outline-color:var(--text-main)}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;padding-top:16px;display:flex}.btn-ghost{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;height:34px;transition:var(--transition);white-space:nowrap;flex-shrink:0;padding:0 16px;font-family:inherit;font-size:13px;font-weight:500}.btn-ghost:hover{background:var(--bg-hover)}.btn-danger{color:var(--danger);border-radius:var(--radius-sm);cursor:pointer;height:34px;transition:var(--transition);background:#fef2f2;border:1px solid #fecaca;padding:0 16px;font-family:inherit;font-size:13px;font-weight:500}.btn-danger:hover{background:#fee2e2}.empty-state{text-align:center;background:var(--bg-surface);border-radius:var(--radius-lg);border:1px dashed var(--border);padding:48px 20px}.empty-state>i{color:#cbd5e1;margin-bottom:12px;font-size:36px;display:block}.empty-state h3{color:var(--text-main);margin-bottom:6px;font-size:16px;font-weight:700}.empty-state p{color:var(--text-muted);margin-bottom:20px;font-size:13px}.proj-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.proj-search{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);max-width:280px;height:34px;transition:var(--transition);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.proj-search:focus-within{border-color:var(--primary);box-shadow:var(--shadow-glow)}.proj-search input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.proj-search i{color:var(--text-light);font-size:12px}.proj-filter-select{background:var(--field-bg);border:1px solid var(--border);border-radius:var(--radius-sm);height:34px;color:var(--text-main);cursor:pointer;transition:var(--transition);outline:none;padding:0 10px;font-family:inherit;font-size:13px}.proj-filter-select:hover{border-color:var(--border-focus)}.proj-filter-select:focus,.proj-filter-select.is-open{background:var(--field-bg-focus);border-color:var(--primary);box-shadow:var(--shadow-glow)}@media (max-width:1100px){.kanban-board{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}}.gantt-today-line{z-index:5;pointer-events:none;background:#2563eb;width:2px;position:absolute;top:0;bottom:0}.gantt-delivery-line{z-index:5;pointer-events:none;background:0 0;border-left:2px dashed #d97706;width:2px;position:absolute;top:0;bottom:0}.gantt-bar{position:relative;overflow:hidden}.gantt-bar-inner{pointer-events:none;background:#ffffff40;height:100%;position:absolute;top:0;left:0}.gantt-bar-label{z-index:1;white-space:nowrap;text-overflow:ellipsis;color:#fff;padding:0 8px;font-size:10px;position:relative;overflow:hidden}.gantt-milestone{color:#d97706;z-index:6;cursor:default;filter:drop-shadow(0 1px 2px #0000004d);font-size:14px;position:absolute;top:50%;transform:translateY(-50%)}.gantt-legend{color:var(--text-muted);flex-wrap:wrap;gap:16px;margin-bottom:10px;font-size:11px;display:flex}.gantt-legend-item{align-items:center;gap:5px;font-weight:500;display:flex}.gantt-today-dot{background:#2563eb;border-radius:2px;width:10px;height:10px;display:inline-block}.gantt-delivery-dot{border:2px dashed #d97706;border-radius:2px;width:10px;height:10px;display:inline-block}.proj-card-type{text-transform:uppercase;letter-spacing:.07em;color:var(--proj-color,var(--primary));margin-bottom:4px;font-size:10px;font-weight:700}.proj-card-client{color:var(--text-muted);align-items:center;gap:5px;margin-top:3px;font-size:12px;font-weight:500;display:flex}.proj-card-client i{font-size:10px}.proj-detail-type-badge{background:var(--primary-subtle);color:var(--primary);letter-spacing:.03em;border:1px solid #bfdbfe;border-radius:4px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.task-progress-bar{background:#e2e8f0;border-radius:99px;height:3px;overflow:hidden}.task-progress-fill{background:var(--primary);border-radius:99px;height:100%}.milestone-badge{color:#d97706;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;margin-bottom:5px;font-size:10px;font-weight:700;display:flex}.milestone-badge i{font-size:9px}
.canvas-viewport{background-color:#f4f6f8;background-image:radial-gradient(#00000017 1px,#0000 1px);background-size:24px 24px;border-radius:0;transition:background-color .2s}.interactive-canvas{transform-origin:0 0;width:0;height:0;box-shadow:none;background:0 0;border:none;position:absolute;top:0;left:0;overflow:visible}#canvasSvg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.edge-path{fill:none;stroke:var(--primary);stroke-width:3px;stroke-linecap:round;cursor:pointer;pointer-events:visibleStroke;transition:stroke .2s,stroke-width .2s}.edge-path:hover{stroke:var(--danger);stroke-width:5px}.edge-path-temp{fill:none;stroke:#ec4899;stroke-width:3px;stroke-dasharray:6;pointer-events:none;animation:10s linear infinite dash}.edge-label-badge{background:var(--bg-surface);color:var(--primary);border:1px solid var(--border);cursor:pointer;pointer-events:auto;z-index:5;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600;transition:all .2s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 4px #00000080}.edge-label-badge:hover{border-color:var(--primary);color:#fff;background:var(--primary)}.waypoint-handle{cursor:grab;pointer-events:none;stroke:var(--surface);stroke-width:2px;opacity:0;transition:opacity .2s}.edge-path:hover+.waypoint-handle,.waypoint-handle:hover,.waypoint-handle:active{opacity:1;pointer-events:all}.waypoint-handle:hover{fill:var(--danger);r:9px}.waypoint-handle:active{cursor:grabbing}@keyframes dash{to{stroke-dashoffset:-1000px}}#nodesContainer{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.interactive-node{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;color:#0f172a;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:140px;max-width:220px;padding:12px 16px;font-size:13px;font-weight:500;line-height:1.4;transition:box-shadow .15s,transform .1s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000012,0 1px 2px #0000000a}.interactive-node:hover{border-color:#93c5fd;box-shadow:0 4px 12px #2563eb1f,0 1px 3px #0000000f}.interactive-node.active-drag{cursor:grabbing;border-color:#2563eb;transform:translate(-50%,-50%)scale(1.03);box-shadow:0 0 0 3px #2563eb26,0 8px 24px #0000001a;z-index:100!important}.interactive-node.type-start{color:#16a34a;background:#f0fdf4;border-color:#16a34a;border-radius:50%;width:80px;height:80px;font-weight:700}.interactive-node.type-process{color:#1e40af;background:#eff6ff;border-color:#3b82f6}.interactive-node.type-decision{color:#7e22ce;background:#faf5ff;border:2px solid #a855f7;border-radius:6px;width:110px;height:110px;padding:0;transform:translate(-50%,-50%)rotate(45deg)}.interactive-node.type-decision .node-content{text-align:center;width:140px;margin-top:-10px;margin-left:-15px;transform:rotate(-45deg)}.interactive-node.type-decision .anchor-top{inset:-6px auto auto -6px}.interactive-node.type-decision .anchor-right{inset:-6px -6px auto auto}.interactive-node.type-decision .anchor-bottom{inset:auto -6px -6px auto}.interactive-node.type-decision .anchor-left{inset:auto auto -6px -6px}.interactive-node.type-io{color:#0e7490;background:#ecfeff;border:2px solid #06b6d4;transform:translate(-50%,-50%)skew(-15deg)}.interactive-node.type-io .node-content,.interactive-node.type-io .node-anchor{transform:skew(15deg)}.node-content{pointer-events:none}.node-anchor{background:var(--surface);border:2px solid var(--primary);cursor:crosshair;z-index:10;border-radius:50%;width:10px;height:10px;transition:transform .2s,background .2s;position:absolute}.node-anchor:hover{background:var(--primary);transform:scale(1.8)}.anchor-bottom{margin-left:-5px;bottom:-6px;left:50%}.anchor-top{margin-left:-5px;top:-6px;left:50%}.anchor-left{margin-top:-5px;top:50%;left:-6px}.anchor-right{margin-top:-5px;top:50%;right:-6px}.node-editor-modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.node-editor-modal.active{display:flex}.node-editor-modal .glass-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 32px #0000001a}.node-editor-modal input,.node-editor-modal select{color:#0f172a;background:#f4f6f8;border:1px solid #e2e8f0}
.org-chart-container{justify-content:center;width:100%;min-height:500px;padding:40px 20px 20px;display:flex;position:relative;overflow-x:auto}.tree{flex-direction:column;align-items:center;display:flex}.tree ul{justify-content:center;padding-top:20px;list-style:none;transition:all .5s;display:flex;position:relative}.tree li{flex-direction:column;align-items:center;padding:20px 10px 0;transition:all .5s;display:flex;position:relative}.tree li:before,.tree li:after{content:"";border-top:2px solid var(--border);width:50%;height:20px;position:absolute;top:0;right:50%}.tree li:after{border-left:2px solid var(--border);left:50%;right:auto}.tree li:only-child:after,.tree li:only-child:before{display:none}.tree li:only-child{padding-top:0}.tree li:first-child:before,.tree li:last-child:after{border:0}.tree li:last-child:before{border-right:2px solid var(--border);border-radius:0 5px 0 0}.tree li:first-child:after{border-radius:5px 0 0}.tree ul:before{content:"";border-left:2px solid var(--border);width:0;height:20px;position:absolute;top:0;left:50%}.org-node{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:220px;transition:var(--transition);cursor:pointer;flex-direction:column;align-items:center;padding:16px;display:flex;position:relative;box-shadow:0 4px 15px #0000001a}.org-node:hover{border-color:var(--primary);z-index:10;transform:translateY(-5px);box-shadow:0 8px 25px #6366f133}.org-node.drag-active{border-color:var(--primary)!important;background:#6366f10d!important;box-shadow:0 0 20px #6366f166!important}.node-avatar{border:2px solid var(--primary);border-radius:50%;width:56px;height:56px;margin-bottom:12px;padding:2px}.node-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.dept-name{color:var(--text-main);margin-bottom:4px;font-size:14px;font-weight:700;display:block}.head-name{color:var(--text-muted);font-size:13px}.role-badge{background:var(--primary);color:#fff;letter-spacing:.5px;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 10px #6366f166}.node-count{color:var(--text-muted);border-radius:var(--radius-sm);background:#ffffff0d;align-items:center;gap:6px;margin-top:12px;padding:4px 8px;font-size:11px;display:flex}.node-count i{color:var(--text-muted)}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;opacity:0;visibility:hidden;transition:var(--transition);background:#0f111acc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:450px;max-width:90%;box-shadow:var(--shadow-glow);transition:var(--transition);padding:30px;transform:translateY(20px)}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:20px}.close-btn:hover{color:var(--text-main)}.form-group{margin-bottom:16px}.form-group label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.emp-card{transition:transform .15s,box-shadow .15s,border-color .15s}.emp-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-3px)}.emp-back-btn{margin-bottom:16px}.emp-detail-header{flex-wrap:wrap;align-items:center;gap:24px;padding:24px;display:flex}.emp-avatar{object-fit:cover;border:3px solid var(--primary);border-radius:50%;flex-shrink:0;width:84px;height:84px}.emp-header-meta{flex:1;min-width:220px}.emp-role{color:var(--primary);margin:4px 0 12px;font-size:15px;font-weight:600}.emp-tags{flex-wrap:wrap;gap:8px;display:flex}.emp-pill{color:#fff;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.emp-pill-muted{background:var(--bg-hover);color:var(--text-muted)}.emp-pill-link{background:var(--primary-subtle);color:var(--primary);transition:var(--transition);text-decoration:none}.emp-pill-link:hover{background:var(--primary);color:#fff}.emp-header-stats{flex-wrap:wrap;gap:28px;padding-left:8px;display:flex}.emp-card-title{color:var(--text-main);align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.emp-card-title i{color:var(--primary)}.emp-info-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:8px 0;font-size:13px;display:flex}.emp-info-row:last-child{border-bottom:none}.emp-info-row span{color:var(--text-muted)}.emp-report-row{border-radius:var(--radius-md);color:var(--text-main);transition:var(--transition);align-items:center;gap:12px;padding:8px;text-decoration:none;display:flex}.emp-report-row:hover{background:var(--bg-hover)}.emp-report-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.emp-report-role{color:var(--text-muted);font-size:12px}.emp-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.emp-kpi{text-align:left}.emp-kpi-value{color:var(--text-main);margin-top:6px;font-size:24px;font-weight:700}.emp-kpi-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.emp-table{border-collapse:collapse;width:100%;font-size:13px}.emp-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px 10px;font-size:11px}.emp-table td{border-bottom:1px solid var(--border);color:var(--text-main);padding:10px}.emp-table tbody tr:last-child td{border-bottom:none}.emp-table tbody tr:hover{background:var(--bg-hover)}.emp-cal-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.emp-cal-item:last-child{border-bottom:none}.emp-cal-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.emp-cal-title{color:var(--text-main);font-size:13px;font-weight:600}.emp-cal-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.brand-outline-btn{background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;height:34px;transition:var(--transition);border:1px solid #bfdbfe;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.brand-outline-btn:hover{border-color:var(--primary);background:#dbeafe}.brand-outline-btn:active{transform:scale(.98)}.brand-outline-btn:disabled{opacity:.6;cursor:default}.brand-outline-btn i{color:var(--primary);font-size:12px}.emp-fullcal{height:700px;font-size:13px}.emp-fullcal .fc{height:100%}.emp-fullcal .fc .fc-toolbar-title{font-size:18px;font-weight:700}.emp-fullcal .fc .fc-button{font-size:12px}.emp-fullcal .fc .fc-timegrid-event.cal-overlap{box-shadow:0 0 0 2px var(--bg-surface)!important}.emp-fullcal .fc-daygrid-more-link{color:var(--text-muted);margin-top:1px;padding:1px 4px;font-size:11px;font-weight:500}.emp-fullcal .fc-daygrid-more-link:hover{background:var(--bg-hover);border-radius:var(--radius-xs,4px);color:var(--text-main)}.emp-cal-layout{grid-template-columns:1fr 300px;align-items:start;gap:20px;display:grid}@media (max-width:1100px){.emp-cal-layout{grid-template-columns:1fr}}.emp-legend{flex-direction:column;gap:8px;margin-top:12px;display:flex}.emp-legend-row{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;font-size:13px;transition:opacity .15s;display:flex}.emp-legend-left{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.emp-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.emp-legend-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.emp-legend-hours{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-weight:600}
.mail-page{flex-direction:column;height:100%;min-height:0;display:flex}.mail-shell{flex:1;grid-template-columns:240px 360px 1fr;gap:12px;min-height:0;display:grid}.mail-sidebar{background:var(--bg-hover);border:1px solid var(--border);border-radius:12px;padding:10px 8px;overflow-y:auto}.mail-section{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:4px 8px 6px;font-weight:600}.mail-folder{width:100%;color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:7px 9px;font-size:13px;display:flex}.mail-folder:hover{background:var(--bg-surface)}.mail-folder.is-active{background:var(--bg-surface);color:var(--primary);font-weight:600}.mail-folder i{width:15px;color:var(--text-muted)}.mail-folder.is-active i{color:var(--primary)}.mail-folder span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mail-count{color:var(--text-muted);text-align:right;min-width:18px;font-size:11px;font-weight:700}.mail-list{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.mail-list-head{border-bottom:1px solid var(--border);padding:10px}.mail-rows{flex:1;overflow-y:auto}.mail-row{border-bottom:1px solid var(--border);cursor:pointer;padding:7px 12px}.mail-row:hover{background:var(--bg-hover)}.mail-row.is-open,.mail-row.is-open:hover{background:color-mix(in srgb, var(--primary) 10%, var(--bg-surface))}.mail-row.is-open .mail-subject{color:var(--primary)}.mail-row-top{align-items:baseline;gap:8px;display:flex}.mail-from{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.mail-row.is-unfiled .mail-from{font-weight:700}.mail-when{color:var(--text-muted);white-space:nowrap;font-size:11px}.mail-subject{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:13px;overflow:hidden}.mail-row.is-unfiled .mail-subject{font-weight:600}.mail-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.mail-row-box{color:var(--text-muted);margin-top:3px;font-size:11px}.mail-reading{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.mail-reading-head{border-bottom:1px solid var(--border);padding:14px 16px}.mail-reading-subject{margin:0 0 6px;font-size:16px;font-weight:700}.mail-reading-meta{color:var(--text-muted);flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.mail-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.mail-actions i{margin-right:6px}.mail-links{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.mail-chip{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.mail-chip.is-on{border-color:var(--primary);color:var(--primary);background:var(--bg-dark)}.mail-chip:disabled{cursor:default}.mail-body{flex:1;padding:14px 16px;overflow-y:auto}.mail-frame{background:var(--bg-surface);border:0;width:100%;height:100%;min-height:380px}.mail-plain{font-family:var(--font-sans);white-space:pre-wrap;word-wrap:break-word;color:var(--text-main);margin:0;font-size:13px;line-height:1.55}.mail-banner{border:1px solid var(--border);background:var(--bg-hover);color:var(--text-muted);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;font-size:12px;display:flex}.mail-attachments{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.mail-attachment{border:1px solid var(--border);color:var(--text-main);background:var(--bg-hover);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}.mail-attachment:hover{border-color:var(--primary);color:var(--primary)}.mail-empty{text-align:center;color:var(--text-muted);padding:36px 16px;font-size:13px}.mail-hint{color:var(--text-muted);font-size:12px}@media (max-width:1200px){.mail-shell{grid-template-columns:320px 1fr}.mail-sidebar{display:none}}@media (max-width:860px){.mail-page{height:auto}.mail-shell{flex:none;grid-template-columns:1fr}.mail-list{max-height:420px}.mail-reading{min-height:420px}}
.ui-select{position:relative}.ui-select.is-full{width:100%;display:block}.ui-select:not(.is-full){display:inline-block}.ui-select-trigger{text-align:left;cursor:pointer;align-items:center;gap:8px;font-family:inherit;display:flex}.ui-select.is-full .ui-select-trigger{width:100%}.ui-select-trigger:disabled{cursor:not-allowed;opacity:.6}.ui-select-trigger.is-open{border-color:var(--primary);box-shadow:var(--shadow-glow);background:var(--bg-surface)}.ui-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ui-select-value.is-placeholder{color:var(--text-light)}.ui-select-chevron{color:var(--text-muted);pointer-events:none;flex-shrink:0;transition:transform .18s}.ui-select-trigger.is-open .ui-select-chevron{transform:rotate(180deg)}.ui-select-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:9999;--field-bg:var(--bg-dark);--field-bg-focus:var(--bg-surface);min-width:100%;max-height:260px;padding:4px;animation:.14s ease-out uiSelectIn;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 10px 25px #00000026}.ui-select-menu.is-up{animation-name:uiSelectInUp;top:auto;bottom:calc(100% + 6px)}@keyframes uiSelectIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes uiSelectInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ui-select-search{z-index:1;background:var(--bg-card);border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:-4px -4px 4px;padding:8px;position:sticky;top:-4px}.ui-select-search-field{display:block;position:relative}.ui-select-search-icon{color:var(--text-muted);pointer-events:none;font-size:12px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.ui-select-search-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--field-bg);width:100%;color:var(--text-main);transition:var(--transition);outline:none;padding:7px 10px 7px 29px;font-family:inherit;font-size:13px}.ui-select-search-input::placeholder{color:var(--text-light)}.ui-select-search-input:focus{background:var(--field-bg-focus);border-color:var(--primary);box-shadow:var(--shadow-glow)}.ui-select-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-light);padding:8px 12px 4px;font-size:11px;font-weight:700}.ui-select-option{border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .12s;display:flex}.ui-select-option:hover,.ui-select-option.is-active{background:var(--bg-hover)}.ui-select-sublabel{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11px;font-weight:400;display:block;overflow:hidden}.ui-select-option.is-selected{color:var(--primary);font-weight:600}.ui-select-option.is-disabled{color:var(--text-light);cursor:not-allowed}.ui-select-option .ui-select-check{color:var(--primary);margin-left:auto;font-size:11px}.ui-select-empty{text-align:center;color:var(--text-muted);padding:12px;font-size:13px}.ui-tooltip-floating{z-index:100000;pointer-events:none;color:#f8fafc;letter-spacing:.01em;border-radius:var(--radius-sm);white-space:nowrap;max-width:280px;box-shadow:var(--shadow-md);background:#0f172a;padding:6px 9px;font-size:12px;font-weight:500;line-height:1.4;transition:opacity .12s;position:fixed}.ui-tooltip-floating.is-wrap{white-space:normal;width:max-content;max-width:280px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;filter:invert(38%)sepia(11%)saturate(900%)hue-rotate(176deg)brightness(92%)contrast(86%);transition:opacity .15s}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;filter:invert(38%)sepia(11%)saturate(900%)hue-rotate(176deg)brightness(92%)contrast(86%);transition:opacity .15s}input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;filter:invert(38%)sepia(11%)saturate(900%)hue-rotate(176deg)brightness(92%)contrast(86%);transition:opacity .15s}input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;filter:invert(38%)sepia(11%)saturate(900%)hue-rotate(176deg)brightness(92%)contrast(86%);transition:opacity .15s}input[type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;filter:invert(38%)sepia(11%)saturate(900%)hue-rotate(176deg)brightness(92%)contrast(86%);transition:opacity .15s}input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1}input[type=time]:hover::-webkit-calendar-picker-indicator{opacity:1}input[type=datetime-local]:hover::-webkit-calendar-picker-indicator{opacity:1}input[type=month]:hover::-webkit-calendar-picker-indicator{opacity:1}input[type=week]:hover::-webkit-calendar-picker-indicator{opacity:1}input[type=file].file-input{color:var(--text-muted);cursor:pointer;font-size:13px}input[type=file].file-input::file-selector-button{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;margin-right:12px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600}input[type=file].file-input::-webkit-file-upload-button{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;margin-right:12px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600}input[type=file].file-input:hover::file-selector-button{background:var(--primary-hover)}input[type=file].file-input:hover::-webkit-file-upload-button{background:var(--primary-hover)}input[type=checkbox]:not(.native-checkbox){appearance:none;border:1.5px solid var(--border);background:var(--bg-surface);cursor:pointer;vertical-align:middle;border-radius:4px;flex-shrink:0;width:16px;height:16px;margin:0;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}input[type=checkbox]:not(.native-checkbox):hover{border-color:var(--primary)}input[type=checkbox]:not(.native-checkbox):checked,input[type=checkbox]:not(.native-checkbox):indeterminate{background:var(--primary);border-color:var(--primary)}input[type=checkbox]:not(.native-checkbox):checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1px;left:4.5px;transform:rotate(45deg)}input[type=checkbox]:not(.native-checkbox):indeterminate:after{content:"";background:#fff;width:8px;height:2px;position:absolute;top:6px;left:3px}input[type=checkbox]:not(.native-checkbox):focus-visible{box-shadow:var(--shadow-glow);outline:none}input[type=checkbox]:not(.native-checkbox):disabled{opacity:.55;cursor:not-allowed}.settings-page{padding-bottom:40px}.settings-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.settings-pill{color:var(--danger);letter-spacing:.02em;background:#fef2f2;border:1px solid #fecaca;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.set-card{margin-bottom:18px;padding:0}.set-card-head{border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(#f8fafc99,#0000);padding:16px 22px}.set-card-title{color:var(--text-main);margin:0;font-size:15px;font-weight:700}.set-card-sub{color:var(--text-muted);max-width:760px;margin:4px 0 0;font-size:13px;line-height:1.5}.set-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 22px;display:flex}.set-row:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-bottom:none}.set-row.is-toggle{cursor:pointer}.set-row.is-toggle:hover{background:var(--bg-hover)}.set-row.is-stacked{flex-wrap:nowrap;align-items:flex-start}.set-row-icon{border-radius:var(--radius-md);background:var(--primary-subtle);width:34px;height:34px;color:var(--primary);flex-shrink:0;place-items:center;font-size:15px;display:grid}.set-row-body{flex:240px;min-width:240px}.set-row.is-stacked .set-row-body{min-width:0}.set-row-label{color:var(--text-main);font-size:14px;font-weight:600}.set-row-desc{color:var(--text-muted);margin-top:3px;font-size:13px;line-height:1.5}.set-row-control{flex-shrink:0;margin-left:auto}.set-preview{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:14px;display:grid}.set-chip{border-radius:var(--radius-md);border:1px solid var(--border);background:#f8fafc;padding:9px 13px}.set-chip-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:10px;font-weight:700}.set-chip-value{color:var(--text-main);margin-top:3px;font-size:15px;font-weight:700}.set-hint{color:var(--text-light);margin:12px 0 0;font-size:12px}.set-holidays{flex-direction:column;gap:6px;margin:10px 0 14px;display:flex}.set-holiday{border-radius:var(--radius-md);border:1px solid var(--border);background:#f8fafc;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.set-holiday-date{min-width:110px;color:var(--text-main);font-weight:600}.set-holiday-name{color:var(--text-muted);flex:1}.set-holiday-empty{color:var(--text-light);margin:4px 0 12px;font-size:13px}.set-add-holiday{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.set-add-holiday .form-control{width:auto}.settings-footer{align-items:center;gap:12px;margin-top:4px;display:flex}.settings-footer .unsaved{color:var(--warning);align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}