@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Tajawal:wght@400;500;700&family=Almarai:wght@400;700&family=Rubik:wght@400;500;700&family=Readex+Pro:wght@400;600;700&family=IBM+Plex+Sans+Arabic:wght@400;600;700&family=Changa:wght@400;600;700&family=Noto+Sans+Arabic:wght@400;600;700&family=Manrope:wght@600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap);.header{background:var(--bg-surface);border-bottom:1px solid var(--border-default);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-content{gap:16px;height:var(--header-height);justify-content:space-between;max-width:100%;padding:0 24px}.header-content,.header-left{align-items:center;display:flex}.header-left{min-width:50px}.hamburger-btn{align-items:center;background:none;border:none;border-radius:var(--r-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:8px;transition:var(--transition)}.hamburger-btn:hover{background:var(--bg-hover)}.hamburger-btn .ms,.header-center{align-items:center;display:flex;justify-content:center}.header-center{flex:1 1;min-width:0}.header-brand{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:700;gap:8px;white-space:nowrap}.header-brand .ms{font-size:24px}.brand-text,.header-brand .ms{color:var(--brand-primary)}.header-right{gap:12px;min-width:0}.notification-btn{align-items:center;background:none;border:none;border-radius:var(--r-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:8px;position:relative;transition:var(--transition)}.notification-btn:hover{background:var(--bg-hover)}.notification-badge{background:var(--red);border-radius:50%;color:#fff;font-size:10px;font-weight:700;line-height:14px;min-width:18px;padding:2px 4px;position:absolute;right:0;text-align:center;top:0}.timer-btn{align-items:center;background:#2d7a3d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:var(--brand-font);font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.timer-btn:hover{background:#369247}.timer-btn.active{background:#c41c3b}.timer-btn.active:hover{background:#d62644}.timer-label{white-space:nowrap}.timer-separator{opacity:.7}.timer-display{font-family:Courier New,Monaco,monospace;font-size:12px;font-weight:700;letter-spacing:.5px}@media (max-width:768px){.header-content{gap:12px;padding:0 16px}.header-left{min-width:40px}.header-center{flex:0 1 auto}.header-brand{font-size:14px;gap:6px}.header-brand .ms{font-size:20px}.header-right{gap:10px}.hamburger-btn,.notification-btn{font-size:20px;padding:6px}}@media (max-width:480px){.header-content{gap:8px;padding:0 12px}.header-left{min-width:36px}.header-center{flex:0 1 auto}.header-brand{font-size:12px;gap:4px}.header-brand .ms{font-size:18px}.brand-text{display:none}.header-right{gap:8px}.hamburger-btn,.notification-btn{font-size:18px;padding:6px}.notification-badge{right:2px;top:2px}}.sidebar{background:var(--bg-surface);border-left:1px solid var(--border-default);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:calc(100vh - var(--header-height));overflow-x:hidden;overflow-y:auto;position:fixed;right:-300px;top:var(--header-height);transition:right .3s ease;width:300px;z-index:101}.sidebar.open{right:0}.sidebar-header{border-bottom:1px solid var(--border-default);flex-shrink:0;justify-content:space-between;padding:16px 20px}.close-btn,.sidebar-header{align-items:center;display:flex}.close-btn{background:none;border:none;border-radius:var(--r-sm);color:var(--text-primary);cursor:pointer;font-size:24px;justify-content:center;padding:6px;transition:var(--transition)}.close-btn:hover{background:var(--bg-hover)}.logo{color:var(--brand-primary);flex:1 1;font-size:20px;font-weight:700;margin:0;text-align:center}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:12px 0}.nav-item{align-items:center;border-right:3px solid transparent;color:var(--text-secondary);display:flex;font-family:var(--brand-font);font-size:14px;gap:12px;padding:12px 20px;text-decoration:none;transition:var(--transition)}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active,.nav-item:hover{border-right-color:var(--brand-primary)}.nav-item.active{background:rgba(109,231,190,.1);color:var(--brand-primary)}.nav-item .ms{flex-shrink:0;font-size:20px}.nav-item .label{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{border-top:1px solid var(--border-default);flex-shrink:0;padding:12px 0}.profile-btn{align-items:center;background:none;border:none;color:var(--brand-primary);cursor:pointer;display:flex;font-family:var(--brand-font);font-size:14px;gap:12px;padding:12px 20px;text-align:right;text-decoration:none;transition:var(--transition);width:100%}.profile-btn:hover{background:var(--bg-hover);color:var(--brand-hover)}.profile-btn .ms{flex-shrink:0;font-size:20px}.profile-btn .label{font-weight:500;white-space:nowrap}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@media (max-width:768px){.sidebar{right:-280px;width:280px}.nav-item{font-size:13px;padding:11px 16px}.nav-item .ms{font-size:18px}.close-btn{font-size:22px;padding:4px}.logo{font-size:18px}.profile-btn{font-size:13px;padding:11px 16px}.profile-btn .ms{font-size:18px}}@media (max-width:480px){.sidebar{right:-250px;width:250px}.close-btn{font-size:20px;padding:4px}.logo{font-size:16px}.nav-item{font-size:12px;padding:10px 14px}.nav-item .ms{font-size:16px}.profile-btn{font-size:12px;padding:10px 14px}.profile-btn .ms{font-size:16px}}.layout{display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%}.sidebar-overlay{animation:fadeIn .2s ease;background:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.layout-main{background:var(--bg-base);display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;width:100%}@media (max-width:768px){.layout-main{overflow-y:auto}}.login-page-container{align-items:center;background:linear-gradient(135deg,var(--bg-base) 0,var(--bg-elevated) 100%);display:flex;justify-content:center;min-height:100vh;padding:16px;width:100%}.login-box{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);max-width:420px;overflow:hidden;width:100%}.forgot-password-view,.login-form-view,.register-form-view,.verification-result-view{padding:32px 24px}.forgot-password-view h2,.login-form-view h2,.register-form-view h2{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:8px;text-align:center}.login-subtitle{color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:24px;text-align:center}.login-error{background:var(--red-d);border:1px solid hsla(0,100%,71%,.3);border-radius:var(--r-sm);color:var(--red);font-size:12px;line-height:1.4;margin-bottom:16px;padding:10px 12px;text-align:right}form{display:flex;flex-direction:column;gap:12px}.modal-input{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-primary);font-family:var(--brand-font);font-size:13px;padding:10px 12px;transition:var(--transition);width:100%}.modal-input::placeholder{color:var(--text-muted)}.modal-input:focus{background:var(--bg-elevated);border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(109,231,190,.13);outline:none}.login-form-view form>div{margin-bottom:4px;text-align:left}.forgot-password-view button[type=button],.login-form-view button[type=button],.register-form-view button[type=button],.verification-result-view button{background:none;border:none;color:var(--brand-primary);cursor:pointer;font-family:var(--brand-font);font-size:12px;padding:0;transition:var(--transition)}.forgot-password-view button[type=button]:hover,.login-form-view button[type=button]:hover,.register-form-view button[type=button]:hover,.verification-result-view button:hover{color:var(--brand-hover);text-decoration:underline}.forgot-password-view>div,.register-form-view>div,.verification-result-view>div{margin-top:12px;text-align:center}.register-toggle{color:var(--text-muted);font-size:12px}.register-toggle button{background:none;border:none;color:var(--brand-primary);cursor:pointer;font-family:var(--brand-font);font-size:12px;font-weight:700;margin-left:4px;padding:0;transition:var(--transition)}.register-toggle button:hover{color:var(--brand-hover)}.verification-result-view{text-align:center}.verification-result-view>div{padding:20px}.verification-result-icon{font-size:64px;line-height:1;margin-bottom:16px}.verification-result-icon.success{color:var(--green)}.verification-result-icon.error{color:var(--red)}.verification-result-view h2{font-size:20px;margin-bottom:10px;text-align:center}.verification-result-view p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:20px;text-align:center}.verification-result-view button{align-self:center}@media (max-width:768px){.login-page-container{padding:12px}.login-box{max-width:100%}.forgot-password-view,.login-form-view,.register-form-view,.verification-result-view{padding:24px 20px}.forgot-password-view h2,.login-form-view h2,.register-form-view h2{font-size:20px}.modal-input{padding:9px 11px}.forgot-password-view>p,.login-subtitle,.modal-input,.register-form-view>p,.verification-result-view p{font-size:12px}}@media (max-width:480px){.login-page-container{min-height:calc(100vh - 16px);padding:8px}.login-box{max-width:100%}.forgot-password-view,.login-form-view,.register-form-view,.verification-result-view{padding:20px 16px}.forgot-password-view h2,.login-form-view h2,.register-form-view h2{font-size:18px;margin-bottom:6px}.forgot-password-view>p,.login-subtitle,.register-form-view>p{font-size:11px;margin-bottom:16px}.login-error,.modal-input{font-size:11px;padding:8px 10px}.login-error{margin-bottom:12px}form{gap:10px}.forgot-password-view button[type=button],.login-form-view button[type=button],.register-form-view button[type=button],.register-toggle{font-size:11px}.verification-result-icon{font-size:52px;margin-bottom:12px}.verification-result-view h2{font-size:18px;margin-bottom:8px}.verification-result-view p{font-size:12px;margin-bottom:16px}}.modal-overlay{animation:fadeIn .2s ease;background:rgba(0,0,0,.7)}.modal-content{animation:slideUp .3s ease;background:#1a1a1a!important;border-radius:12px;max-height:80vh;max-width:500px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid hsla(0,0%,100%,.1)}.modal-header h2{color:#fff!important}.modal-close-btn{color:#888;padding:0}.add-project-form{display:flex;flex-direction:column;gap:16px;padding:20px}.form-group label{color:#ccc!important}.form-group input,.form-group textarea{background:#2a2a2a!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:8px;color:#fff!important;font-family:var(--brand-font);font-size:13px;padding:10px 12px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(109,231,190,.2);outline:none}.form-group input.error,.form-group textarea.error{border-color:var(--red)}.form-group input.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px hsla(0,100%,71%,.1)}.form-group textarea{min-height:60px}.btn-primary:hover{background:var(--brand-hover)}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@media (max-width:480px){.modal-content{max-height:90vh;width:95%}.modal-header{padding:16px}.add-project-form{gap:12px;padding:16px}.form-actions{flex-direction:column-reverse}.btn{width:100%}}.bsm-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.bsm-modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;box-shadow:var(--shadow-lg);direction:rtl;display:flex;flex-direction:column;max-width:95vw;overflow:hidden;width:380px}.bsm-header{align-items:center;border-bottom:1px solid var(--border-default);color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:8px;padding:16px 20px}.bsm-header .ms{color:var(--brand-primary);font-size:20px}.bsm-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;margin-right:auto;padding:4px;transition:var(--transition)}.bsm-close:hover{background:var(--bg-hover);color:var(--text-primary)}.bsm-body{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.bsm-preview{align-items:center;align-self:center;border-radius:18px;box-shadow:var(--shadow-md);display:flex;height:72px;justify-content:center;margin-bottom:4px;overflow:hidden;width:72px}.bsm-preview-img{height:100%;object-fit:cover;width:100%}.bsm-preview-initials{color:#fff;font-size:26px;font-weight:800;letter-spacing:-1px}.bsm-label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:-4px;text-transform:uppercase}.bsm-input{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:9px 12px;transition:var(--transition);width:100%}.bsm-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(109,231,190,.2);outline:none}.bsm-color-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr)}.bsm-color-swatch{aspect-ratio:1;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:transform .12s,border-color .12s}.bsm-color-swatch:hover{transform:scale(1.1)}.bsm-color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px var(--brand-primary);transform:scale(1.1)}.bsm-image-row{gap:8px}.bsm-image-row,.bsm-upload-btn{align-items:center;display:flex}.bsm-upload-btn{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:13px;gap:6px;padding:7px 14px;transition:var(--transition)}.bsm-upload-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.bsm-remove-btn{align-items:center;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:6px;padding:7px 12px;transition:var(--transition)}.bsm-remove-btn:hover{background:rgba(239,68,68,.08)}.bsm-footer{border-top:1px solid var(--border-default);display:flex;gap:8px;justify-content:flex-end;padding:16px 20px}.bsm-btn-cancel{background:transparent;border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:13px;padding:8px 18px;transition:var(--transition)}.bsm-btn-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.bsm-btn-save{align-items:center;background:var(--brand-primary);border:none;border-radius:8px;color:var(--text-on-brand);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:8px 18px;transition:var(--transition)}.bsm-btn-save:hover{opacity:.9}.bsm-btn-save:disabled{cursor:not-allowed;opacity:.5}.task-board-page{background:var(--bg-base);display:flex;flex-direction:column;gap:16px;height:calc(100vh - var(--header-height));margin:0;overflow:hidden;padding:16px 8px;width:100%}.board-empty-state{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;color:var(--text-muted);margin:auto;padding:48px 24px;text-align:center}.board-selector-wrapper{display:flex;padding:0 8px}.board-selector-dropdown{position:relative}.board-selector-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--brand-font);font-size:13px;font-weight:600;gap:8px;height:34px;justify-content:space-between;min-width:160px;padding:0 14px;transition:all .2s}.board-selector-btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.board-selector-name{flex:1 1;text-align:right}.dropdown-arrow{color:var(--text-muted);font-size:10px;transition:transform .2s}.board-selector-btn:hover .dropdown-arrow{color:var(--text-secondary)}.board-dropdown-menu{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:0 0 8px 8px;border-top:none;box-shadow:0 8px 16px rgba(0,0,0,.2);max-height:300px;min-width:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.board-dropdown-menu::-webkit-scrollbar{width:4px}.board-dropdown-menu::-webkit-scrollbar-track{background:transparent}.board-dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px}.board-menu-item{font-family:var(--brand-font);font-weight:600;padding:10px 16px;transition:all .2s}.board-menu-item:hover{background:rgba(109,231,190,.1)}.board-menu-item.active{background:rgba(109,231,190,.2);color:var(--brand-primary)}.kanban-board{align-items:flex-start;display:flex;flex:1 1;gap:16px;min-height:0;overflow-x:auto;overflow-y:hidden;padding:0 8px 8px}.kanban-board::-webkit-scrollbar{height:4px}.kanban-board::-webkit-scrollbar-track{background:transparent}.kanban-board::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px}.kanban-column-wrapper{border-radius:12px;cursor:grab;flex:0 0 320px;max-height:100%;min-width:320px;overflow-x:visible;overflow-y:auto;position:relative;transform-origin:center center;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,opacity .3s ease;will-change:transform}.kanban-column-wrapper:active{cursor:grabbing}.kanban-column-wrapper::-webkit-scrollbar{width:4px}.kanban-column-wrapper::-webkit-scrollbar-track{background:transparent}.kanban-column-wrapper::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:2px}.kanban-column-wrapper::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}.kanban-column-wrapper.dragging{box-shadow:0 16px 32px rgba(0,0,0,.5);cursor:grabbing;opacity:.6;transform:scale(.98) rotate(1deg);transition:none;z-index:1000}.kanban-column-wrapper.drag-over{box-shadow:0 8px 24px rgba(109,231,190,.3);transform:scale(1.01)}.kanban-column-wrapper.drag-over:before{animation:pulse-border 1.5s ease-in-out infinite;border:2px dashed var(--brand-primary);border-radius:16px;bottom:-4px;content:"";left:-4px;opacity:.8;position:absolute;right:-4px;top:-4px}@keyframes pulse-border{0%,to{border-color:var(--brand-primary);opacity:.5}50%{border-color:#6ee7b7;opacity:1}}.kanban-column-wrapper.insertion-indicator-left:before,.kanban-column-wrapper.insertion-indicator-right:after{animation:indicator-pulse 1.2s ease-in-out infinite;background:linear-gradient(180deg,transparent,var(--brand-primary),transparent);border-radius:2px;bottom:-16px;box-shadow:0 0 16px var(--brand-primary);content:"";opacity:0;position:absolute;top:-16px;transition:opacity .2s ease;width:4px;z-index:20}.kanban-column-wrapper.drag-over.insertion-indicator-left:before,.kanban-column-wrapper.drag-over.insertion-indicator-right:after{opacity:1}.insertion-indicator-left:before{left:-2px}.insertion-indicator-right:after{right:-2px}@keyframes indicator-pulse{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.2)}}.insertion-indicator{background:linear-gradient(180deg,transparent,var(--brand-primary),transparent);border-radius:2px;bottom:0;box-shadow:0 0 12px var(--brand-primary);opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:4px;z-index:20}.insertion-indicator.left{left:-2px}.insertion-indicator.right{right:-2px}.insertion-indicator.visible{animation:indicator-pulse 1.2s ease-in-out infinite;opacity:1}.add-column-container{align-items:flex-start;display:flex;flex:0 0 320px;min-width:320px}.btn-add-column{align-items:center;background:transparent;border:2px dashed transparent;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--brand-font);font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .2s;width:100%}.btn-add-column .ms{font-size:20px}.btn-add-column:hover{background:rgba(109,231,190,.05);border-color:var(--brand-primary);color:var(--brand-primary)}@media (max-width:1024px){.add-column-container,.kanban-column-wrapper{flex:0 0 280px;min-width:280px}}@media (max-width:768px){.add-column-container,.kanban-column-wrapper{flex:0 0 260px;min-width:260px}}@media (max-width:480px){.kanban-board{gap:12px}.add-column-container,.kanban-column-wrapper{flex:0 0 240px;min-width:240px}}.board-header-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;padding:0 8px}.board-header-actions{align-items:center;display:flex;gap:10px;margin-right:auto}.board-users-indicator{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--brand-font);font-size:12px;gap:4px;height:34px;padding:0 8px;transition:all .2s}.board-users-indicator:hover{background:var(--bg-hover);border-color:var(--border-strong)}.board-users-avatars{direction:ltr;display:flex}.board-user-avatar{align-items:center;border:2px solid var(--bg-base);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:9px;font-weight:700;height:22px;justify-content:center;margin-right:-5px;width:22px}.board-user-avatar:first-child{margin-right:0}.board-user-avatar.board-user-more{background:var(--bg-active);color:var(--text-muted);font-size:9px}.board-users-icon{font-size:15px!important}.contract-badge{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--brand-font);font-size:12px;gap:8px;height:34px;min-width:0;padding:0 10px;transition:all .2s;white-space:nowrap}.contract-badge:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.contract-badge>.ms{color:var(--brand-primary);flex-shrink:0;font-size:16px}.contract-badge.no-contract{color:var(--text-muted);font-style:italic}.contract-counters{align-items:center;display:flex;gap:10px;min-width:0}.contract-counter-item{align-items:center;display:flex;flex-shrink:0;font-size:11px;gap:4px}.counter-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.counter-label{color:var(--text-secondary);max-width:64px;overflow:hidden;text-overflow:ellipsis}.counter-nums{gap:2px}.counter-num,.counter-nums{align-items:center;display:flex}.counter-num{font-size:11px;font-weight:700;gap:1px}.counter-num-icon{font-size:10px}.counter-num.completed-num{color:#34d399}.counter-num.all-num{color:#a5b4fc}.counter-num-sep{color:var(--border-default);opacity:.6}.counter-num-target{color:var(--text-muted);font-size:10px}.contract-counters-sep{background:hsla(0,0%,100%,.1);flex-shrink:0;height:20px;width:1px}.contract-global-bars{display:flex;flex-direction:column;flex-shrink:0;gap:3px;width:80px}.global-bar-row{align-items:center;display:flex;gap:4px}.global-bar-label{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0;font-size:10px;gap:2px;min-width:26px}.global-bar-label .ms{font-size:10px}.counter-progress-bar{background:hsla(0,0%,100%,.08);border-radius:3px;flex:1 1;height:5px;min-width:0;overflow:hidden}.counter-progress-fill{border-radius:3px;height:100%;min-width:3px;transition:width .4s ease}.global-bar-pct{color:var(--text-muted);flex-shrink:0;font-size:9px;font-weight:700;min-width:22px;text-align:end}.contract-days-left{align-items:center;border-right:1px solid hsla(0,0%,100%,.1);color:var(--text-secondary);display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:3px;padding-right:10px}.contract-days-left .ms{color:var(--brand-primary);font-size:13px}.board-logs-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s;width:34px}.board-logs-btn:hover{background:var(--bg-hover);border-color:var(--brand-primary);color:var(--brand-primary)}.board-logs-btn .ms{font-size:18px}.view-mode-switcher{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;box-sizing:border-box;display:flex;gap:2px;height:34px;padding:2px}.view-mode-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;height:26px;justify-content:center;transition:var(--transition);width:28px}.view-mode-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.view-mode-btn.active{background:var(--brand-primary);color:var(--text-on-brand)}.view-mode-btn .ms{font-size:16px}.view-fullscreen{border:1px solid var(--border-default);border-radius:12px;flex:1 1;min-height:0;overflow:hidden}.board-popup-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.board-users-popup,.contract-modal{animation:fadeIn .18s ease;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.4);display:flex;flex-direction:column;max-height:85vh;width:100%}.board-users-popup{max-width:420px}.contract-modal{max-width:700px}.board-popup-header{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border-default);border-radius:16px 16px 0 0;display:flex;flex-shrink:0;gap:10px;padding:16px 20px}.board-popup-header .ms{color:var(--brand-primary);font-size:22px}.board-popup-header h3{color:var(--text-primary);flex:1 1;font-size:15px;font-weight:700;margin:0}.board-popup-body{flex:1 1;overflow-y:auto;padding:16px 20px}.board-popup-footer{border-top:1px solid var(--border-default);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 20px}.board-popup-hint{color:var(--text-muted);font-size:12px;margin:0 0 12px}.board-users-list{display:flex;flex-direction:column;gap:4px;max-height:360px;overflow-y:auto}.board-user-row{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:background .15s}.board-user-row:hover{background:var(--bg-hover)}.board-user-row.locked{cursor:default}.board-user-avatar-sm{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:34px;justify-content:center;width:34px}.board-user-info{display:flex;flex:1 1;flex-direction:column;gap:1px}.board-user-name{color:var(--text-primary);font-size:13px;font-weight:600}.board-user-role{color:var(--text-muted);font-size:11px}.board-user-lock{color:var(--text-muted);font-size:16px!important}.board-user-check{accent-color:var(--brand-primary);cursor:pointer;height:16px;width:16px}.contract-modal-body{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.contract-form-group{display:flex;flex-direction:column;gap:8px}.contract-form-group label{color:var(--text-secondary);font-size:12px;font-weight:600}.contract-textarea{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-family:var(--brand-font);font-size:13px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .2s;width:100%}.contract-textarea:focus{border-color:var(--brand-primary)}.contract-start-day{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.start-day-input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-family:var(--brand-font);font-size:14px;font-weight:700;outline:none;padding:8px 12px;text-align:center;width:80px}.start-day-input:focus{border-color:var(--brand-primary)}.start-day-hint{color:var(--text-muted);font-size:12px}.start-day-hint strong{color:var(--brand-primary)}.contract-items-section{display:flex;flex-direction:column;gap:12px}.contract-items-header{align-items:center;display:flex;justify-content:space-between}.contract-items-header label{color:var(--text-secondary);font-size:12px;font-weight:600}.contract-empty-items{background:var(--bg-surface);border:1px dashed var(--border-default);border-radius:8px;color:var(--text-muted);font-size:13px;padding:24px;text-align:center}.contract-items-list{display:flex;flex-direction:column;gap:8px}.contract-item-row{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;display:flex;gap:8px;padding:10px 12px}.contract-item-color-wrap{flex-shrink:0}.contract-item-color{background:none;border:none;border-radius:50%;cursor:pointer;height:32px;padding:0;width:32px}.contract-item-name{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:var(--brand-font);font-size:13px;outline:none;padding:7px 10px}.contract-item-name:focus{border-color:var(--brand-primary)}.contract-item-count-wrap{align-items:center;display:flex;flex-shrink:0;gap:4px}.contract-item-count{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-family:var(--brand-font);font-size:13px;outline:none;padding:7px 8px;text-align:center;width:60px}.contract-item-count:focus{border-color:var(--brand-primary)}.contract-item-count-label{color:var(--text-muted);font-size:11px}.contract-item-cols{flex-shrink:0;position:static}.contract-cols-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--brand-font);font-size:12px;gap:5px;padding:7px 10px;transition:all .15s;white-space:nowrap}.contract-cols-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.contract-cols-btn .ms{font-size:16px}.contract-cols-dropdown{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:2px;max-height:260px;min-width:200px;overflow-y:auto;padding:6px}.contract-col-option{align-items:center;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:7px 10px;transition:background .12s}.contract-col-option:hover{background:var(--bg-hover)}.contract-col-option input{accent-color:var(--brand-primary)}.col-color-dot{border-radius:3px;flex-shrink:0;height:10px;width:10px}.contract-item-delete{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;padding:4px;transition:all .15s}.contract-item-delete:hover{background:var(--red-d);color:var(--red)}.contract-item-delete .ms{font-size:18px}.contract-save-error{align-items:center;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);border-radius:8px;color:#ef4444;color:var(--red,#ef4444);display:flex;flex:1 1;font-size:12px;font-weight:600;gap:6px;padding:6px 10px}.contract-save-error .ms{font-size:16px}.contract-readonly-banner{align-items:center;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.25);border-radius:8px;color:var(--brand-primary);display:flex;font-size:13px;gap:8px;margin-bottom:4px;padding:8px 12px}.contract-readonly-banner .ms{font-size:16px}.logs-modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.35);display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;width:100%}.logs-filters{align-items:center;background:var(--bg-base);border-bottom:1px solid var(--border-default);display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px}.logs-filter-group{align-items:center;display:flex;gap:4px}.logs-filter-icon{color:var(--text-muted);font-size:16px}.logs-filter-sep{color:var(--text-muted);font-size:12px}.logs-filter-input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:12px;outline:none;padding:5px 8px}.logs-filter-input:focus{border-color:var(--brand-primary)}.logs-filter-select{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:12px;min-width:120px;outline:none;padding:5px 8px}.logs-filter-select:focus{border-color:var(--brand-primary)}.logs-clear-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:5px 8px;transition:all .2s}.logs-clear-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.logs-clear-btn .ms{font-size:16px}.logs-body{flex:1 1;overflow-y:auto;padding:8px 0}.logs-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px}.logs-empty .ms{opacity:.4}.logs-empty p{font-size:14px;margin:0}.rotating{animation:spin 1.5s linear infinite}.logs-list{display:flex;flex-direction:column}.log-entry{align-items:flex-start;border-bottom:1px solid var(--border-default);display:flex;gap:10px;padding:10px 20px;transition:background .15s}.log-entry:hover{background:var(--bg-hover)}.log-entry:last-child{border-bottom:none}.log-action-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.log-action-icon .ms{font-size:16px}.log-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:26px;justify-content:center;margin-top:2px;width:26px}.log-content{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.log-main{align-items:baseline;display:flex;flex-wrap:wrap;gap:6px}.log-user{color:var(--text-primary);flex-shrink:0;font-size:12px;font-weight:700}.log-action-text{color:var(--text-secondary);font-size:12px}.log-column-tag{align-self:flex-start;background:var(--bg-active);border-radius:4px;padding:1px 6px}.log-column-tag,.log-time{color:var(--text-muted);font-size:11px}.kanban-board.ctrl-held .kanban-card{cursor:copy!important}.kanban-board.ctrl-held .kanban-card:hover{border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(109,231,190,.2)}.multi-select-bar{bottom:24px;flex-direction:column;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:2000}.ms-bar-inner,.multi-select-bar{align-items:center;display:flex;gap:8px}.ms-bar-inner{animation:ms-bar-appear .2s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1e1e;border:1px solid rgba(109,231,190,.35);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.6),0 0 0 1px rgba(109,231,190,.1);padding:10px 16px;pointer-events:all}@keyframes ms-bar-appear{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.ms-count{align-items:center;border-inline-end:1px solid hsla(0,0%,100%,.1);color:var(--brand-primary);display:flex;font-size:13px;font-weight:700;gap:6px;padding-inline-end:12px}.ms-count .ms{font-size:18px}.ms-actions{gap:4px}.ms-actions,.ms-btn{align-items:center;display:flex}.ms-btn{background:none;border:none;border-radius:8px;color:#ccc;cursor:pointer;font-family:var(--brand-font);font-size:12px;font-weight:600;gap:5px;padding:6px 10px;transition:all .15s;white-space:nowrap}.ms-btn .ms{font-size:16px}.ms-btn:hover{background:hsla(0,0%,100%,.08);color:#fff}.ms-btn.active{background:rgba(109,231,190,.15);color:var(--brand-primary)}.ms-btn.danger{color:#ff6b6b}.ms-btn.danger:hover{background:hsla(0,100%,71%,.15);color:#ff6b6b}.ms-btn.cancel{color:#888}.ms-btn.cancel:hover{background:hsla(0,0%,100%,.05);color:#aaa}.ms-btn-divider{background:hsla(0,0%,100%,.1);height:24px;margin:0 4px;width:1px}.ms-panel{animation:ms-bar-appear .15s ease;background:#222;border:1px solid var(--border-default);border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.5);max-width:280px;min-width:200px;padding:8px;pointer-events:all}.ms-panel-header{align-items:center;border-bottom:1px solid var(--border-default);color:var(--text-muted);display:flex;font-size:12px;font-weight:700;gap:6px;margin-bottom:4px;padding:4px 8px 8px}.ms-panel-header .ms{font-size:16px}.ms-panel-list{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto}.ms-panel-item{align-items:center;background:none;border:none;border-radius:8px;color:#ccc;cursor:pointer;display:flex;font-family:var(--brand-font);font-size:13px;gap:10px;padding:8px 10px;text-align:right;transition:background .15s;width:100%}.ms-panel-item:hover{background:rgba(109,231,190,.1);color:#fff}.ms-panel-empty{color:#6b7280;font-size:12px;padding:10px 14px;text-align:center}.ms-user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.home-page{background:var(--bg-base);gap:40px;margin:0 auto;max-width:1400px;padding:24px;width:100%}.home-page,.home-section{display:flex;flex-direction:column}.home-section{background:#111;border:1px solid var(--border-default);border-radius:16px;gap:24px;padding:32px}.section-header{align-items:center}.section-header h2{margin:0}.projects-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.board-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:14px;cursor:pointer;direction:rtl;display:flex;flex-direction:column;gap:12px;min-height:180px;overflow:visible;padding:16px;position:relative;transition:var(--transition);z-index:0}.board-card.menu-open{z-index:100}.board-card:before{background:#6366f1;background:var(--board-color,#6366f1);border-radius:inherit;content:"";inset:0;opacity:.06;pointer-events:none;position:absolute;z-index:0}.board-card>*{position:relative}.board-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.board-card.drag-over{border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(109,231,190,.3);transform:scale(1.02)}.board-card-accent{border-radius:0 14px 14px 0;bottom:0;opacity:.8;position:absolute;right:0;top:0;width:4px}.board-card-top{align-items:flex-start;display:flex;gap:8px;position:relative}.board-menu-wrap{flex-shrink:0;position:relative}.board-menu-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;font-size:20px;line-height:1;padding:4px;transition:var(--transition)}.board-menu-btn:hover{background:hsla(0,0%,100%,.08);color:var(--text-primary)}.board-menu-dropdown{background:#1e1e1e;border:1px solid #3a3a3a;border:1px solid var(--border-strong,#3a3a3a);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.5);direction:rtl;min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.board-menu-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;direction:rtl;display:flex;font-family:inherit;font-size:13px;gap:8px;padding:9px 14px;text-align:right;transition:var(--transition);width:100%}.board-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.board-menu-item.danger{color:#ef4444}.board-menu-item.danger:hover{background:rgba(239,68,68,.08);color:#ef4444}.board-menu-item .ms{color:inherit;font-size:18px}.board-menu-sep{background:var(--border-default);height:1px;margin:4px 0}.board-days-badge{border-radius:20px;direction:rtl;flex-shrink:0;font-size:12px;font-weight:700;padding:3px 10px}.days-green{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);color:#10b981}.days-yellow{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);color:#f59e0b}.days-red{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#ef4444}.board-title-group{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.board-card-name{color:var(--text-primary);flex:1 1;font-size:15px;font-weight:700;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-logo{align-items:center;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.3);color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:42px;justify-content:center;letter-spacing:-.5px;overflow:hidden;width:42px}.board-logo img{height:100%;object-fit:cover;width:100%}.board-contract-section{display:flex;flex-direction:column;gap:5px}.board-contract-top{align-items:center;display:flex;justify-content:space-between}.board-contract-label{color:var(--text-muted);font-size:11px;font-weight:500}.board-contract-pct{color:#6366f1;color:var(--board-color,#6366f1);font-size:12px;font-weight:700}.board-progress-bar{background:hsla(0,0%,100%,.08);border-radius:3px;height:5px;overflow:hidden;width:100%}.board-progress-fill{border-radius:3px;height:100%;min-width:0;transition:width .4s ease}.board-contract-count{color:var(--text-muted);font-size:11px;text-align:left}.board-card-footer{align-items:center;border-top:1px solid hsla(0,0%,100%,.06);display:flex;justify-content:space-between;margin-top:auto;padding-top:8px}.board-stats{display:flex;gap:12px}.board-stat{color:var(--text-muted);gap:4px}.board-stat .ms{color:var(--text-muted);font-size:14px}.board-members{align-items:center;direction:ltr;display:flex;gap:4px}.board-member-avatar{align-items:center;border:2px solid var(--bg-surface);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:26px;justify-content:center;margin-left:-6px;width:26px}.board-member-avatar:first-child{margin-left:0}.avatar-more{background:var(--bg-elevated);color:var(--text-muted);font-size:9px}.board-member-count{color:var(--text-muted);direction:rtl;font-size:11px;margin-right:6px;white-space:nowrap}.add-project-card{align-items:center;background:transparent;border:2px dashed var(--border-default);border-radius:14px;color:var(--text-secondary);cursor:pointer;direction:rtl;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-height:180px;padding:20px;transition:var(--transition)}.add-project-card:hover{background:rgba(109,231,190,.05);border-color:var(--brand-primary);color:var(--brand-primary)}.add-board-icon{font-size:32px}.delete-board-modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;box-shadow:var(--shadow-lg);direction:rtl;flex-direction:column;gap:12px;max-width:95vw;padding:32px 28px 24px;text-align:center;width:360px}.dbm-icon,.delete-board-modal{align-items:center;display:flex}.dbm-icon{background:rgba(239,68,68,.12);border-radius:50%;height:52px;justify-content:center;margin-bottom:4px;width:52px}.dbm-icon .ms{color:#ef4444;font-size:26px}.delete-board-modal h3{color:var(--text-primary);font-size:17px;font-weight:700;margin:0}.delete-board-modal p{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}.delete-board-modal strong{color:var(--text-primary)}.dbm-actions{display:flex;gap:10px;margin-top:8px;width:100%}.dbm-btn-cancel{background:transparent;border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;padding:9px 0;transition:var(--transition)}.dbm-btn-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.dbm-btn-delete{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:9px 0;transition:var(--transition)}.dbm-btn-delete:hover{background:#dc2626}.add-widget-btn{background:rgba(109,231,190,.2);border:none;border-radius:8px;color:var(--brand-primary);cursor:pointer;font-family:var(--brand-font);font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.add-widget-btn:hover{background:rgba(109,231,190,.3)}.widgets-grid{grid-gap:16px;display:grid;gap:16px;grid-auto-rows:max-content;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.widget-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:16px}.widget-header{align-items:center;display:flex;justify-content:space-between}.widget-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:0;transition:color .2s}.widget-close-btn:hover{color:var(--text-secondary)}.widget-title{align-items:center;color:var(--text-primary);display:flex;font-size:12px;font-weight:600;gap:8px}.widget-icon{font-size:14px}.status-indicator{background:var(--brand-primary);border-radius:50%;height:6px;width:6px}.hours-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:8px;text-align:center}.hours-value{font-size:20px;font-weight:700}.hours-completed,.hours-required{color:var(--brand-primary)}.hours-remaining{color:var(--yellow)}.hours-labels{grid-gap:8px;color:var(--text-muted);display:grid;font-size:10px;gap:8px;grid-template-columns:repeat(3,1fr);text-align:center}.team-list{display:flex;flex-direction:column;gap:8px}.team-member{align-items:center;background:hsla(0,0%,100%,.05);border-radius:8px;display:flex;font-size:11px;justify-content:space-between;padding:8px}.member-status{color:var(--text-muted);font-size:10px}.member-info{align-items:center;display:flex;gap:8px}.member-name{color:var(--text-primary);font-size:12px}.status-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.status-dot.online{background:var(--brand-primary)}.status-dot.offline{background:var(--text-muted)}.widget-empty{color:var(--text-muted);font-size:12px;padding:24px}.task-count,.widget-empty{background:hsla(0,0%,100%,.05);border-radius:8px;text-align:center}.task-count{color:var(--text-primary);font-size:13px;font-weight:600;padding:16px}.performance-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:8px;text-align:center}.performance-value{font-size:18px;font-weight:700}.performance-total{color:var(--text-primary)}.performance-completed{color:var(--brand-primary)}.performance-inprogress{color:var(--yellow)}.performance-overdue{color:var(--red)}.performance-labels{grid-gap:8px;color:var(--text-muted);display:grid;font-size:9px;gap:8px;grid-template-columns:repeat(4,1fr);text-align:center}.attendance-table{overflow-x:auto}.attendance-table table{border-collapse:collapse;font-size:11px;width:100%}.attendance-table thead{border-bottom:1px solid var(--border-default)}.attendance-table th{color:var(--text-muted);font-size:10px;font-weight:600;padding:8px 4px;text-align:right}.attendance-table td{border-bottom:1px solid var(--border-default);color:var(--text-secondary);padding:6px 4px}.attendance-table td:last-child{border-bottom:none}.empty-message{padding:12px!important}.empty-message,.empty-state-box{color:var(--text-muted);text-align:center}.empty-state-box{background:var(--bg-elevated);border-radius:12px;padding:48px 24px}.empty-state-box p{font-size:14px;margin:0}@media (max-width:1024px){.home-page{gap:32px;padding:16px}.home-section{padding:24px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.widgets-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.home-page{gap:24px;padding:12px}.home-section{border-radius:12px;padding:16px}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.section-header h2{font-size:18px}.projects-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.widgets-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.widget-card{gap:12px;padding:12px}.hours-grid,.hours-labels,.performance-grid,.performance-labels{gap:6px}.hours-value,.performance-value{font-size:16px}.widget-title{font-size:11px}}@media (max-width:480px){.home-page{gap:16px;padding:8px}.home-section{padding:12px}.section-header h2{font-size:16px}.projects-grid,.widgets-grid{gap:10px;grid-template-columns:1fr}.widget-card{gap:10px;padding:12px}.hours-value,.performance-value{font-size:14px}.widget-title{font-size:10px}.add-widget-btn{width:100%}}.stat-card{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-lg);display:flex;gap:12px;overflow:hidden;padding:16px;position:relative;transition:var(--transition)}.stat-card:before{background:currentColor;content:"";height:100%;position:absolute;right:0;top:0;width:4px}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.stat-card-icon{align-items:center;border-radius:var(--r-md);display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-card-blue{color:var(--blue)}.stat-card-blue .stat-card-icon{background:var(--blue-d)}.stat-card-green{color:var(--green)}.stat-card-green .stat-card-icon{background:var(--green-d)}.stat-card-yellow{color:var(--yellow)}.stat-card-yellow .stat-card-icon{background:var(--yellow-d)}.stat-card-red{color:var(--red)}.stat-card-red .stat-card-icon{background:var(--red-d)}.stat-card-purple{color:var(--purple)}.stat-card-purple .stat-card-icon{background:rgba(167,139,250,.12)}.stat-card-content{display:flex;flex:1 1;flex-direction:column;justify-content:center}.stat-card-label{color:var(--text-secondary);font-size:12px;margin:0 0 4px}.stat-card-value{color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.stat-card-sublabel{color:var(--text-muted);font-size:11px;margin:4px 0 0}@media (max-width:768px){.stat-card{padding:12px}.stat-card-icon{font-size:20px;height:40px;width:40px}.stat-card-value{font-size:24px}}@media (max-width:480px){.stat-card{padding:12px}.stat-card-icon{font-size:18px;height:36px;width:36px}.stat-card-label{font-size:11px}.stat-card-value{font-size:20px}.stat-card-sublabel{font-size:10px}}.dashboard-page{margin:0 auto;max-width:1400px;padding:24px}.dashboard-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.dashboard-analytics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.dashboard-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-lg);overflow:hidden;transition:var(--transition)}.dashboard-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid var(--border-default);padding:16px}.card-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.card-content{padding:16px}.stat-row{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:10px 0}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-secondary);font-size:13px}.stat-value{font-size:18px}.stat-badge{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--brand-primary);font-size:13px;font-weight:600;padding:4px 10px}.progress-section{padding-top:16px}.progress-label{color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.progress-percent{color:var(--text-primary);font-weight:600}.progress-bar{background:var(--bg-surface);border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--brand-primary),var(--brand-hover));border-radius:3px;height:100%;transition:width .3s ease}.empty-state{padding:32px 16px}.empty-state p{font-size:13px}.dashboard-boards-section{border-top:1px solid var(--border-default);margin-top:40px;padding-top:32px}.boards-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.boards-section-header h2{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.view-all-link{align-items:center;background:none;border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--brand-primary);cursor:pointer;display:flex;font-family:var(--brand-font);font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:var(--transition)}.view-all-link:hover{background:var(--bg-hover);border-color:var(--brand-primary)}.view-all-link .ms{font-size:18px}.boards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.dashboard-board-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-lg);cursor:pointer;overflow:hidden;padding:0;transition:var(--transition)}.dashboard-board-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.board-card-header{align-items:center;background:linear-gradient(135deg,var(--brand-primary) 0,#5bcfa3 100%);display:flex;justify-content:center;padding:20px}.board-card-header .ms{color:#fff;font-size:32px}.board-card-title{border-bottom:1px solid var(--border-default);color:var(--text-primary);font-size:16px;font-weight:700;margin:0;padding:16px}.board-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:12px;margin:0;min-height:36px;overflow:hidden;padding:12px 16px}.board-card-stats{background:var(--bg-surface);border-top:1px solid var(--border-default);padding:12px 16px}.board-stat{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.board-stat .ms{color:var(--brand-primary);font-size:16px}.boards-empty-state{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-lg);color:var(--text-muted);padding:48px 24px;text-align:center}.boards-empty-state p{font-size:14px;margin:0}@media (max-width:1024px){.dashboard-analytics{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.boards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:768px){.dashboard-page{padding:16px}.dashboard-stats-grid{gap:12px;margin-bottom:24px}.dashboard-analytics{gap:16px;grid-template-columns:1fr}.card-header{padding:12px}.card-header h3{font-size:14px}.card-content{padding:12px}.stat-label{font-size:12px}.stat-value{font-size:16px}.dashboard-boards-section{margin-top:24px;padding-top:24px}.boards-section-header{margin-bottom:16px}.boards-section-header h2{font-size:18px}.view-all-link{font-size:12px;padding:6px 12px}.boards-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.board-card-title{font-size:14px;padding:12px}.board-card-description{font-size:11px;padding:10px 12px}.board-card-stats{padding:10px 12px}}@media (max-width:480px){.dashboard-page{padding:12px}.dashboard-stats-grid{gap:10px;grid-template-columns:1fr;margin-bottom:16px}.dashboard-analytics{gap:12px}.card-header{padding:10px}.card-header h3{font-size:13px}.card-content{padding:10px}.stat-row{padding:8px 0}.stat-label{font-size:11px}.stat-value{font-size:14px}.stat-badge{font-size:11px;padding:3px 8px}.dashboard-boards-section{margin-top:16px;padding-top:16px}.boards-section-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:12px}.boards-section-header h2{font-size:16px}.view-all-link{font-size:11px;justify-content:center;padding:8px 12px;width:100%}.boards-grid{gap:10px;grid-template-columns:1fr}.board-card-header{padding:16px}.board-card-header .ms{font-size:28px}.board-card-title{font-size:13px;padding:10px 12px}.board-card-description{font-size:10px;padding:8px 12px}.board-card-stats{padding:8px 12px}.board-stat{font-size:11px}}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;font-size:13px;width:100%}.data-table thead{background:var(--bg-hover)}.data-table th{border-bottom:1px solid var(--border-default);color:var(--text-secondary);font-size:12px;font-weight:600;padding:11px 16px;text-align:right;white-space:nowrap}.data-table th.actions-th{text-align:center;width:120px}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:12px 16px;text-align:right;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr.clickable{cursor:pointer}.data-table .no-data{color:var(--text-muted);font-size:13px;padding:40px;text-align:center}.actions-cell{align-items:center;display:flex;gap:6px;justify-content:center}.table-action-btn{border:1px solid transparent;border-radius:var(--r-sm);font-family:var(--brand-font);font-size:12px;font-weight:600;gap:5px;padding:5px 10px;transition:var(--transition);white-space:nowrap}.table-action-btn .ms{font-size:15px;line-height:1}@media (max-width:640px){.table-action-btn .action-label{display:none}.table-action-btn{padding:6px}}.table-action-default,.table-action-primary{background:var(--green-d);border-color:transparent;color:var(--brand-primary)}.table-action-default:hover,.table-action-primary:hover{background:var(--brand-primary);color:var(--text-on-brand)}.table-action-danger{background:var(--red-d);border-color:transparent;color:var(--red)}.table-action-danger:hover{background:var(--red);color:#fff}.table-action-secondary{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-secondary)}.table-action-secondary:hover{border-color:var(--border-strong);color:var(--text-primary)}.modal-overlay{background:rgba(0,0,0,.6);padding:16px;z-index:2000}.modal-content{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-lg);box-shadow:0 24px 48px rgba(0,0,0,.4);max-height:90vh;overflow-y:auto;width:100%}.modal-small{max-width:420px}.modal-medium{max-width:600px}.modal-large{max-width:780px}.modal-header{background:var(--bg-surface);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:16px 20px;position:sticky;top:0;z-index:1}.modal-header h2{font-size:16px}.modal-close{color:var(--text-muted);font-size:20px;height:30px;line-height:1;width:30px}@media (max-width:768px){.modal-large,.modal-medium,.modal-small{max-width:100%}}.add-employee-form,.edit-employee-form{display:flex;flex-direction:column;gap:16px}.form-row{grid-template-columns:repeat(2,1fr)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-primary);font-family:var(--brand-font);font-size:13px;padding:9px 12px;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(109,231,190,.12);outline:none}.form-group input[type=color]{cursor:pointer;height:38px;padding:4px 6px}.form-group textarea{min-height:80px;resize:vertical}.checkbox-label{align-items:center;color:var(--text-primary)!important;cursor:pointer;display:flex;font-size:13px!important;font-weight:500!important;gap:8px;margin-top:auto;padding-bottom:6px}.checkbox-label input[type=checkbox]{accent-color:var(--brand-primary);border:none;height:16px;padding:0;width:16px}.form-note{align-items:center;background:var(--bg-hover);border-radius:var(--r-sm);color:var(--text-muted);display:flex;font-size:12px;gap:6px;margin:0;padding:8px 12px}.form-note .ms{color:var(--brand-primary);font-size:16px}.form-actions{border-top:1px solid var(--border-default);gap:10px;margin-top:8px;padding-top:16px}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirm-modal{animation:slideIn .3s ease;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);max-width:400px;overflow:hidden;width:100%}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{align-items:center;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:var(--transition)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:32px 20px;text-align:center}.delete-icon{color:var(--red);display:flex;font-size:48px;justify-content:center;margin-bottom:16px}.delete-message{color:var(--text-primary);font-size:14px;line-height:1.6;margin:0 0 8px}.delete-warning{color:var(--text-muted);font-size:12px;margin:0}.modal-footer{gap:12px}.modal-footer .btn{min-width:100px}.danger-btn{align-items:center;background:var(--red);border:1px solid var(--red);color:#fff;display:flex;gap:6px;justify-content:center}.danger-btn:hover{filter:brightness(.9);transform:translateY(-1px)}@media (max-width:480px){.delete-confirm-modal{margin:0 16px;max-width:calc(100% - 32px)}.modal-header{padding:16px}.modal-header h2{font-size:16px}.modal-body{padding:24px 16px}.delete-icon{font-size:40px;margin-bottom:12px}.delete-message{font-size:13px}.delete-warning{font-size:11px}.modal-footer{flex-direction:column-reverse;gap:10px;padding:12px 16px}.modal-footer .btn{min-width:0;min-width:auto;width:100%}}.employee-management-page{margin:0 auto;max-width:1400px;padding:24px}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 6px}.page-subtitle{color:var(--text-secondary);font-size:13px;margin:0}.emp-tabs{border-bottom:1px solid var(--border-default);display:flex;gap:4px;margin-bottom:24px;overflow-x:auto}.emp-tab{align-items:center;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--brand-font);font-size:13px;font-weight:600;gap:8px;margin-bottom:-1px;padding:10px 18px;transition:var(--transition);white-space:nowrap}.emp-tab .ms{font-size:18px}.emp-tab:hover{background:var(--bg-hover);border-radius:var(--r-sm) var(--r-sm) 0 0;color:var(--text-primary)}.emp-tab.active{border-bottom-color:var(--brand-primary);color:var(--brand-primary)}.tab-section{animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.section-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 4px}.section-desc{color:var(--text-secondary);font-size:12px;margin:0}.filters-section{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-lg);flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.filters-section,.search-box{align-items:center;display:flex}.search-box{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-muted);flex:1 1;gap:8px;min-width:250px;padding:0 12px}.search-box .ms{font-size:18px}.search-input{background:none;border:none;color:var(--text-primary);flex:1 1;font-family:var(--brand-font);font-size:13px;outline:none;padding:10px 0}.search-input::placeholder{color:var(--text-muted)}.filter-group{display:flex;flex-wrap:wrap;gap:12px}.filter-select{background:var(--bg-surface);border-radius:var(--r-sm);cursor:pointer;font-family:var(--brand-font);min-width:150px;padding:8px 10px;transition:var(--transition)}.filter-select:hover{border-color:var(--border-strong)}.filter-select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(109,231,190,.13);outline:none}.employees-table-section{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-lg);overflow:hidden}.employee-avatar{object-fit:cover}.avatar-placeholder,.employee-avatar{border-radius:50%;height:40px;width:40px}.avatar-placeholder{align-items:center;background:var(--brand-primary);color:var(--text-on-brand);display:flex;font-size:16px;font-weight:700;justify-content:center}.role-badge,.status-badge{border-radius:var(--r-sm);display:inline-block;font-size:11px;font-weight:600}.status-active{background:var(--green-d);color:var(--green)}.status-inactive{background:var(--red-d);color:var(--red)}.status-on_leave{background:var(--yellow-d);color:var(--yellow)}.role-admin{background:var(--red-d);color:var(--red)}.role-manager{background:var(--blue-d);color:var(--blue)}.role-team_leader{background:var(--yellow-d);color:var(--yellow)}.role-employee{background:var(--bg-active);color:var(--text-secondary)}.role-intern{background:var(--bg-hover);color:var(--text-muted)}.empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;padding:48px 24px;text-align:center}.empty-state p{font-size:14px;margin:0}.sub-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.sub-tab{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--brand-font);font-size:13px;font-weight:600;gap:8px;padding:9px 16px;transition:var(--transition)}.sub-tab .ms{font-size:18px}.sub-tab:hover{border-color:var(--border-strong);color:var(--text-primary)}.sub-tab.active{background:var(--green-d);border-color:var(--brand-primary);color:var(--brand-primary)}.badge{align-items:center;background:var(--red);border-radius:9px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.requests-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.request-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-md);display:flex;flex-direction:column;gap:10px;padding:16px;transition:var(--transition)}.req-border-pending{border-right:3px solid var(--yellow)}.req-border-approved{border-right:3px solid var(--green)}.req-border-rejected{border-right:3px solid var(--red)}.req-header{align-items:flex-start;display:flex;justify-content:space-between}.req-user{gap:10px}.avatar-sm,.req-user{align-items:center;display:flex}.avatar-sm{background:var(--brand-primary);border-radius:50%;color:var(--text-on-brand);flex-shrink:0;font-size:14px;font-weight:700;height:34px;justify-content:center;width:34px}.req-name{color:var(--text-primary);font-size:13px;font-weight:600;margin:0}.req-type{color:var(--text-muted);font-size:11px;margin:0}.req-status{border-radius:12px;flex-shrink:0;font-size:11px;font-weight:600;padding:3px 10px}.req-pending{background:var(--yellow-d);color:var(--yellow)}.req-approved{background:var(--green-d);color:var(--green)}.req-rejected{background:var(--red-d);color:var(--red)}.req-dates{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.req-dates .ms{font-size:16px}.req-days{color:var(--text-primary);font-weight:600}.req-reason{color:var(--text-secondary);font-size:12px;line-height:1.5;margin:0}.req-actions{display:flex;gap:8px}.req-btn{align-items:center;border:none;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;font-family:var(--brand-font);font-size:12px;font-weight:600;gap:5px;padding:6px 14px;transition:var(--transition)}.req-btn .ms{font-size:16px}.req-btn.approve{background:var(--green-d);color:var(--green)}.req-btn.approve:hover{background:var(--green);color:var(--text-on-brand)}.req-btn.reject{background:var(--red-d);color:var(--red)}.req-btn.reject:hover{background:var(--red);color:#fff}.roles-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:220px 1fr}.roles-list{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:4px;padding:12px}.list-section-label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.06em;margin:0 4px 4px;text-transform:uppercase}.role-item{align-items:center;background:transparent;border:none;border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--brand-font);font-size:13px;gap:8px;padding:9px 12px;text-align:right;transition:var(--transition);width:100%}.role-item .ms{flex-shrink:0;font-size:16px}.role-item:hover{background:var(--bg-hover);color:var(--text-primary)}.role-item.active{background:var(--green-d);color:var(--brand-primary)}.role-system-tag{background:var(--bg-active);border-radius:8px;color:var(--text-muted);font-size:9px;margin-right:auto;padding:1px 6px}.roles-detail{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:20px}.roles-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.roles-detail-header h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.info-tag{align-items:center;background:var(--bg-hover);border-radius:12px;color:var(--text-muted);display:inline-flex;font-size:12px;gap:5px;padding:4px 10px}.info-tag .ms{font-size:14px}.danger-btn{border-color:var(--red-d)!important;color:var(--red)!important}.danger-btn:hover{background:var(--red-d)!important}.perm-matrix{display:flex;flex-direction:column;gap:16px}.perm-group{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);overflow:hidden}.perm-group-header{align-items:center;background:var(--bg-hover);border-bottom:1px solid var(--border-default);color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px}.perm-group-header .ms{font-size:18px}.perm-rows{padding:4px 0}.perm-row{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:9px 16px;transition:background .12s}.perm-row:hover{background:var(--bg-hover)}.perm-row.read-only{cursor:default}.perm-label{color:var(--text-primary);font-size:13px}.perm-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;line-height:1;padding:0;transition:var(--transition)}.perm-toggle .ms{font-size:28px}.perm-toggle.on .ms{color:var(--brand-primary)}.perm-toggle.off .ms{color:var(--text-muted)}.perm-toggle:disabled{cursor:default}.user-perm-row{justify-content:space-between}.perm-user-controls{align-items:center;display:flex;flex-shrink:0;gap:8px}.perm-source .ms{font-size:14px}.source-role .ms{color:var(--text-muted)}.source-override .ms{color:var(--yellow)}.user-perm-row.has-override .perm-label{font-weight:600}.perm-clear-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;padding:2px;transition:var(--transition)}.perm-clear-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.perm-clear-btn .ms{font-size:15px}.perm-user-select{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.perm-select-label{color:var(--text-secondary);font-size:13px;font-weight:600;white-space:nowrap}.perm-select{min-width:260px}.perm-legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.legend-item{align-items:center;color:var(--text-muted);display:inline-flex;font-size:11px;gap:5px}.legend-item .ms{font-size:14px}.legend-role .ms{color:var(--text-muted)}.legend-override .ms{color:var(--yellow)}.teams-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.team-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:10px;padding:18px;transition:var(--transition)}.team-card:hover{border-color:var(--border-strong)}.team-card-header{align-items:flex-start;display:flex;justify-content:space-between}.team-name-block{align-items:center;display:flex;gap:10px}.team-icon{color:var(--brand-primary);font-size:24px!important}.team-name{color:var(--text-primary);font-size:15px;font-weight:700;margin:0}.team-name-en{color:var(--text-muted);font-size:11px;margin:0}.team-actions{display:flex;gap:4px}.danger-icon{color:var(--red)!important}.danger-icon:hover{background:var(--red-d)!important}.team-desc{color:var(--text-secondary);font-size:12px;line-height:1.5;margin:0}.team-leader{align-items:center;color:var(--yellow);display:flex;font-size:12px;gap:6px}.team-leader .ms{font-size:16px}.team-members{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.team-members .avatar-sm{cursor:default;font-size:11px;height:28px;width:28px}.members-more{background:var(--bg-active);border-radius:12px;padding:2px 7px}.members-more,.no-members{color:var(--text-muted);font-size:11px}.member-picker{background:var(--bg-surface);border:1px solid var(--border-default);flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;padding:8px}.member-checkbox,.member-picker{border-radius:var(--r-sm);display:flex}.member-checkbox{align-items:center;color:var(--text-primary);cursor:pointer;font-size:13px;gap:10px;padding:6px 8px;transition:var(--transition)}.member-checkbox:hover{background:var(--bg-hover)}.member-checkbox input[type=checkbox]{accent-color:var(--brand-primary)}.modal-sm{max-width:420px}.modal-md{max-width:580px}.tab-section .modal-content{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-lg);width:100%}.tab-section .modal-header{background:var(--bg-surface);border-bottom:1px solid var(--border-default);padding:16px 20px}.tab-section .modal-header h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.modal-close-btn{background:none;border-radius:var(--r-sm);font-size:18px;height:30px;transition:var(--transition);width:30px}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{display:flex;flex-direction:column;gap:14px;padding:20px}.modal-footer{border-top:1px solid var(--border-default);display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-group{gap:6px}.form-group label{color:var(--text-secondary);font-size:12px}.tab-section input[type=email],.tab-section input[type=tel],.tab-section input[type=text],.tab-section select,.tab-section textarea{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-primary);font-family:var(--brand-font);font-size:13px;padding:9px 12px;transition:var(--transition);width:100%}.tab-section input:focus,.tab-section select:focus,.tab-section textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(109,231,190,.12);outline:none}@media (max-width:900px){.roles-layout{grid-template-columns:1fr}.roles-list{flex-direction:row;flex-wrap:wrap}}@media (max-width:768px){.employee-management-page{padding:16px}.page-header{flex-direction:column;gap:12px}.page-header h1{font-size:22px}.filters-section{flex-direction:column}.search-box{min-width:0;min-width:auto;width:100%}.filter-group{width:100%}.filter-select{flex:1 1;min-width:auto}.form-row,.requests-grid,.teams-grid{grid-template-columns:1fr}}@media (max-width:480px){.employee-management-page{padding:12px}.page-header h1{font-size:20px}.emp-tabs{gap:2px}.emp-tab{font-size:12px;padding:8px 10px}.emp-tab .ms{font-size:16px}.emp-tab span:not(.ms){display:none}}.contracts-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:260px 1fr}.contracts-sidebar{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;max-height:600px;overflow:hidden;overflow-y:auto}.contract-emp-btn{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:right;transition:background .15s;width:100%}.contract-emp-btn:last-child{border-bottom:none}.contract-emp-btn:hover{background:var(--bg-elevated)}.contract-emp-btn.active{background:rgba(52,211,153,.1);background:var(--brand-primary-10,rgba(52,211,153,.1));border-right:3px solid var(--brand-primary)}.contract-emp-info{display:flex;flex-direction:column;gap:2px}.contract-emp-name{font-size:14px;font-weight:500}.contract-emp-hours{color:var(--text-muted);font-size:12px}.contracts-editor{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:24px}.contract-editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.contract-editor-header h3{font-size:18px;margin:0}.contract-weekly-total{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;padding:8px 14px}.contract-weekly-total strong{color:var(--brand-primary)}.contract-days-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.contract-day-card{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:14px 8px;transition:border-color .2s}.contract-day-card:not(.day-off){border-color:var(--brand-primary)}.contract-day-card.day-off{opacity:.55}.day-label{color:var(--text-secondary);font-size:12px;font-weight:600}.day-hours-input{align-items:center;display:flex;gap:4px}.hours-input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);direction:ltr;font-size:15px;font-weight:600;padding:6px;text-align:center;width:54px}.hours-input:focus{border-color:var(--brand-primary);outline:none}.hours-unit{color:var(--text-muted);font-size:12px}.day-status{font-size:11px}.day-status,.empty-hint,.loading-hint{color:var(--text-muted);text-align:center}.empty-hint,.loading-hint{padding:40px}@media (max-width:900px){.contracts-layout{grid-template-columns:1fr}.contract-days-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.contract-days-grid{grid-template-columns:repeat(2,1fr)}}.contract-popup-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.contract-popup{animation:fadeIn .18s ease;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.4);max-height:90vh;max-width:680px;overflow-y:auto;width:100%}.contract-popup-header{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border-default);border-radius:16px 16px 0 0;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.contract-popup-title{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:700;gap:10px}.contract-popup-title .ms{color:var(--brand-primary);font-size:22px}.contract-popup-btns{align-items:center;display:flex;gap:8px}.btn-sm{font-size:12px!important;gap:5px!important;padding:6px 12px!important}.contract-popup-body{padding:20px}.hours-input:disabled{cursor:default;opacity:.6}.kanban-column{--column-header-bg:linear-gradient(135deg,#6366f1,rgba(99,102,241,.8));background:#1a1a1a;border:1px solid var(--border-default);border-radius:12px;display:flex;flex-direction:column;position:relative}.column-header{align-items:center;background:var(--column-header-bg);border-bottom:1px solid var(--border-default);border-radius:12px 12px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px;position:sticky;top:0;transition:background .4s ease;z-index:10}.column-title-section{align-items:center;display:flex;gap:12px}.column-title{color:#fff;font-size:14px;font-weight:700;margin:0;padding:0;text-shadow:0 1px 3px rgba(0,0,0,.3)}.column-client-badge{align-items:center;background:rgba(109,231,190,.25);border-radius:4px;color:var(--brand-primary);display:flex;justify-content:center;margin-inline-start:2px;padding:2px 4px}.column-client-badge .ms{font-size:14px}.column-card-count{align-items:center;background:hsla(0,0%,100%,.2);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.column-menu-wrapper{position:relative;z-index:50}.column-menu-btn{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:0 8px;transition:color .2s}.column-menu-btn:hover{color:#fff}.column-menu-dropdown{background:#2a2a2a;border:1px solid var(--border-default);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);min-width:180px;padding:4px}.menu-item{align-items:center;background:none;border:none;border-radius:4px;color:#ccc;cursor:pointer;display:flex;font-family:var(--brand-font);font-size:13px;gap:10px;justify-content:flex-end;padding:10px 12px;text-align:right;transition:all .2s;width:100%}.menu-item .ms{flex-shrink:0;font-size:18px}.menu-item:hover{background:rgba(109,231,190,.2)}.menu-item:hover,.menu-item:hover .ms{color:var(--brand-primary)}.menu-item.delete,.menu-item.delete .ms{color:#ff6b6b}.menu-item.delete:hover{background:hsla(0,100%,71%,.2);color:#ff6b6b}.menu-item.delete:hover .ms{color:#ff6b6b}.column-cards{display:flex;flex-direction:column;gap:8px;padding:12px}.column-cards::-webkit-scrollbar{width:4px}.column-cards::-webkit-scrollbar-track{background:transparent}.column-cards::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:2px}.column-cards::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}.column-empty-state{color:var(--text-muted);font-size:12px;padding:24px 8px;text-align:center}.kanban-card{background:#242424;background:var(--card-color-normal,#242424);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;cursor:grab;overflow:hidden;position:relative;transition:border-color .15s,box-shadow .15s,transform .15s,background .2s;-webkit-user-select:none;user-select:none}.kanban-card.completed{background:#0d2b1a;background:var(--card-color-completed,#0d2b1a);border-color:rgba(16,185,129,.25)}.kanban-card.needs-edit{background:#2b0d0d;background:var(--card-color-needs-edit,#2b0d0d);border-color:rgba(239,68,68,.25)}.kanban-card:hover{border-color:rgba(109,231,190,.4);box-shadow:0 4px 16px rgba(0,0,0,.3);transform:translateY(-1px)}.kanban-card:active{cursor:grabbing}.card-type-bar{align-items:center;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.02em;padding:5px 10px}.card-type-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.card-type-name{color:#fff;opacity:.9}.card-labels-row{cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;padding:7px 10px 0}.card-labels-row.lines .label-line-chip{border-radius:3px;flex:1 1;height:5px;max-width:60px;min-width:24px;transition:opacity .15s}.card-labels-row.lines:hover .label-line-chip{opacity:.8}.card-labels-row.pills{gap:5px}.label-pill-chip{align-items:center;border:1px solid;border-radius:20px;cursor:pointer;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 8px;transition:opacity .15s}.card-labels-row.pills:hover .label-pill-chip{opacity:.85}.card-top-row{align-items:flex-start;display:flex;gap:6px;padding:8px 10px 4px}.card-title{color:#f0f0f0;flex:1 1;font-size:13px;font-weight:600;line-height:1.4;margin:0;word-break:break-word}.card-actions{align-items:center;display:flex;flex-shrink:0;gap:4px;margin-top:1px}.card-priority-dot{border-radius:50%;display:block;flex-shrink:0;height:8px;width:8px}.card-priority-dot.priority-high{background:#ef4444}.card-priority-dot.priority-medium{background:#f59e0b}.card-priority-dot.priority-low{background:#10b981}.card-dates{display:flex;flex-wrap:wrap;gap:5px;padding:0 10px 6px}.card-date-badge{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.07);border-radius:5px;color:#999;display:inline-flex;font-size:11px;gap:4px;padding:3px 7px}.card-date-badge .ms{font-size:12px;opacity:.7}.card-footer-row{border-top:1px solid hsla(0,0%,100%,.05);gap:6px;justify-content:space-between;margin-top:2px;padding:6px 10px 8px}.card-assignee-avatar,.card-assignees,.card-footer-row{align-items:center;display:flex}.card-assignee-avatar{border:1.5px solid #242424;border-radius:50%;color:#fff;flex-shrink:0;font-size:10px;font-weight:700;height:22px;justify-content:center;margin-inline-end:-6px;width:22px}.card-assignee-more{background:#3a3a3a!important;color:#aaa!important;font-size:9px}.card-meta{gap:8px}.card-comment-badge,.card-meta{align-items:center;display:flex}.card-comment-badge{color:#777;font-size:11px;gap:3px}.card-comment-badge .ms{font-size:13px}.kanban-card.selected{background:rgba(109,231,190,.04);box-shadow:0 0 0 2px rgba(109,231,190,.25)}.kanban-card.multi-mode:not(.selected){opacity:.7}.card-select-check{flex-shrink:0}.add-card-input-wrapper{padding:4px 0}.add-card-input{background:hsla(0,0%,100%,.05);border:1px solid var(--brand-primary);border-radius:8px;box-sizing:border-box;color:#fff;font-family:var(--brand-font);font-size:13px;outline:none;padding:8px 12px;width:100%}.add-card-input::placeholder{color:#666}.btn-add-card{align-items:center;background:transparent;border:1px dashed transparent;border-radius:8px;color:var(--brand-primary);cursor:pointer;display:flex;font-family:var(--brand-font);font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:all .2s;width:100%}.btn-add-card .ms{font-size:18px}.btn-add-card:hover{background:rgba(109,231,190,.1);border-color:var(--brand-primary)}.card-menu-btn{align-items:center;background:none;border:none;border-radius:4px;color:#555;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;line-height:1;opacity:0;padding:2px 1px;transition:opacity .15s,color .15s,background .15s}.card-menu-btn .ms{font-size:15px}.card-menu-btn:hover{background:rgba(109,231,190,.1);color:var(--brand-primary)}.card-top-row:hover .card-menu-btn,.kanban-card:hover .card-menu-btn{opacity:1}.card-context-menu{background:#2a2a2a;border:1px solid var(--border-default);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.5);min-width:168px;padding:4px}.card-label-submenu{background:#252525;border:1px solid var(--border-default);border-radius:6px;margin:2px 0 0;max-height:200px;overflow-y:auto;padding:4px}.label-menu-item{align-items:center;display:flex;gap:8px}.label-menu-item.active{color:var(--brand-primary)}.label-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.label-check{color:var(--brand-primary);font-size:14px;margin-inline-start:auto}.menu-item-arrow{font-size:16px;margin-inline-start:auto;opacity:.6}.menu-divider{background:var(--border-default);height:1px;margin:4px 8px}.label-empty-hint{color:var(--text-muted);font-size:12px;padding:8px 12px;text-align:center}.kanban-card.selected{background:rgba(109,231,190,.06);border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(109,231,190,.25),inset 0 0 0 1px rgba(109,231,190,.1)}.kanban-card.multi-mode{cursor:pointer}.kanban-card.multi-mode:not(.selected){opacity:.75}.card-select-check{color:var(--text-muted);font-size:18px;line-height:1;transition:color .15s}.card-select-check.selected{color:var(--brand-primary)}@media (max-width:768px){.kanban-column{height:100%}.column-title{font-size:13px}.card-title{font-size:12px}.card-description{font-size:11px}}@media (max-width:480px){.kanban-column{height:100%}.column-cards{gap:6px;padding:10px}.kanban-card{padding:10px}.column-header{padding:12px}}.calendar-view{background:var(--bg-base);display:flex;flex-direction:column;font-family:inherit;height:100%;overflow:hidden}.calendar-header{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border-default);direction:rtl;display:flex;flex-shrink:0;gap:8px;padding:10px 16px}.cal-month-title{color:var(--text-primary);flex:1 1;font-size:15px;font-weight:600;text-align:center}.cal-nav-btn{align-items:center;background:transparent;border:1px solid var(--border-default);border-radius:7px;color:var(--text-secondary);cursor:pointer;display:flex;height:30px;justify-content:center;transition:var(--transition);width:30px}.cal-nav-btn:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}.cal-today-btn{background:transparent;border:1px solid var(--border-default);border-radius:7px;color:var(--text-secondary);cursor:pointer;font-size:12px;height:30px;padding:0 12px;transition:var(--transition);white-space:nowrap}.cal-today-btn:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}.calendar-weekdays{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);direction:rtl;display:grid;flex-shrink:0;grid-template-columns:repeat(7,1fr)}.cal-weekday-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.03em;padding:7px 4px;text-align:center}.calendar-grid{direction:rtl;display:grid;flex:1 1;grid-auto-rows:minmax(110px,1fr);grid-template-columns:repeat(7,1fr);overflow-y:auto}.cal-cell{background:var(--bg-base);padding:4px;position:relative}.cal-cell,.cal-cell-empty{border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle)}.cal-cell-empty{background:hsla(0,0%,100%,.01)}.cal-cell.today{background:rgba(109,231,190,.03)}.cal-cell.today .cal-day-num{align-items:center;background:var(--brand-primary);border-radius:50%;color:var(--text-on-brand);display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;width:20px}.cal-cell.drag-over{background:rgba(109,231,190,.07);outline:2px solid var(--brand-primary);outline-offset:-2px}.cal-cell-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:3px;min-height:22px}.cal-day-num{color:var(--text-muted);font-size:11px;font-weight:500;min-width:20px;padding:1px 2px;text-align:center}.cal-add-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--brand-primary);cursor:pointer;display:none;height:18px;justify-content:center;padding:0;transition:var(--transition);width:18px}.cal-cell:hover .cal-add-btn{display:flex}.cal-add-btn:hover{background:rgba(109,231,190,.12)}.cal-add-btn .ms{font-size:14px}.cal-cell-cards{display:flex;flex:1 1;flex-direction:column;gap:3px;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.cal-cell-cards::-webkit-scrollbar{width:3px}.cal-cell-cards::-webkit-scrollbar-track{background:transparent}.cal-cell-cards::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.cal-more-indicator{align-items:center;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:10px;gap:3px;justify-content:center;padding:2px 0;transition:color .12s}.cal-more-indicator:hover{color:var(--brand-primary)}.cal-more-indicator .ms{font-size:14px}.cal-card-chip{background:var(--bg-elevated);background:var(--card-color-normal,var(--bg-elevated));border:1px solid hsla(0,0%,100%,.08);border-radius:6px;color:#fff;cursor:pointer;direction:rtl;flex-shrink:0;overflow:hidden;padding:5px 7px 5px 11px;position:relative;transition:var(--transition)}.cal-card-chip:hover{box-shadow:var(--shadow-sm);filter:brightness(1.12)}.cal-card-chip.completed{background:#0d2b1a;background:var(--card-color-completed,#0d2b1a);border-color:rgba(16,185,129,.25)}.cal-card-chip.needs-edit{background:#2b0d0d;background:var(--card-color-needs-edit,#2b0d0d);border-color:rgba(239,68,68,.25)}.cal-card-chip[draggable=true]{cursor:grab}.cal-card-chip[draggable=true]:active{cursor:grabbing}.cal-card-chip.selected{border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}.cal-chip-type-bar{border-radius:6px 0 0 6px;bottom:0;left:0;position:absolute;top:0;width:4px}.cal-chip-top{align-items:center;display:flex;gap:5px;margin-bottom:2px}.cal-status-circle{border-radius:50%;flex-shrink:0;height:8px;transition:var(--transition);width:8px}.cal-status-circle.undated{background:transparent;border:1.5px solid var(--text-muted)}.cal-status-circle.scheduled{background:#f59e0b;border:none;box-shadow:0 0 4px rgba(245,158,11,.5)}.cal-status-circle.overdue{background:#ef4444;border:none;box-shadow:0 0 4px rgba(239,68,68,.5)}.cal-status-circle.completed{background:#10b981;border:none;box-shadow:0 0 4px rgba(16,185,129,.5)}.cal-chip-check{color:var(--brand-primary);flex-shrink:0;font-size:14px}.cal-chip-title{color:#fff;flex:1 1;font-size:11px;font-weight:600;line-height:1.3}.cal-chip-column,.cal-chip-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-chip-column{color:hsla(0,0%,100%,.8);display:block;font-size:10px;margin-bottom:2px;padding-right:13px}.cal-chip-meta{flex-wrap:wrap;gap:5px;padding-right:13px}.cal-chip-due,.cal-chip-meta{align-items:center;display:flex}.cal-chip-due{color:hsla(0,0%,100%,.8);font-size:10px;gap:2px;white-space:nowrap}.cal-chip-due.overdue{color:#fca5a5;font-weight:600}.cal-chip-labels{align-items:center;display:flex;gap:2px}.cal-chip-label-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:7px;width:7px}.cal-chip-assignees{align-items:center;display:flex;gap:-3px;margin-right:auto}.cal-chip-avatar{align-items:center;border:1.5px solid var(--bg-elevated);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:8px;font-weight:700;height:16px;justify-content:center;margin-right:-4px;width:16px}.cal-chip-avatar-more{background:var(--bg-active);color:var(--text-secondary);font-size:7px}.split-view{direction:ltr;height:100%}.split-panel,.split-view{display:flex;overflow:hidden}.split-panel{flex-direction:column;min-width:0}.split-divider{align-items:center;background:var(--border-subtle);cursor:col-resize;display:flex;flex-shrink:0;justify-content:center;transition:background .15s;width:6px}.split-divider:active,.split-divider:hover{background:var(--border-default)}.split-divider-handle{background:var(--border-strong);border-radius:2px;height:40px;transition:background .15s;width:2px}.split-divider:hover .split-divider-handle{background:var(--brand-primary)}.undated-column-view{background:var(--bg-base);direction:rtl;display:flex;flex-direction:column;height:100%}.undated-table-header{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border-default);color:var(--text-primary);display:flex;flex-shrink:0;font-size:13px;font-weight:600;justify-content:space-between;padding:10px 16px}.undated-count{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;color:var(--text-secondary);display:flex;font-size:11px;height:20px;justify-content:center;min-width:22px;padding:0 6px}.undated-groups-body{display:flex;flex:1 1;flex-direction:column;gap:0;overflow-y:auto;padding:8px 0}.undated-groups-body::-webkit-scrollbar{width:4px}.undated-groups-body::-webkit-scrollbar-track{background:transparent}.undated-groups-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.undated-col-group{margin-bottom:4px}.undated-col-header{align-items:center;background:var(--bg-surface);cursor:pointer;display:flex;gap:8px;padding:6px 16px;position:sticky;top:0;transition:background .12s;-webkit-user-select:none;user-select:none;z-index:1}.undated-col-header:hover{background:var(--bg-elevated)}.undated-col-header.collapsed{border-bottom:1px solid var(--border-subtle)}.undated-col-color-bar{border-radius:2px;flex-shrink:0;height:16px;width:4px}.undated-col-title{color:var(--text-secondary);flex:1 1;font-size:12px;font-weight:600}.undated-col-count{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-muted);display:flex;font-size:11px;height:18px;padding:0 6px}.undated-card-row{align-items:center;border-bottom:1px solid var(--border-subtle);cursor:pointer;display:flex;gap:8px;padding:7px 16px 7px 12px;transition:background .12s}.undated-card-row:hover{background:var(--bg-elevated)}.undated-col-chevron{color:var(--text-muted);flex-shrink:0;font-size:16px;transition:transform .2s ease}.undated-col-chevron.rotated{transform:rotate(-90deg)}.undated-card-body{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.undated-card-title{color:var(--text-primary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.undated-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.undated-card-labels{display:flex;flex-wrap:wrap;gap:3px}.undated-label-pill{align-items:center;border-radius:10px;color:#fff;display:inline-flex;font-size:10px;font-weight:500;max-width:100px;overflow:hidden;padding:1px 6px;text-overflow:ellipsis;white-space:nowrap}.undated-drag-icon{color:var(--text-muted);cursor:grab;flex-shrink:0;font-size:16px;opacity:0;transition:opacity .12s}.undated-card-row:hover .undated-drag-icon{opacity:1}.undated-card-assignees{align-items:center;display:flex;margin-right:auto}.undated-assignee-avatar{align-items:center;border:1.5px solid var(--bg-surface);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:9px;font-weight:700;height:18px;justify-content:center;margin-right:-5px;width:18px}.undated-assignee-more{background:var(--bg-active);color:var(--text-secondary);font-size:8px}.undated-empty{align-items:center;color:var(--text-muted);direction:rtl;flex:1 1;font-size:13px;gap:8px;justify-content:center;padding:32px 16px;text-align:center}.add-card-form,.undated-empty{display:flex;flex-direction:column}.add-card-form{gap:20px}.card-modal-overlay{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.card-modal-content{background:var(--bg-base);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;width:100%}.card-modal-header{align-items:center;background:var(--bg-base);border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;flex-direction:row-reverse;gap:24px;justify-content:space-between;padding:24px}.modal-close-btn{align-items:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;transition:color .2s;width:32px}.modal-close-btn:hover{color:#fff}.header-right{align-items:center;display:flex;flex:1 1;gap:16px}.board-badge{font-size:20px;font-weight:700}.board-badge,.task-badge{color:var(--brand-primary)}.task-badge{align-items:center;background:var(--bg-elevated);border-radius:6px;display:flex;font-size:14px;gap:8px;padding:8px 12px}.task-badge .ms{font-size:16px}.card-modal-grid{display:flex;flex:1 1;gap:0;overflow:hidden}.modal-left-section{border-right:1px solid hsla(0,0%,100%,.05);flex:1.8 1;overflow-y:auto;padding:32px}.modal-right-section{background:var(--bg-base);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.details-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px}.card-title{color:#fff;font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1.3;margin:0 0 12px}.title-actions{position:relative}.inline-labels-list,.labels-and-button{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.label-badge-inline{align-items:center;border-radius:16px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.label-badge-inline button{align-items:center;background:none;border:none;color:var(--bg-base);cursor:pointer;display:flex;font-size:18px;line-height:1;opacity:.7;padding:0;transition:opacity .2s}.label-badge-inline button:hover{opacity:1}.btn-add-label-small{align-items:center;background:transparent;border:1px solid var(--border-strong);border-radius:4px;color:var(--brand-primary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s}.btn-add-label-small:hover{background:var(--green-d);border-color:var(--brand-primary)}.btn-add-label-small .ms{font-size:14px}.label-dropdown-small{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.5);max-height:300px;min-width:220px;overflow-y:auto;padding:4px;position:fixed;z-index:3000}.card-tags{display:flex;gap:8px}.tag{background:var(--bg-elevated);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.tag.priority-high{background:rgba(239,68,68,.2);color:#ff6b6b}.tag.priority-medium{background:rgba(251,191,36,.2);color:#fbbf24}.tag.priority-low{background:rgba(16,185,129,.2);color:var(--green)}.action-buttons{display:flex;flex-shrink:0;gap:12px}.btn-action{align-items:center;background:transparent;border:2px solid var(--border-strong);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s;white-space:nowrap}.btn-action .ms{font-size:16px}.btn-action:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.btn-action.active{background:var(--green);border-color:var(--green);color:#fff}.btn-action.active.red{background:var(--red);border-color:var(--red)}.metadata-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.meta-item{background:var(--bg-surface);border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px;position:relative}.meta-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.meta-value{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:6px}.priority-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.priority-dot.priority-high{background:#ff6b6b}.priority-dot.priority-medium{background:#fbbf24}.priority-dot.priority-low{background:var(--green)}.description-section{margin-bottom:32px}.description-section h3{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.description-input-wrapper{position:relative}.description-content,.description-textarea{color:var(--text-primary);font-size:14px;line-height:1.6}.description-textarea{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:6px;direction:rtl;font-family:inherit;max-height:400px;min-height:100px;overflow:hidden;padding:12px;resize:none;text-align:right;transition:border-color .2s;width:100%}.description-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--green-d);outline:none}.description-textarea::placeholder{color:#757575}.description-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.btn-cancel-description,.btn-save-description{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.btn-save-description{background:var(--brand-primary);color:var(--bg-base)}.btn-save-description:hover{background:var(--brand-hover)}.btn-save-description .ms{font-size:16px}.btn-cancel-description{background:var(--border-strong);color:var(--text-primary)}.btn-cancel-description:hover{background:#505050}.btn-cancel-description .ms{font-size:16px}.label-options-list{border-bottom:1px solid var(--border-strong);display:flex;flex-direction:column;max-height:200px;overflow-y:auto}.label-option-row{align-items:center;display:flex;gap:4px;padding:4px;transition:background .2s}.label-option-row:hover{background:var(--bg-elevated)}.label-option{align-items:center;background:transparent;border:none;border-radius:4px;color:#fff;cursor:pointer;direction:rtl;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:8px;justify-content:space-between;padding:10px 12px;text-align:right;transition:all .2s}.label-option:hover{opacity:.8}.label-name{flex:1 1}.label-checkmark{align-items:center;color:#fff;display:flex;font-size:16px}.label-action-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.label-action-btn:hover{background:var(--green-d);color:var(--brand-primary)}.label-delete-btn .ms,.label-edit-btn .ms{font-size:18px}.label-delete-btn:hover{background:rgba(239,68,68,.1);color:#ff6b6b}.label-contract-lock{align-items:center;color:var(--brand-primary);cursor:default;display:flex;flex-shrink:0;height:32px;justify-content:center;opacity:.6;width:32px}.label-contract-lock .ms{font-size:16px}.btn-create-new-label{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--brand-primary);cursor:pointer;direction:rtl;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 12px;transition:all .2s}.btn-create-new-label:hover{background:var(--green-d)}.btn-create-new-label .ms{font-size:16px}.new-label-input-section{direction:rtl;display:flex;flex-direction:column;gap:8px;padding:8px}.new-label-input{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:4px;color:var(--text-primary);direction:rtl;font-family:inherit;font-size:13px;padding:8px 10px;text-align:right;transition:border-color .2s}.new-label-input:focus{border-color:var(--brand-primary);outline:none}.new-label-input::placeholder{color:var(--text-secondary)}.new-label-buttons{display:flex;flex-direction:row-reverse;gap:6px;justify-content:flex-end}.btn-cancel-label,.btn-create-label{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px 10px;transition:all .2s}.btn-create-label{background:var(--brand-primary);color:var(--bg-base)}.btn-create-label:hover{background:var(--brand-hover)}.btn-cancel-label{background:var(--border-strong);color:var(--text-primary)}.btn-cancel-label:hover{background:#505050}.new-label-input-container{align-items:center;display:flex;gap:8px}.new-label-input-container input[type=text]{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:4px;color:var(--text-primary);direction:rtl;flex:1 1;font-family:inherit;font-size:13px;padding:8px 10px;text-align:right;transition:border-color .2s}.new-label-input-container input[type=text]:focus{border-color:var(--brand-primary);outline:none}.new-label-color-picker{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:4px;cursor:pointer;height:40px;padding:2px;width:40px}.new-label-color-picker:hover{border-color:var(--brand-primary)}.label-color-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:12px;width:12px}.label-badge{background:var(--brand-primary);border-radius:16px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.label-badge,.label-badge button{align-items:center;color:var(--bg-base)}.label-badge button{background:none;border:none;cursor:pointer;display:flex;font-size:18px;line-height:1;opacity:.7;padding:0;transition:opacity .2s}.label-badge button:hover{opacity:1}.no-labels{color:var(--text-secondary);font-size:13px;padding:10px 12px;text-align:center}.attachments-section{margin-bottom:32px}.attachments-section h3{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.attachments-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.attachment-card{aspect-ratio:16/9;background:var(--bg-surface);border-radius:8px;cursor:pointer;overflow:hidden;position:relative}.attachment-card img{height:100%;object-fit:cover;opacity:.6;transition:opacity .2s;width:100%}.attachment-card:hover img{opacity:1}.attachment-name{background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);bottom:0;color:#fff;font-size:10px;font-weight:600;left:0;padding:12px;position:absolute;right:0}.activity-section{margin-bottom:32px}.activity-section h3{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.activity-list{gap:12px}.activity-item,.activity-list{display:flex;flex-direction:column}.activity-item{background:var(--bg-surface);border-left:3px solid var(--brand-primary);border-radius:4px;gap:4px;padding:12px}.activity-user{color:#fff;font-size:13px;font-weight:600}.activity-action{color:var(--text-primary);font-size:13px}.activity-action em{color:var(--brand-primary);font-style:italic}.activity-time{color:var(--text-secondary);font-size:11px}.comments-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;gap:12px;justify-content:space-between;padding:24px}.comments-header h3{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.comments-header .ms{color:var(--brand-primary)}.comment-badge{background:var(--bg-elevated);border-radius:4px;color:var(--text-secondary);flex-shrink:0;font-size:11px;padding:4px 8px}.comments-list{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.comment-item{align-items:flex-start;display:flex;gap:12px}.comment-avatar{align-items:center;background:var(--brand-primary);border-radius:50%;color:var(--bg-base);display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:32px;justify-content:center;width:32px}.comment-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.comment-header{align-items:center;display:flex;font-size:12px;gap:8px}.comment-header strong{color:#fff;font-weight:600}.comment-time{color:var(--text-secondary);font-size:10px}.comment-text{background:var(--bg-surface);border-left:3px solid var(--brand-primary);border-radius:6px;color:var(--text-primary);font-size:12px;line-height:1.5;margin:0;padding:8px 12px}.no-comments{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;height:100%;justify-content:center}.comment-input-section{align-items:flex-end;background:var(--bg-surface);border-top:1px solid hsla(0,0%,100%,.05);display:flex;gap:12px;padding:24px}.comment-textarea{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:12px;max-height:100px;min-height:40px;padding:10px 12px;resize:none;transition:border-color .2s}.comment-textarea:focus{border-color:var(--brand-primary);outline:none}.comment-textarea::placeholder{color:var(--text-secondary)}.btn-send-comment{align-items:center;background:var(--brand-primary);border:none;border-radius:6px;color:var(--bg-base);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-send-comment:hover{background:var(--brand-hover)}.btn-send-comment .ms{font-size:18px}.comments-list::-webkit-scrollbar,.label-dropdown::-webkit-scrollbar,.modal-left-section::-webkit-scrollbar{width:4px}.comments-list::-webkit-scrollbar-track,.label-dropdown::-webkit-scrollbar-track,.modal-left-section::-webkit-scrollbar-track{background:transparent}.comments-list::-webkit-scrollbar-thumb,.label-dropdown::-webkit-scrollbar-thumb,.modal-left-section::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:2px}.comments-list::-webkit-scrollbar-thumb:hover,.label-dropdown::-webkit-scrollbar-thumb:hover,.modal-left-section::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}@media (max-width:1024px){.card-modal-grid{flex-direction:column}.modal-left-section{border-bottom:1px solid hsla(0,0%,100%,.05);border-right:none;flex:none;max-height:50%}.modal-right-section{flex:none;height:50%}.metadata-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.card-modal-content{height:calc(100vh - 40px);max-height:none}.card-modal-header{flex-direction:column-reverse;padding:16px}.header-right{justify-content:space-between;width:100%}.details-header{flex-direction:column}.card-title{font-size:24px}.action-buttons{width:100%}.btn-action{flex:1 1}.modal-left-section{padding:20px}.attachments-grid,.metadata-grid{grid-template-columns:1fr}.comment-input-section,.comments-list{padding:16px}.labels-header{align-items:flex-start;flex-direction:column}}.meta-date-input{background:#2a2b2b;border:1px solid #3a3b3b;border-radius:6px;box-sizing:border-box;color:#fff;color-scheme:dark;cursor:pointer;font-size:13px;font-weight:500;padding:6px 8px;width:100%}.meta-date-input::-webkit-calendar-picker-indicator{bottom:0;cursor:pointer;filter:invert(1) opacity(.6);left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.meta-date-input:focus{border-color:#00c49a;outline:none}.auto-badge{background:#1a3a2a;border-radius:4px;color:#00c49a;font-size:9px;font-weight:600;letter-spacing:0;margin-right:4px;padding:1px 4px}.meta-priority-btn{align-items:center;background:#2a2b2b;border:1px solid #3a3b3b;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px;transition:border-color .2s;width:100%}.meta-priority-btn:hover{border-color:#555}.priority-placeholder{color:#6b7280}.priority-dropdown{background:var(--bg-surface);border:1px solid #3a3b3b;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.5);left:0;margin-top:4px;min-width:180px;padding:8px;position:absolute;right:0;top:100%;z-index:9999}.priority-option-row{align-items:center;display:flex;gap:4px}.priority-option{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:13px;gap:8px;padding:8px 10px;text-align:right;transition:background .15s}.priority-option:hover{background:#2a2b2b}.priority-option.selected{background:#1a3a2a}.priority-check{color:#00c49a;font-size:14px;margin-right:auto}.priority-empty-hint{color:#6b7280;font-size:12px;padding:10px 14px;text-align:center}.section-header-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.section-header-row h3{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.5px;margin:0;text-transform:uppercase}.section-header-row h3 .ms{color:var(--brand-primary);font-size:16px}.assignees-section{border-top:1px solid var(--border-default);padding:16px 20px}.assignees-row{flex-wrap:wrap;gap:8px;overflow:visible}.assignee-chip,.assignees-row{align-items:center;display:flex}.assignee-chip{border-radius:20px;color:#fff;cursor:default;font-size:12px;font-weight:600;gap:6px;height:32px;padding:0 10px 0 6px;position:relative;transition:padding-right .15s}.assignee-chip:hover{padding-right:24px}.assignee-chip-initials{font-size:12px;font-weight:700}.assignee-chip-remove{background:rgba(0,0,0,.35);border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:12px;height:16px;left:4px;line-height:16px;padding:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:16px}.assignee-chip:hover .assignee-chip-remove{display:block}.btn-add-assignee{align-items:center;background:transparent;border:2px dashed var(--border-default);border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-add-assignee:hover{background:rgba(109,231,190,.08);border-color:var(--brand-primary);color:var(--brand-primary)}.btn-add-assignee .ms{font-size:18px}.assignee-dropdown{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.5);direction:rtl;left:auto;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);width:240px;z-index:9999}.assignee-search-wrapper{align-items:center;border-bottom:1px solid var(--border-default);display:flex;gap:8px;padding:8px 10px}.assignee-search-icon{color:var(--text-muted);font-size:16px}.assignee-search-input{background:none;border:none;color:var(--text-primary);flex:1 1;font-family:var(--brand-font);font-size:13px;outline:none}.assignee-list{max-height:220px;overflow-y:auto;padding:6px}.assignee-empty{color:var(--text-muted);font-size:13px;padding:12px;text-align:center}.assignee-option{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--brand-font);font-size:13px;gap:10px;padding:7px 8px;text-align:right;transition:background .15s;width:100%}.assignee-option:hover{background:var(--bg-hover)}.assignee-option.selected{background:rgba(109,231,190,.1)}.assignee-option-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;width:28px}.assignee-option-name{flex:1 1}.assignee-check{color:var(--brand-primary);font-size:16px}.attachments-section{border-top:1px solid var(--border-default);padding:16px 20px}.btn-attach{align-items:center;background:var(--bg-active);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--brand-font);font-size:12px;gap:6px;height:28px;margin-right:auto;padding:0 10px;transition:all .2s}.btn-attach:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.btn-attach .ms{font-size:15px}.att-count{background:var(--brand-primary);border-radius:50%;color:#000;display:inline-flex;font-size:10px;font-weight:700;height:18px;width:18px}.att-count,.att-drop-zone{align-items:center;justify-content:center}.att-drop-zone{border:2px dashed var(--border-default);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:8px;padding:24px;transition:all .2s}.att-drop-zone.hovered,.att-drop-zone:hover{background:rgba(109,231,190,.05);border-color:var(--brand-primary);color:var(--brand-primary)}.att-drop-icon{font-size:32px!important}.att-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.att-item{background:var(--bg-active);border:1px solid var(--border-default);border-radius:8px;overflow:hidden;position:relative;transition:border-color .2s}.att-item:hover{border-color:var(--border-strong)}.att-preview{align-items:center;background:var(--bg-surface);display:flex;height:90px;justify-content:center;overflow:hidden;position:relative;width:100%}.att-image{cursor:zoom-in}.att-image img{height:100%;object-fit:cover;width:100%}.att-overlay{align-items:center;background:rgba(0,0,0,.4);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.att-image:hover .att-overlay{opacity:1}.att-overlay .ms{color:#fff;font-size:28px}.att-video video{height:100%;object-fit:cover;width:100%}.att-file-icon{color:var(--text-muted);font-size:36px!important}.att-info{display:flex;flex-direction:column;gap:2px;padding:6px 8px}.att-name{color:var(--text-primary);font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-size{color:var(--text-muted);font-size:10px}.att-remove-btn{align-items:center;background:rgba(0,0,0,.6);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;left:4px;opacity:0;padding:0;position:absolute;top:4px;transition:opacity .15s;width:20px}.att-item:hover .att-remove-btn{opacity:1}.att-remove-btn .ms{font-size:13px}.drag-over-overlay{background:rgba(0,0,0,.75)}.modal-drag-hint{align-items:center;background:var(--bg-surface);border:2px dashed var(--brand-primary);border-radius:16px;color:var(--brand-primary);display:flex;flex-direction:column;font-size:16px;font-weight:600;gap:12px;left:50%;padding:32px 48px;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:99999}.modal-drag-hint .ms{font-size:48px!important}.att-lightbox{align-items:center;background:rgba(0,0,0,.92);cursor:zoom-out;display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;position:fixed;z-index:99999}.att-lightbox img{border-radius:8px;cursor:default;max-height:80vh;max-width:90vw;object-fit:contain}.att-lightbox-name{color:hsla(0,0%,100%,.7);font-size:13px}.att-lightbox-close{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .2s;width:36px}.att-lightbox-close:hover{background:hsla(0,0%,100%,.25)}.rename-column-modal{animation:slideUp .3s ease;background:#1a1a1a!important;border:1px solid var(--border-default);border-radius:12px;max-height:80vh;max-width:400px;overflow-y:auto;width:90%}.rename-column-form{gap:16px;padding:20px}.form-group,.rename-column-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#ccc;font-size:13px;font-weight:600}.form-group input{background:#2a2a2a!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:8px;color:#fff!important;font-family:var(--brand-font);font-size:13px;padding:10px 12px;transition:all .2s}.form-group input:focus{border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px rgba(109,231,190,.2);outline:none}.form-group input.error{border-color:#ff6b6b!important}.form-group input.error:focus{box-shadow:0 0 0 3px hsla(0,100%,71%,.2)}.error-message{color:#ff6b6b;font-size:12px}.form-actions{padding-top:12px}.color-modal{animation:slideUp .3s ease;background:#1a1a1a!important;border:1px solid var(--border-default);border-radius:12px;max-height:80vh;max-width:380px;overflow-y:auto;width:90%}.color-picker-container{display:flex;flex-direction:column;gap:24px;padding:20px}.colors-section,.custom-section,.gradient-section{display:flex;flex-direction:column;gap:12px}.section-title{color:#aaa;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.colors-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.custom-color-picker{display:flex}.custom-color-btn{align-items:center;background:#2a2a2a;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:var(--brand-font);font-size:13px;font-weight:600;gap:10px;padding:12px;transition:all .2s;width:100%}.custom-color-btn:hover{background:#333;border-color:hsla(0,0%,100%,.2)}.custom-color-btn.active{background:rgba(109,231,190,.1);border-color:var(--brand-primary)}.btn-icon{font-size:18px}.custom-color-preview{border:2px solid hsla(0,0%,100%,.3);border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.2);height:24px;width:24px}.gradient-picker{display:flex;flex-direction:column;gap:12px}.gradient-inputs{align-items:center;display:flex;gap:12px}.gradient-input-group{display:flex;flex-direction:column;gap:8px}.gradient-input-group label{color:#aaa;font-size:12px;text-align:center}.gradient-color-btn{align-items:center;aspect-ratio:1;background:transparent;border:2px solid hsla(0,0%,100%,.1);border-radius:8px;cursor:pointer;display:flex;justify-content:center;max-width:60px;padding:0;transition:all .2s;width:100%}.gradient-color-btn:hover{border-color:hsla(0,0%,100%,.3);transform:scale(1.05)}.gradient-color-preview{border:2px solid hsla(0,0%,100%,.3);border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.2);height:40px;width:40px}.gradient-arrow{color:var(--brand-primary);font-size:24px;font-weight:300;margin-top:16px}.gradient-apply-btn{align-items:center;background:#2a2a2a;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:var(--brand-font);font-size:13px;font-weight:600;gap:12px;justify-content:space-between;padding:12px;transition:all .2s}.gradient-apply-btn:hover{background:#333;border-color:hsla(0,0%,100%,.2)}.gradient-apply-btn.active{background:rgba(109,231,190,.1);border-color:var(--brand-primary)}.gradient-preview-small{border:1px solid hsla(0,0%,100%,.2);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.2);height:24px;width:40px}.color-option{align-items:center;aspect-ratio:1;border:2px solid transparent;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .2s}.color-option:hover{border-color:hsla(0,0%,100%,.3);transform:scale(1.05)}.color-option.selected{border-color:#fff;box-shadow:0 0 12px hsla(0,0%,100%,.3)}.checkmark{color:#fff;font-size:20px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.color-preview{align-items:center;background:hsla(0,0%,100%,.05);border-radius:8px;display:flex;gap:12px;margin:0 20px;padding:16px}.preview-bar{border:1px solid hsla(0,0%,100%,.2);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.3);height:40px;width:40px}.color-hex{color:#ccc;font-family:Courier New,monospace;font-size:13px;font-weight:600}.form-actions{border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:12px;justify-content:flex-end;padding:12px 20px 20px}.btn{border:none;padding:10px 20px;transition:all .2s}.btn-primary{background:var(--brand-primary);color:var(--text-on-brand)}.btn-primary:hover{background:#5dd3a5}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:#2a2a2a;border:1px solid hsla(0,0%,100%,.1);color:#fff}.btn-secondary:hover{background:#333;border-color:hsla(0,0%,100%,.2)}.btn-secondary:active{transform:scale(.98)}.tasks-page{display:flex;flex-direction:column;gap:0;margin:0 auto;max-width:1200px;padding:24px}.tasks-page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.tasks-page-header h1{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 6px}.tasks-tabs{border-bottom:1px solid var(--border-default);display:flex;gap:4px;margin-bottom:24px}.tasks-tab{align-items:center;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--brand-font);font-size:13px;font-weight:600;gap:8px;margin-bottom:-1px;padding:10px 18px;transition:var(--transition)}.tasks-tab .ms{font-size:18px}.tasks-tab:hover{background:var(--bg-hover);border-radius:var(--r-sm) var(--r-sm) 0 0;color:var(--text-primary)}.tasks-tab.active{border-bottom-color:var(--brand-primary);color:var(--brand-primary)}.tasks-content{min-height:300px}.tasks-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.stat-pill{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-md);cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:72px;padding:10px 18px;transition:var(--transition)}.stat-pill:hover,.stat-pill[data-active=true]{background:var(--green-d);border-color:var(--brand-primary)}.stat-num{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1}.stat-lbl{color:var(--text-secondary);font-size:11px}.stat-pill.complete .stat-num{color:var(--green)}.stat-pill.overdue .stat-num{color:var(--red)}.tasks-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.toolbar-label{color:var(--text-muted);font-size:12px}.sort-btn{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--brand-font);font-size:12px;padding:5px 12px;transition:var(--transition)}.sort-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.sort-btn.active{background:var(--green-d);border-color:var(--brand-primary);color:var(--brand-primary)}.task-list{display:flex;flex-direction:column;gap:8px}.task-row{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-md);cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px 16px;transition:var(--transition)}.task-row:hover{background:var(--bg-hover);border-color:var(--brand-primary)}.task-row.completed{opacity:.6}.task-row.overdue{border-right:3px solid var(--red)}.task-row-main{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.task-priority-dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.task-priority-dot.priority-high{background:var(--red)}.task-priority-dot.priority-medium{background:var(--yellow)}.task-priority-dot.priority-low{background:var(--green)}.task-info{display:flex;flex-direction:column;gap:2px;min-width:0}.task-title{color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-board{color:var(--text-muted);font-size:11px}.task-row-meta{flex-shrink:0;gap:12px}.task-due,.task-row-meta{align-items:center;display:flex}.task-due{color:var(--text-secondary);font-size:11px;gap:4px}.task-due .ms{font-size:14px}.task-due.overdue-text{color:var(--red)}.task-assignee{background:var(--bg-active);border-radius:20px;color:var(--text-secondary);font-size:11px;padding:2px 8px}.task-badge{border-radius:10px;flex-shrink:0;font-size:10px;font-weight:600;padding:2px 7px}.complete-badge{background:var(--green-d);color:var(--green)}.edit-badge{background:var(--yellow-d);color:var(--yellow)}.tasks-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;padding:64px 24px}.tasks-empty .ms{font-size:48px;opacity:.4}.tasks-empty p{font-size:14px;margin:0}.month-nav{align-items:center;display:flex;gap:16px;margin-bottom:20px}.month-title{color:var(--text-primary);font-size:18px;font-weight:700;margin:0;min-width:180px;text-align:center}.cal-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.cal-day-name{color:var(--text-muted);font-size:11px;font-weight:600;padding:8px 0;text-align:center}.cal-cell{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-sm);display:flex;flex-direction:column;gap:3px;min-height:88px;padding:6px;transition:var(--transition)}.cal-cell.empty{background:transparent;border-color:transparent}.cal-cell.today{background:var(--green-d);border-color:var(--brand-primary)}.cal-cell.has-tasks{border-color:var(--border-default)}.cal-day-num{align-self:flex-end;color:var(--text-secondary);font-size:12px;font-weight:600}.cal-cell.today .cal-day-num{color:var(--brand-primary)}.cal-task-chip{background:var(--blue-d);border-radius:3px;color:var(--blue);cursor:pointer;font-size:10px;font-weight:500;overflow:hidden;padding:2px 5px;text-overflow:ellipsis;transition:var(--transition);white-space:nowrap}.cal-task-chip:hover{opacity:.8}.cal-task-chip.priority-high{background:var(--red-d);color:var(--red)}.cal-task-chip.priority-medium{background:var(--yellow-d);color:var(--yellow)}.cal-task-chip.priority-low{background:var(--green-d);color:var(--green)}.cal-task-chip.done{opacity:.45;text-decoration:line-through}.cal-more{color:var(--text-muted);font-size:10px;text-align:center}.tasks-view .filter-select{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-primary);cursor:pointer;font-family:var(--brand-font);font-size:12px;padding:6px 10px;transition:var(--transition)}.tasks-view .filter-select:focus{border-color:var(--brand-primary);outline:none}@media (max-width:768px){.tasks-page{padding:16px}.tasks-page-header h1{font-size:22px}.tasks-tab{font-size:12px;padding:8px 12px}.tasks-tab .ms{font-size:16px}.cal-grid{gap:2px}.cal-cell{min-height:64px}.task-row-meta{display:none}}@media (max-width:480px){.tasks-page{padding:12px}.tasks-stats{gap:8px}.stat-pill{min-width:60px;padding:8px 12px}.stat-num{font-size:18px}.cal-day-name{font-size:9px}.cal-cell{min-height:48px;padding:4px}.cal-task-chip{display:none}.cal-cell.has-tasks:after{color:var(--brand-primary);content:"●";font-size:10px;text-align:center}}.reports-page{margin:0 auto;max-width:1400px;padding:24px}.report-section{display:flex;flex-direction:column;gap:20px;padding:20px 0}.report-controls{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.report-actions,.report-date-range{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.filter-select{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:13px;padding:7px 10px}.report-summary-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.report-summary-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:16px}.rsc-header{align-items:center;display:flex;gap:10px}.rsc-name{font-size:14px;font-weight:600;margin:0}.rsc-email{color:var(--text-muted);font-size:12px;margin:0}.rsc-stats{align-items:center;display:flex;font-size:13px;gap:6px}.rsc-worked{color:#34d399;color:var(--brand-primary,#34d399);font-weight:600}.rsc-required,.rsc-sep{color:var(--text-muted)}.rsc-progress{background:var(--bg-elevated);border-radius:99px;height:6px;overflow:hidden}.rsc-bar{background:#34d399;background:var(--brand-primary,#34d399);border-radius:99px;height:100%;transition:width .3s ease}.rsc-pct{color:var(--text-muted);font-size:12px;text-align:left}.report-table-section h3{color:var(--text-primary);font-size:16px;margin:0 0 14px}.log-emp-cell{align-items:center;display:flex;gap:8px}.log-actions{display:flex;gap:6px}.table-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:opacity .15s;width:30px}.table-action-btn:hover{opacity:.8}.table-action-primary{background:rgba(52,211,153,.15);color:#34d399}.table-action-danger{background:rgba(239,68,68,.15);color:#ef4444}.logs-empty,.logs-loading{color:var(--text-muted);padding:40px;text-align:center}.report-stat-pills{display:flex;flex-wrap:wrap;gap:16px}.report-pill{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;display:flex;gap:14px;min-width:160px;padding:18px 24px}.report-pill .ms{color:var(--text-muted);font-size:30px}.report-pill.active .ms{color:#34d399}.report-pill.inactive .ms{color:#9ca3af}.report-pill p{color:var(--text-muted);font-size:12px;margin:0 0 4px}.report-pill strong{color:var(--text-primary);font-size:24px;font-weight:700}.avatar-placeholder.sm{font-size:14px;height:36px;min-width:36px;width:36px}@media (max-width:768px){.reports-page{padding:16px}.report-controls{align-items:flex-start;flex-direction:column}.report-summary-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.report-summary-grid{grid-template-columns:1fr}}.profile-page{margin:0 auto;max-width:1200px;padding:24px}.profile-container{display:flex;flex-direction:column;gap:20px}.profile-loading{color:var(--text-muted);padding:60px;text-align:center}.profile-hero{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;display:flex;flex-wrap:wrap;gap:24px;padding:28px}.profile-avatar-wrap{flex-shrink:0}.profile-avatar{border-radius:50%;height:80px;object-fit:cover;width:80px}.avatar-placeholder.xl{font-size:32px;height:80px;width:80px}.profile-hero-info{flex:1 1;min-width:180px}.profile-name{color:var(--text-primary);font-size:22px;font-weight:700;margin:0 0 4px}.profile-email{color:var(--text-muted);font-size:14px;margin:0 0 12px}.profile-badges{display:flex;flex-wrap:wrap;gap:8px}.dept-badge{border-radius:20px;color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:500;padding:3px 10px}.dept-badge,.profile-contract-summary{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-default)}.profile-contract-summary{border-radius:10px;display:flex;gap:12px;min-width:190px;padding:14px 18px}.profile-contract-summary .ms{color:var(--brand-primary);font-size:28px}.profile-contract-summary.no-contract .ms{color:#f59e0b}.profile-contract-summary.no-contract p{color:var(--text-muted);font-size:13px;margin:0}.contract-label{color:var(--text-muted);font-size:12px;margin:0 0 2px}.contract-value{color:var(--brand-primary);font-size:16px;font-weight:600;margin:0}.profile-filter-bar{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;padding:16px 20px}.preset-btns{display:flex;flex-wrap:wrap;gap:6px}.preset-btn{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:7px 16px;transition:all .15s}.preset-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.preset-btn.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#000;font-weight:600}.date-range-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.date-input{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);direction:ltr;font-size:13px;padding:7px 10px}.date-input:focus{border-color:var(--brand-primary);outline:none}.date-sep{color:var(--text-muted)}.hours-stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.hours-stat-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;border-right:4px solid transparent;display:flex;gap:14px;padding:18px 20px}.hours-stat-card.worked{border-right-color:#34d399;border-right-color:var(--brand-primary,#34d399)}.hours-stat-card.required{border-right-color:#60a5fa}.hours-stat-card.remaining{border-right-color:#f59e0b}.hours-stat-card.completed{border-right-color:#10b981}.hours-stat-card.presence{border-right-color:#a78bfa}.hours-stat-card.late{border-right-color:#fb923c}.hours-stat-card.leave{border-right-color:#38bdf8}.stat-ms{color:var(--text-muted);font-size:32px}.hours-stat-card.worked .stat-ms{color:#34d399;color:var(--brand-primary,#34d399)}.hours-stat-card.required .stat-ms{color:#60a5fa}.hours-stat-card.remaining .stat-ms{color:#f59e0b}.hours-stat-card.completed .stat-ms{color:#10b981}.hours-stat-card.presence .stat-ms{color:#a78bfa}.hours-stat-card.late .stat-ms{color:#fb923c}.hours-stat-card.leave .stat-ms{color:#38bdf8}.stat-label{color:var(--text-muted);font-size:12px;margin:0 0 4px}.stat-value{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1;margin:0}.stat-unit{color:var(--text-muted);font-size:13px;font-weight:400}.hours-progress-wrap{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:18px 20px}.hours-progress-header{color:var(--text-secondary);display:flex;font-size:13px;justify-content:space-between;margin-bottom:10px}.hours-progress-bar{background:var(--bg-elevated);border-radius:99px;height:10px;margin-bottom:8px;overflow:hidden}.hours-progress-fill{background:#34d399;background:var(--brand-primary,#34d399);border-radius:99px;height:100%;transition:width .4s ease}.hours-progress-labels{color:var(--text-muted);display:flex;font-size:12px;justify-content:space-between}.profile-logs-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:20px}.profile-logs-section h3{color:var(--text-primary);font-size:16px;margin:0 0 16px}.logs-empty,.logs-loading{color:var(--text-muted);padding:40px;text-align:center}.logs-empty .ms{display:block;font-size:40px;margin-bottom:8px}.logs-table-wrap{overflow-x:auto}.logs-table{border-collapse:collapse;font-size:14px;width:100%}.logs-table th{color:var(--text-muted);font-size:12px;font-weight:600;padding:10px 14px;text-align:right;white-space:nowrap}.logs-table td,.logs-table th{border-bottom:1px solid var(--border-default)}.logs-table td{color:var(--text-primary);padding:12px 14px;vertical-align:middle}.logs-table tr:last-child td{border-bottom:none}.logs-table tr:hover td{background:var(--bg-elevated)}.time-cell{font-family:monospace;font-size:13px}.hours-cell,.time-cell{direction:ltr;text-align:center}.hours-cell{color:#34d399;color:var(--brand-primary,#34d399);font-weight:600}.notes-cell{color:var(--text-muted);font-size:13px}.log-status{border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:3px 10px}.log-present{background:rgba(52,211,153,.15);color:#34d399}.log-absent{background:rgba(239,68,68,.15);color:#ef4444}.role-badge,.status-badge{border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:3px 10px}.role-admin{background:rgba(239,68,68,.15);color:#ef4444}.role-manager{background:rgba(249,115,22,.15);color:#f97316}.role-team_leader{background:rgba(168,85,247,.15);color:#a855f7}.role-employee{background:rgba(59,130,246,.15);color:#3b82f6}.role-intern{background:rgba(156,163,175,.15);color:#9ca3af}.status-active{background:rgba(52,211,153,.15);color:#34d399}.status-inactive{background:rgba(156,163,175,.15);color:#9ca3af}.status-on_leave{background:rgba(251,191,36,.15);color:#fbbf24}.profile-placeholder-card{background:var(--bg-surface);border:1px dashed var(--border-default);border-radius:12px;overflow:hidden}.placeholder-header{align-items:center;background:var(--bg-elevated);border-bottom:1px dashed var(--border-default);display:flex;gap:10px;padding:14px 20px}.placeholder-header .ms{color:var(--brand-primary);font-size:20px}.placeholder-header h3{color:var(--text-primary);flex:1 1;font-size:15px;font-weight:600;margin:0}.placeholder-tag{background:rgba(109,231,190,.12);border:1px solid rgba(109,231,190,.3);border-radius:20px;color:var(--brand-primary);font-size:11px;font-weight:600;padding:2px 10px}.placeholder-body{color:var(--text-muted);font-size:13px;line-height:1.6;padding:24px 20px;text-align:center}.placeholder-icon{display:block;font-size:48px!important;margin-bottom:10px;opacity:.3}.graph-placeholder{justify-content:center;min-height:120px}.graph-placeholder,.rating-placeholder{align-items:center;display:flex;flex-direction:column}.rating-placeholder{gap:8px}.rating-stars-preview{display:flex;gap:4px;margin-bottom:4px}.rating-star-ph{color:#fbbf24;font-size:28px!important;opacity:.5}@media (max-width:1000px){.hours-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.hours-stats-grid{grid-template-columns:1fr 1fr}.profile-filter-bar{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.profile-page{padding:16px}.hours-stats-grid{grid-template-columns:1fr}.preset-btns{flex-wrap:wrap}}.settings-page{flex:1 1;overflow-y:auto;padding:30px}.settings-page h1{margin-bottom:30px}.settings-container{grid-gap:30px;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:grid;gap:30px;grid-template-columns:250px 1fr;overflow:hidden}.settings-nav{background:var(--light-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:20px 0}.settings-nav .nav-item{background:none;border:none;border-left:3px solid transparent;color:var(--text-secondary);cursor:pointer;padding:15px 20px;text-align:left;transition:all .2s}.settings-nav .nav-item.active{border-left-color:var(--primary-color)}.settings-nav .nav-item.active,.settings-nav .nav-item:hover{background:#fff;color:var(--primary-color)}.settings-content{padding:30px}.content-section h3{margin:0 0 20px}.settings-form{display:flex;flex-direction:column;gap:20px}.roles-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:15px}.role-item{background:var(--light-bg);border:1px solid var(--border-color);border-radius:8px;padding:20px}.role-item h4{color:var(--primary-color);margin:0 0 15px}.permissions{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.permissions label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.integration-item{align-items:center;background:var(--light-bg);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:15px;padding:20px}.integration-item h4{margin:0}@media (max-width:768px){.settings-container{grid-template-columns:1fr}.settings-nav{border-bottom:1px solid var(--border-color);border-right:none;flex-direction:row}.settings-nav .nav-item{border-bottom:3px solid transparent;border-left:none;flex:1 1}.settings-nav .nav-item.active{border-bottom-color:var(--primary-color);border-left:none}}.theme-page{background:var(--bg-base);color:var(--text-primary);direction:rtl;font-family:var(--brand-font);height:100%;overflow-y:auto}.theme-page-header{background:var(--bg-surface);border-bottom:1px solid var(--border-default);flex-wrap:wrap;justify-content:space-between;padding:28px 36px 20px}.theme-page-header,.theme-page-title{align-items:center;display:flex;gap:16px}.theme-page-title>.ms{color:var(--brand-primary);font-size:36px}.theme-page-title h1{color:var(--text-primary);font-size:22px;font-weight:700;margin:0 0 4px}.theme-page-title p{color:var(--text-secondary);font-size:13px;margin:0}.theme-header-actions{align-items:center;display:flex;gap:10px}.btn-theme-save{align-items:center;background:var(--brand-primary);border:none;border-radius:var(--r-md);color:var(--text-on-brand);cursor:pointer;display:flex;font-family:var(--brand-font);font-size:14px;font-weight:700;gap:8px;padding:10px 22px;transition:var(--transition)}.btn-theme-save:hover:not(:disabled){background:var(--brand-hover)}.btn-theme-save:disabled{cursor:default;opacity:.7}.btn-theme-save .ms{font-size:18px}.btn-theme-save .spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.theme-page-body{display:flex;flex-direction:column;gap:32px;padding:32px 36px}.theme-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:28px;transition:var(--transition)}.theme-section.disabled{opacity:.5;pointer-events:none}.theme-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:700;gap:10px;margin:0 0 24px}.theme-section-title .ms{color:var(--brand-primary);font-size:20px}.locked-badge{align-items:center;background:var(--bg-elevated);border-radius:20px;color:var(--text-muted);display:flex;font-size:11px;font-weight:600;gap:4px;margin-right:auto;padding:3px 8px}.locked-badge .ms{color:var(--text-muted);font-size:13px}.theme-mode-cards{display:flex;flex-wrap:wrap;gap:16px}.theme-mode-card{align-items:center;background:var(--bg-elevated);border:2px solid var(--border-default);border-radius:var(--r-md);color:var(--text-primary);cursor:pointer;direction:rtl;display:flex;flex:1 1;font-family:var(--brand-font);gap:16px;min-width:240px;padding:20px;text-align:right;transition:var(--transition)}.theme-mode-card:hover{background:var(--bg-hover);border-color:var(--brand-primary)}.theme-mode-card.active{background:rgba(109,231,190,.06);border-color:var(--brand-primary)}.mode-card-icon{align-items:center;background:var(--bg-active);border-radius:var(--r-md);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.mode-card-icon .ms{color:var(--text-secondary);font-size:22px}.mode-card-icon.custom .ms,.theme-mode-card.active .mode-card-icon .ms{color:var(--brand-primary)}.mode-card-body{display:flex;flex:1 1;flex-direction:column;gap:4px}.mode-card-body strong{font-size:15px;font-weight:700}.mode-card-body span{color:var(--text-secondary);font-size:12px;line-height:1.5}.mode-card-check .ms{color:var(--brand-primary);font-size:22px}.default-mode-notice{align-items:flex-start;background:rgba(109,231,190,.06);border:1px solid rgba(109,231,190,.15);border-radius:var(--r-sm);color:var(--text-secondary);display:flex;font-size:13px;gap:8px;line-height:1.6;margin-top:16px;padding:14px 16px}.default-mode-notice .ms{color:var(--brand-primary);flex-shrink:0;font-size:18px;margin-top:1px}.theme-colors-grid{display:flex;flex-direction:column;gap:16px}.theme-color-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.color-item-info{display:flex;flex-direction:column;gap:3px}.color-item-label{color:var(--text-primary);font-size:14px;font-weight:600}.color-item-desc{color:var(--text-secondary);font-size:12px}.color-item-control{align-items:center;display:flex;flex-shrink:0;gap:12px}.color-swatch{border:2px solid var(--border-strong);border-radius:var(--r-sm);flex-shrink:0;height:36px;width:36px}.color-picker-input{background:var(--bg-active);border:2px solid var(--border-default);border-radius:var(--r-sm);cursor:pointer;height:44px;padding:2px;transition:var(--transition);width:44px}.color-picker-input:hover:not(:disabled){border-color:var(--brand-primary)}.color-picker-input:disabled{cursor:not-allowed;opacity:.4}.color-hex{color:var(--text-secondary);font-family:monospace;font-size:12px;min-width:60px}.btn-reset-colors{align-items:center;background:transparent;border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--brand-font);font-size:13px;gap:6px;margin-top:16px;padding:8px 16px;transition:var(--transition)}.btn-reset-colors:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.btn-reset-colors .ms{font-size:16px}.theme-section-desc{color:var(--text-secondary);font-size:13px;margin:-8px 0 16px}.card-color-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.card-color-preview-item{align-items:center;border:1px solid hsla(0,0%,100%,.12);border-radius:8px;color:hsla(0,0%,100%,.85);display:flex;font-size:13px;font-weight:600;gap:6px;min-width:130px;padding:8px 16px;transition:background .2s}.card-color-preview-item .ms{font-size:16px}.font-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.font-card{align-items:flex-end;background:var(--bg-elevated);border:2px solid var(--border-default);border-radius:var(--r-md);color:var(--text-primary);cursor:pointer;direction:rtl;display:flex;flex-direction:column;gap:6px;padding:16px 20px;position:relative;text-align:right;transition:var(--transition)}.font-card:hover:not(:disabled){background:var(--bg-hover);border-color:var(--brand-primary)}.font-card.active{background:rgba(109,231,190,.06);border-color:var(--brand-primary)}.font-card:disabled{cursor:not-allowed}.font-card-name{color:var(--text-secondary);font-size:13px;font-weight:700}.font-card-sample{color:var(--text-primary);font-size:18px;font-weight:600}.font-card-check{color:var(--brand-primary);font-size:18px;left:10px;position:absolute;top:10px}.theme-preview{border:1px solid var(--border-default);border-radius:var(--r-md);overflow:hidden}.preview-surface{background:var(--bg-surface)}.preview-bar{align-items:center;background:var(--bg-elevated);border-bottom:1px solid var(--border-default);direction:rtl;display:flex;gap:24px;padding:12px 20px}.preview-logo{color:var(--brand-primary);font-family:var(--brand-font);font-size:16px;font-weight:800}.preview-nav{display:flex;gap:4px}.preview-nav-item{border-radius:var(--r-sm);color:var(--text-secondary);cursor:default;font-family:var(--brand-font);font-size:13px;padding:6px 12px}.preview-nav-item.active{background:var(--brand-primary);color:var(--text-on-brand);font-weight:700}.preview-body{direction:rtl;padding:24px 20px}.preview-heading{color:var(--text-primary);font-family:var(--brand-font);font-size:18px;font-weight:700;margin-bottom:8px}.preview-sub{color:var(--text-secondary);font-family:var(--brand-font);font-size:13px;margin-bottom:20px}.preview-btns{display:flex;gap:12px}.preview-btn-primary{background:var(--brand-primary);border:none;border-radius:var(--r-md);color:var(--text-on-brand)}.preview-btn-outline,.preview-btn-primary{cursor:default;font-family:var(--brand-font);font-size:14px;font-weight:700;padding:10px 22px}.preview-btn-outline{background:transparent;border:2px solid var(--brand-primary);border-radius:var(--r-md);color:var(--brand-primary)}.theme-page::-webkit-scrollbar{width:4px}.theme-page::-webkit-scrollbar-track{background:transparent}.theme-page::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}:root{--header-height:56px;--brand-primary:#6de7be;--brand-hover:#7ff0c8;--text-on-brand:#003829;--bg-base:#131313;--bg-surface:#201f1f;--bg-elevated:#2a2a2a;--bg-hover:#323232;--bg-active:#3a3a3a;--border-subtle:hsla(0,0%,100%,.04);--border-default:hsla(0,0%,100%,.08);--border-strong:hsla(0,0%,100%,.15);--text-primary:#e5e2e1;--text-secondary:#86948d;--text-muted:#4a5550;--green:#6de7be;--green-d:rgba(109,231,190,.12);--red:#ff6b6b;--red-d:hsla(0,100%,71%,.12);--yellow:#ffb700;--yellow-d:rgba(255,183,0,.12);--blue:#5b9cf6;--blue-d:rgba(91,156,246,.12);--purple:#a78bfa;--shadow-sm:0 2px 8px rgba(0,0,0,.5);--shadow-md:0 4px 20px rgba(0,0,0,.6);--shadow-lg:0 8px 40px rgba(0,0,0,.7);--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:22px;--transition:all 0.18s ease;--brand-font:"Cairo","Manrope",system-ui,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}button,input,optgroup,select,textarea{font-family:Cairo,Manrope,system-ui,sans-serif;font-family:var(--brand-font);font-size:inherit}#root,body,html{height:100%;width:100%}body{background-color:#131313;background-color:var(--bg-base);color:#e5e2e1;color:var(--text-primary);direction:rtl;font-family:Cairo,Manrope,system-ui,sans-serif;font-family:var(--brand-font);font-size:14px;line-height:1.5;overflow:hidden}#root{display:flex;flex-direction:column;height:100%}.ms{direction:ltr;display:inline-block;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;letter-spacing:normal;line-height:1;text-transform:none;vertical-align:middle;white-space:nowrap}.ms.f{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#131313;background:var(--bg-base)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);background:var(--border-default);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.15);background:var(--border-strong)}.btn{align-items:center;border:1px solid transparent;border-radius:8px;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;font-family:Cairo,Manrope,system-ui,sans-serif;font-family:var(--brand-font);font-size:13px;font-weight:600;gap:6px;height:32px;justify-content:center;line-height:1;padding:0 14px;text-decoration:none;transition:all .18s ease;transition:var(--transition);white-space:nowrap}.btn.primary-btn{background:#6de7be;background:var(--brand-primary);color:#003829;color:var(--text-on-brand);font-weight:700}.btn.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.secondary-btn{background:transparent;border-color:hsla(0,0%,100%,.08);border-color:var(--border-default);color:#86948d;color:var(--text-secondary)}.btn.secondary-btn:hover{background:#2a2a2a;background:var(--bg-elevated);border-color:hsla(0,0%,100%,.15);border-color:var(--border-strong);color:#e5e2e1;color:var(--text-primary)}.btn.btn-full{height:42px;width:100%}.icon-btn{align-items:center;background:transparent;border:none;border-radius:8px;border-radius:var(--r-sm);color:#86948d;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:5px;transition:all .18s ease;transition:var(--transition);width:36px}.icon-btn:hover{background:hsla(0,0%,100%,.06);color:#e5e2e1;color:var(--text-primary)}.modal-input,input[type=date],input[type=email],input[type=password],input[type=text],select,textarea{background:#2a2a2a;background:var(--bg-elevated);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-default);border-radius:8px;border-radius:var(--r-sm);color:#e5e2e1;color:var(--text-primary);font-family:Cairo,Manrope,system-ui,sans-serif;font-family:var(--brand-font);font-size:13px;padding:8px 11px;transition:all .18s ease;transition:var(--transition);width:100%}.modal-input:focus,input:focus,select:focus,textarea:focus{border-color:#6de7be;border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(109,231,190,.13);outline:none}textarea{min-height:75px;resize:vertical}@media (max-width:768px){.btn{font-size:12px;height:30px;padding:0 12px}.btn.btn-full{height:38px}.hide-tablet{display:none!important}}@media (max-width:480px){body{font-size:12px}.btn{font-size:11px;height:28px;padding:0 10px}.btn.btn-full{height:36px}.modal-input,input,select,textarea{font-size:12px;padding:7px 10px}.hide-mobile{display:none!important}}
/*# sourceMappingURL=main.619b85aa.css.map*/