@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);.auth-container{width:100vw;height:100vh;display:flex;border:1px solid #000;justify-content:center;align-items:center}.auth-content{border:1px solid #000;box-shadow:rgba(100,100,111,.2) 0 7px 29px 0}html{font-size:16px}body{font-family:Roboto,Arial,Helvetica,sans-serif!important;font-size:1rem}.errorLabel{color:red;background:#f9e9e9;padding:5px 10px}.pointer{cursor:pointer}.word-break{word-break:break-all}.word-normal{word-break:normal}.ant-table-body{overflow:unset!important}.antd-picker .ant-picker{border-radius:0 6px 6px 0}.pre-wrap{white-space:pre-wrap;word-wrap:break-word}.decoration-none{text-decoration:none}.content{flex:1;overflow-y:auto;background-color:#f0f2f5}.content{scrollbar-width:thin}.content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.ant-btn-loading-icon{display:flex}.delete-btn{background-color:#dc3545;color:#fff;border:unset}.delete-btn:hover{background-color:rgba(207,19,35,.768627451)!important;color:#fff!important}.tm-text-primary{color:var(--primary)}.hover-bg:hover{background-color:#eee}.tm-gradient{background:linear-gradient(135deg,#282c34,#fff)}.custom-table.ant-table-wrapper .ant-table{font-size:1rem}.task-stats .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;width:100%}.task-stats .card{background:#fff;border:1px solid #e0e0e0;border-radius:14px;padding:1rem 1.25rem;display:flex;justify-content:center;flex-direction:column;gap:8px}.task-stats .card-top{display:flex;gap:20px;align-items:center}.task-stats .card-number{font-size:1.75rem;margin-top:10px;font-weight:500;color:#1a1a2e;line-height:1}.task-stats .card-label{font-size:.875rem;color:#888;margin-top:5px}.task-stats .card-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}.task-stats .card-icon i{font-size:18px}.task-stats .card-sub{font-size:12px;font-weight:500}.task-stats .icon-purple{background:#ddd}.task-stats .icon-purple i{color:#494949}.task-stats .icon-teal{background:#e1f5ee}.task-stats .icon-teal i{color:#1d9e75}.task-stats .icon-red{background:#fcebeb}.task-stats .icon-red i{color:#e24b4a}.task-stats .sub-purple{color:#7f77dd}.task-stats .sub-gray{color:#888}.task-stats .sub-teal{color:#1d9e75}.task-stats .sub-red{color:#e24b4a}.task-tabs .ant-tabs-nav::before{border-bottom:1px solid #fff!important}.default-inverse{background-color:#282c34;color:#fff}.default-inverse.disabled{color:#fff}.calendar-label{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;border-bottom:2px solid #ebebeb}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.calendar .empty-day{border:none;background:0 0;border-bottom:2px solid #eaeaea;cursor:not-allowed}.day{height:120px;border-bottom:2px solid #eaeaea;border-right:1px solid #f5f5f5;background-color:#fff;display:flex;padding:15px 10px;align-items:center;cursor:pointer;position:relative}.day .text-label{overflow-y:auto;white-space:pre-line;word-wrap:break-word;width:100%}.day .text-label::-webkit-scrollbar{width:2px}.day .text-label::-webkit-scrollbar-thumb{background:#a8a8a8;border-radius:4px}.day .trash{bottom:0;left:5;color:#dc3545}.day .leave-day{top:0;right:0}.day .leave-btn{bottom:0;right:0}.day .leave-btn .add-btn{transition:transform .3s ease}.day .leave-btn:hover .add-btn{transform:scale(1.3)}.day.selected{background:#e6f4ff;border-bottom:2px solid #0091ff}.day.leave-day{background:#ffe6e6;border-bottom:2px solid red}.day.selected::after{content:"";position:absolute;top:4px;right:6px;color:#e6f4ff;font-weight:700}.hover-table{transition:.3s}.hover-table.active,.hover-table:hover{background-color:#f1f1f1!important;transition:.3s!important}.blue-hover{transition:.3s}.blue-hover.active,.blue-hover:hover{background-color:#e6f4ff!important;transition:.3s!important}.ant-table-wrapper .ant-table-thead .ant-table-cell .sort-hover-icon{visibility:hidden;opacity:0;transition:opacity .4s ease-in-out,visibility 0s linear .4s}.ant-table-wrapper .ant-table-thead .ant-table-cell:hover .sort-hover-icon{visibility:visible;opacity:1;transition:opacity .4s ease-in-out}.profile .profile-edit{bottom:5px;right:-8px;background:#282c34;border-radius:25px;padding:4px 6px;color:#fff}.profile .position{position:absolute;bottom:5px;right:-8px}.ggggg{opacity:0;transition:opacity .4s ease-in-out}:root{--bg:#ffffff;--surface:#ffffff;--surface2:#72acff73;--border:#1e1e2e;--accent:#0051ff;--accent2:#ff6ac1;--text:#e8e8f0;--muted:#5a5a7a;--sidebar-w:300px;--header-h:60px}.profile-bg{background:#4c515a}.layout{display:flex;flex-direction:column;height:100vh}.below-header{display:flex;flex:1;overflow:hidden}.header{position:fixed;top:0;left:0;right:0;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 0;background:var(--surface);z-index:100}.header-left{display:flex;align-items:center;height:100%;box-shadow:5px 0 5px -5px #333}.menu-btn{display:none;background:0 0;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;padding:6px 8px;margin-left:14px;font-size:16px;transition:all .2s;line-height:1}.menu-btn:hover{background:var(--surface2);border-color:var(--accent);color:var(--accent)}.header-search{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:7px 14px;margin-left:20px;transition:border-color .2s;max-width:280px;width:100%}.header-search:focus-within{border-color:var(--accent)}.header-search span{color:var(--muted);font-size:13px}.header-search input{background:0 0;border:none;outline:0;color:var(--text);font-family:"DM Mono",monospace;font-size:13px;width:100%}.header-search input::-moz-placeholder{color:var(--muted)}.header-search input::placeholder{color:var(--muted)}.header-right{display:flex;align-items:center;gap:12px;margin-left:auto}.icon-btn{background:0 0;border:1px solid var(--border);border-radius:8px;color:var(--muted);cursor:pointer;padding:6px 10px;font-size:15px;transition:all .2s;position:relative}.icon-btn:hover{color:var(--text);border-color:var(--accent)}.notif-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--accent2);border-radius:50%;border:1px solid var(--surface)}.avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.avatar:hover{border-color:var(--accent)}.sidebar{width:var(--sidebar-w);flex-shrink:0;background-color:var(--sidebar-background);display:flex;flex-direction:column;overflow:hidden;transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:90}.sidebar .sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar .sidebar-nav::-webkit-scrollbar{width:3px}.sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sidebar .nav-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);padding:12px 10px 6px;font-family:"DM Mono",monospace}.sidebar .nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .18s;border:1px solid transparent;color:var(--nav-text);font-size:1rem;font-weight:400;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}.sidebar .nav-item:hover{background:rgba(238,242,255,.1764705882);color:var(--nav-text)}.sidebar .nav-item.active{background:var(--nav-active);color:#fff;font-weight:600;border-color:rgba(255,255,255,.3411764706)}.sidebar .nav-icon{font-size:1.2rem;width:20px;text-align:center;flex-shrink:0}.sidebar .nav-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:20px;font-family:"DM Mono",monospace}.sidebar .nav-item.active .nav-badge{background:var(--accent2)}.sidebar .sidebar-footer{padding:12px 10px;border-top:1px solid var(--border)}.sidebar .user-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);cursor:pointer;transition:all .18s}.sidebar .user-card:hover{background:var(--surface2);border-color:var(--accent)}.sidebar .user-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent2),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.sidebar .user-info{flex:1;min-width:0}.sidebar .user-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .user-role{font-size:11px;color:var(--muted);font-family:"DM Mono",monospace}.sidebar .user-chevron{color:var(--muted);font-size:11px}.sidebar .overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px);z-index:80}@media (max-width:768px){.layout{grid-template-columns:1fr;grid-template-areas:"header" "content"}.logo-zone{width:auto;border-right:none}.menu-btn{display:flex}.header-search{display:none}.sidebar{position:fixed;left:0;width:var(--sidebar-w);height:100%;transform:translateX(-100%);z-index:200;box-shadow:4px 0 40px rgba(0,0,0,.5)}.sidebar.open{transform:translateX(0)}.overlay.open{display:block}}.user-assign-modal.ant-popover .ant-popover-inner .assign-user-content .assign-date .hoverable{transition:.4s;position:relative}.user-assign-modal.ant-popover .ant-popover-inner .assign-user-content .assign-date .close-icon{opacity:0;transition:.4s;background-color:#fff;border:1px solid #ececec;border-radius:30px;padding:0 1px;position:absolute;bottom:13px;left:188px}.user-assign-modal.ant-popover .ant-popover-inner .assign-user-content .assign-date .pause-close{bottom:120px;left:200px}.user-assign-modal.ant-popover .ant-popover-inner .assign-user-content .assign-date:hover .hoverable{transition:.4s;background-color:#e9e9e9;border-radius:30px}.user-assign-modal.ant-popover .ant-popover-inner .assign-user-content .assign-date:hover .close-icon{opacity:1;transition:.4s}.task-menu .nav-item{font-size:1rem;text-decoration:none;color:#677383;display:flex;align-items:center;gap:10px;border-radius:10px;padding:10px}.task-menu .nav-item .nav-icon{font-size:1.2rem}.task-menu .nav-item.active{background-color:#eaeffd;color:#006eff}.dashboard .task-summary{display:flex;flex-wrap:wrap;gap:15px}.dashboard .task-summary .box{flex:1 1 250px;height:200px;border:1px solid}.dashboard .dd{height:250px;border:1px solid}:root{--primary:#4300ff;--nav-active:#3A404A;--sidebar-background:#282C34;--nav-text:#ffffffd4;--btn-primary:#366EE4;--input-border:#3a404ab4}.tm-btn{background-color:var(--primary);color:#fff;border:1px solid var(--primary)}.tm-btn.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover{background-color:color-mix(in srgb,var(--primary) 85%,#000);color:#fff;border-color:var(--primary)}.text-10{font-size:.625rem}.text-11{font-size:.688rem}.text-12{font-size:.75rem}.text-13{font-size:.813rem}.text-14{font-size:.875rem}.text-15{font-size:.875rem}.ant-input-outlined:hover{border-color:var(--nav-active)}.ant-input-outlined:focus-within{border-color:var(--nav-active);box-shadow:0 0 0 2px rgba(0,0,0,.1019607843)}.ant-input-outlined:focus{border-color:var(--nav-active);box-shadow:0 0 0 2px rgba(0,0,0,.1019607843)}.ant-select-focused .ant-select-selector{border-color:var(--nav-active);box-shadow:0 0 0 2px rgba(0,0,0,.1)}.ant-select-outlined:not(.ant-select-customize-input) .ant-select-selector{border-color:var(--input-border)}