:root{--primary-color: #3c5480;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.custom-btn{background-color:#3c5480;border-color:#3c5480;color:#fff}.custom-icon{color:#fff}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.ant-modal .ant-modal-footer>.ant-btn.ant-btn.ant-btn-variant-solid{background-color:#3c5480}.ant-modal .ant-modal-close{padding:5px;border-radius:20px;background-color:#f2f4f8;color:#e0293b!important}.ant-modal-title{font-size:18px!important;font-weight:600!important;color:#131313!important}@media (max-width: 480px){.ant-modal.css-dev-only-do-not-override-pjilya .ant-modal-content{max-width:430px!important}.ant-modal-root .ant-modal-wrap{overflow:none}}.custom-page{display:flex;flex-direction:column;height:100vh;box-sizing:border-box;gap:15px;margin-bottom:100px}.twc-container{display:flex;flex-direction:column;height:100vh;box-sizing:border-box;padding:16px}.twc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}@media (max-width: 991px){.twc-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:24px;gap:25px}}.twc-header:not(:has(.twc-tabs)){justify-content:flex-end}.twc-tabs{display:flex;gap:16px;background-color:#f7f7fc;color:#73818e;padding:4px;border-radius:6px;font:600;font-size:14px}.twc-tab{padding:8px 16px;font-size:14px;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s}.twc-tab.active{color:#131313;box-shadow:0 1px 2px #0000001a;background-color:#fff;font-weight:600}.twc-tab:hover:not(.active){background:#fff}.twc-controls{display:flex;align-items:center;gap:8px}.twc-search{position:relative;background-color:transparent}.twc-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px}.twc-search-input{padding:8px 12px 8px 36px;border:1px solid #d1d5db;border-radius:9px;font-size:14px;outline:none;background-color:#fff;color:#000;height:40px;box-sizing:border-box}.twc-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.filter-btn{border:1px solid #d1d5db!important;background:#fff!important;border-radius:9px!important;cursor:pointer;height:40px!important;width:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.filter-btn:hover{background:#f9fafb!important;border-color:#6366f1!important}.twc-filter-btn{border:none;background:#fff;padding:8px;border-radius:8px;cursor:pointer;font-size:16px;border:1px solid #e2e8f0}.twc-filter-btn:hover{background:#e5e7eb}.do-container{display:flex;gap:24px;width:100%}@media (max-width: 991px){.do-container{display:flex;flex-direction:column;gap:10px}.chart-legend{gap:12px!important}.legend-item{gap:2px!important}}.do-card{border-radius:8px;box-shadow:0 1px 3px #0000001a;background:#fff}.chart-card{flex:7}.messages-card{flex:3}.do-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.do-card-title{font-size:16px;font-weight:500}.do-messages-list{max-height:350px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.do-messages-list::-webkit-scrollbar{display:none}.do-messages-list .ant-list-item{padding:12px 0;align-items:flex-start}.do-msg-item{position:relative}.do-msg-content{display:flex;justify-content:space-between;align-items:center;width:100%}.do-msg-text{flex:1}.do-msg-time{font-size:12px;color:#999;margin-left:8px;flex-shrink:0}.do-msg-badge-container{position:absolute;top:12px;right:0;display:flex;align-items:center}.do-msg-badge .ant-badge-count{background-color:#13c296!important;border-color:#13c296!important}.chart-legend{display:flex;gap:32px;align-items:center}.legend-item{display:flex;align-items:center;gap:8px}.legend-dot{width:12px;height:12px;border:2px solid #d9d9d9;border-radius:50%;position:relative;flex-shrink:0;margin-bottom:22px}.legend-dot:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#ccc;transform:translate(-50%,-50%)}.legend-dot.dot-blue{border-color:#d9d9d9}.legend-dot.dot-blue:before{background:#3c5480}.legend-dot.dot-green{border-color:#d9d9d9}.legend-dot.dot-green:before{background:#13c296}.legend-texts{display:flex;flex-direction:column;line-height:1}.legend-label-inv{font-size:14px;font-weight:600;color:#3c5480!important;padding-bottom:5px}.legend-label-proj{font-size:14px;font-weight:600;color:#13c296!important;padding-bottom:5px}.legend-sub{font-size:12px;color:#313131;font-weight:400}.ant-radio-button-wrapper{height:32px;line-height:32px;padding:0 12px;font-size:13px}.period-selector{display:inline-flex;background:#f5f5f5;border-radius:4px;overflow:hidden;padding:5px}.period-selector .period-btn{background:transparent;border:none;padding:6px 16px;font-size:14px;color:#333;cursor:pointer;transition:background .15s;margin:0;flex:1}.period-selector .period-btn.active{background:#fff;border:none}.period-selector .period-btn:not(.active):hover{background:#e6e6e6}.recharts-wrapper,.responsive-container{margin:0;padding:0}.tb-collapse .tb-panel{border:1px solid #f0f0f0;border-radius:8px;margin-bottom:16px;overflow:hidden}.tb-count{background:#f0f0f0;border-radius:4px;padding:2px 6px;font-size:12px;margin-left:4px}.tb-add-icon{font-size:16px;color:#1890ff;cursor:pointer}.tb-table-header{background:#fff;padding:8px 16px;font-size:10px;color:#73818e;font-weight:500}.tb-header-cell{text-transform:uppercase}.tb-table-row{padding:12px 16px;border:1px solid #e2e8f0}.tb-row:last-child{border-bottom:none}.tb-cell{font-size:14px}.messages-card .ant-select-dropdown .ant-select-item{color:#637381!important;font-weight:500;font-size:14px}.messages-card .ant-select-dropdown .ant-select-item-option-content{color:#637381!important;font-weight:500}.ant-select-dropdown .ant-select-item,.ant-select-dropdown .ant-select-item *{color:#637381!important;font-weight:500!important;font-size:14px!important}.ant-select-dropdown .ant-select-item-option-content,.ant-select-dropdown .ant-select-item-option-content *{color:#637381!important;font-weight:500!important}.ant-select-dropdown .ant-select-item:hover,.ant-select-dropdown .ant-select-item:hover *,.ant-select-dropdown .ant-select-item-option-selected,.ant-select-dropdown .ant-select-item-option-selected *{color:#637381!important}.messages-card .ant-select-selection-item{color:#637381!important;font-weight:500!important}.task-form{padding:16px;background:#fff;font-family:Arial,sans-serif;color:#333;width:450px}.form-row{display:flex;gap:16px;margin-bottom:16px}.full-width{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.form-group{flex:1}.form-label{display:block;font-size:12px!important;font-weight:500;margin-bottom:2px;color:#2b2b2b!important}.form-input,.form-select,.form-datepicker{width:100%;border-radius:4px}.icon-button{font-size:16px;color:#131313;background-color:#ebebeb;cursor:pointer;border-radius:9999px;padding:8px}.input-with-icon .ant-select,.input-with-icon .ant-select-selector{padding-left:32px!important}.form-textarea .ant-input{border-radius:4px}.subtasks{display:flex;flex-direction:column;gap:8px}.subtask-items{display:flex;align-items:center;gap:8px;font-size:14px}.subtask-items.completed .text{text-decoration:line-through!important;font:12px!important;color:#000;font:400}.add-button{padding:0;font-size:12px;color:#000;font:400}.comment-area{display:flex;flex-direction:column;gap:8px}.comment-input .ant-input{border-radius:4px}.comment-actions{display:flex;align-items:center;gap:8px}.comment-btn{color:#3c5480!important}.comment-actions .ant-btn{height:32px}.icons>*{font-size:18px;color:#666;cursor:pointer;margin-left:8px}.comment-box{border:1px solid #d9d9d9;border-radius:8px;padding:12px;background:#fff;position:relative}.comment-box .comment-input{border:none;resize:none;width:100%;padding:8px;border-radius:4px;background:#fafafa;font-size:14px}.comment-box .comment-input .ant-input{border:none!important;box-shadow:none!important}.comment-box__actions{display:flex;align-items:center;margin-top:8px;justify-content:space-between}.comment-button{background:#34568b;border:none;color:#fff;padding:6px 16px;border-radius:4px;font-size:14px}.comment-box__icons>*{font-size:18px;color:#666;margin-left:12px;cursor:pointer}.kanban-board{display:flex;gap:16px;height:auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:16px}.kanban-board::-webkit-scrollbar{display:none}.kanban-column{background:#f5f5f5;border-radius:8px;flex:1 0 250px;display:flex;flex-direction:column;padding:12px;height:auto;min-height:0}.column-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px}.column-header .ant-typography{margin:0;font-size:14px;font-weight:600}.column-header .task-count{background:#f0f0f0;border-radius:12px;padding:2px 6px;font-size:12px;color:#555;margin-left:8px}.add-column-icon{font-size:16px;color:#999;cursor:pointer}.task-count{margin:8px 0;font-size:12px;color:#555}.task-list{flex:1 1 auto;overflow-y:auto;padding-right:4px;min-height:0}.task-list::-webkit-scrollbar{display:none}.task-list{-ms-overflow-style:none;scrollbar-width:none}.task-card{margin-bottom:12px;border-radius:6px}.task-title-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:3px}.task-title{font-weight:600;font-size:12px;color:#131313}.task-priority-tag{font-size:12px}.task-date{font-size:12px;margin:4px 0;color:#637381;font-weight:500}.task-desc{display:block;margin-bottom:8px;font-size:12px;font-weight:600;color:#313131}.task-footer{display:flex;align-items:center;justify-content:space-between}.footer-content{display:flex;gap:5px}.label-text{font-size:12px;font-weight:500;color:#637381}.weekly-calendar{display:flex;flex-direction:column;padding:16px;background:#fff;position:relative;height:100%}.wc-header{display:flex;align-items:center;margin-bottom:16px}.wc-header .ant-btn{border:none;background:transparent;font-weight:500;font-size:14px;padding:0}.wc-nav{display:flex;justify-content:center;align-items:center;gap:12px}.wc-nav-icon{font-size:16px;color:#555;cursor:pointer}.wc-grid{display:flex;position:relative;flex:1;border:1px solid #E2E8F0;border-radius:14px}.wc-time-col{width:60px;margin-right:8px;display:flex;flex-direction:column}.wc-time-cell{height:60px;line-height:60px;font-size:12px;color:#666;text-align:right;padding-right:8px;border-top:1px solid #f0f0f0}.wc-day-col{flex:1;display:flex;flex-direction:column;position:relative;border-left:1px solid #e0e0e0}.wc-day-header{height:40px;background:#fafafa;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500}.wc-cells{flex:1;position:relative}.wc-cell{height:60px;border-bottom:1px solid #f0f0f0}.wc-event-card{position:absolute;left:8px;right:8px;border-radius:6px;box-shadow:none;padding:0}.wc-event-card .ant-card-body{padding:8px}.wc-event-title{font-size:14px;font-weight:500;margin-bottom:4px}.wc-event-time{font-size:12px;color:#666;margin-bottom:8px}.wc-event-avatars{display:flex;gap:-8px;margin-bottom:4px}.wc-event-avatars .ant-avatar{border:2px solid #fff}.wc-event-platform{font-size:12px;color:#999}.weekly-calendar::-webkit-scrollbar,.wc-grid::-webkit-scrollbar{display:none}.weekly-calendar,.wc-grid{-ms-overflow-style:none;scrollbar-width:none}.meeting-scheduler{background:#fff;padding:16px;border-radius:8px;font-family:sans-serif;max-width:600px;margin:auto}.ms-input .ant-input{border-radius:6px;padding:12px 16px;font-size:16px;margin-bottom:24px}.ms-free-slots{display:flex;gap:16px;margin-bottom:24px}.ms-slot-card{flex:1;border:1px solid #e0e0e0;border-radius:8px;margin-top:10px}.ms-slot-header{display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:14px;margin-bottom:8px}.ms-slot-add{font-size:18px;color:#1890ff}.ms-slot-line{display:flex;align-items:center;margin-bottom:8px}.ms-slot-icon{font-size:14px;color:#555}.ms-slot-text{font-size:12px;color:#555;margin-left:6px}.ms-slot-time-start{color:#52c41a}.ms-slot-time-end{color:#f5222d}.ms-section{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:24px}.ms-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:500}.ms-section-select{border-radius:6px}.ms-field{margin-bottom:16px}.ms-field label{display:block;font-size:12px;font-weight:600;color:#555;margin-bottom:4px}.ms-field-control{width:100%;border-radius:6px}.ms-field-row{display:flex;gap:16px}.half{flex:1}.ms-participants{display:flex;gap:8px;margin-bottom:24px}.ms-participant-item{position:relative}.ms-remove-icon{position:absolute;top:-4px;right:-4px;font-size:12px;color:#ff4d4f;cursor:pointer}.ms-days{display:flex;gap:8px}.ms-day{width:32px;height:32px;border:1px solid #e0e0e0;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#333;cursor:pointer;font-size:14px}.ms-day-active{background:#1890ff;border-color:#1890ff;color:#fff}.new-icon{background-color:#3c5480!important;padding:10px!important;border:1px solid #3c5480!important}.meeting-info-card{border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:4px;border:1px solid #d9d9d9}.meeting-summary-item{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80%}.meeting-summary-header{display:flex;align-items:center;justify-content:center;text-align:center}.meeting-summary-title{font-size:16px;color:#131313;font-weight:600}.meeting-summary-value{margin:0;font-size:16px;color:#666;font-weight:500;padding-top:10px!important}.meeting-summary-meta{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:6px 12px;border-radius:8px;margin-top:10px}.meeting-summary-meta.blue{background-color:#dce7ff}.meeting-summary-meta.lgreen{background-color:#d3ffec}.meeting-summary-meta.purple{background-color:#f5e5ff}.meeting-summary-meta.orange{background-color:#ffecd7}.meeting-summary-meta.red{background-color:#feeaec}.meeting-summary-meta.ashwhite{background-color:#f9f8fd}.meeting-meta-left{display:flex;align-items:center}.meeting-meta-icon{font-size:16px;margin-right:8px;color:inherit}.meeting-meta-text{font-size:13px;color:#131313;font-weight:500}.meeting-divider-vertical{align-self:stretch;height:auto;background-color:#e8e8e8;width:1px;margin:0 16px}.work-space-div{width:400px}.dashboard-summary-card{border-radius:8px;border:1px solid #E2E8F0;padding:4px}.summary-card-item{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80%}.summary-header{display:flex;align-items:center;justify-content:center;text-align:center}.icon-wrap{font-size:24px;margin-right:12px}.icon-wrap.blue{color:#40a9ff}.icon-wrap.green{color:#73d13d}.icon-wrap.purple{color:#9254de}.icon-wrap.orange{color:#ffa940}.summary-title{font-size:16px;color:#313131;font-weight:500}.summary-value{margin:0;font-size:26px;color:#313131;font-weight:600}.summary-meta{display:flex;align-items:center;margin-top:16px;padding:6px 12px;border-radius:8px;gap:10px;color:#131313!important}.summary-meta.blue{background-color:#dce6ff}.summary-meta.green{background-color:#e1fdff}.summary-meta.purple{background-color:#f5e5ff}.summary-meta.orange{background-color:#feecd6}.meta-icon{font-size:16px;margin-right:8px;color:inherit}.meta-text{font-size:13px;font-weight:500;color:#131313}.row-card{margin-bottom:50px}.card-grid-container{display:flex;flex-direction:column}.card-grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}@media (max-width: 991px){.card-grid-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:24px;gap:25px}.add-workspace-btn{margin-left:0!important}}.workspace-search{flex:1;max-width:320px}.add-workspace-btn{margin-left:16px;background-color:#3a5581;font-size:14px;font-weight:500}.board-card{border-radius:8px;box-shadow:0 1px 4px #0000000f;padding:6px;background:#fff}.card-title{margin-bottom:8px;font-weight:600;font-size:14px;color:#131313}.card-desc{font-size:12px;color:#768396;font-weight:400;margin-bottom:16px}.card-footer{display:flex;justify-content:space-between!important;align-items:center;padding-top:12px;border-top:1px solid #f0f0f0;width:100%}.footer-text{font-size:10px;color:#4d515a;font-weight:500}.ql-container{border:1px solid #d9d9d9;border-radius:4px;min-height:120px}.ql-toolbar{border:1px solid #d9d9d9;border-bottom:none;border-radius:4px 4px 0 0}.ql-toolbar .ql-formats button{width:30px;height:30px;padding:0}.ql-toolbar .ql-formats button:hover,.ql-toolbar .ql-formats button.ql-active{background:#e6f7ff}.ql-editor{padding:8px;font-size:14px;color:#333}.tiptap-toolbar{border:1px solid #d9d9d9;border-bottom:none;border-radius:4px 4px 0 0;background:#f5f5f5;padding:4px;display:flex;gap:4px}.tiptap-toolbar button{border:none;background:transparent;padding:4px 8px;cursor:pointer}.tiptap-toolbar button.is-active{background:#1890ff;color:#fff}.tiptap-editor{border:1px solid #d9d9d9;border-radius:0 0 4px 4px;padding:8px;min-height:150px}.tiptap-editor{border:1px solid #d9d9d9;border-radius:4px;padding:8px;min-height:150px}.divider-info{align-self:stretch;height:auto;background-color:#e8e8e8;width:1px;margin:0 16px}.desktop-only{display:block!important}.mobile-tablet-only{display:none!important}@media (max-width: 991px){.desktop-only{display:none!important}.mobile-tablet-only{display:block!important}}.tb-collapse .tb-panel{border:0px!important;border-radius:8px!important;margin-bottom:16px;overflow:hidden}.ant-collapse-borderless{background-color:#fff;border:1px solid #e2e8f0;margin-bottom:100px}.tb-collapse .ant-collapse-header{margin:0!important;background-color:#f7f7fc;display:flex!important;align-items:center!important;height:47px!important;padding:0!important;min-height:47px}.ant-collapse-header-text{padding:0!important;border-left:1px solid #E2E8F0;flex:1;display:flex!important;align-items:center!important;height:100%!important;min-height:47px}.tb-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;width:100%;height:100%}.ant-collapse-expand-icon{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px 16px!important;border-right:1px solid #E2E8F0;min-height:47px}.ant-collapse-expand-icon svg{vertical-align:middle!important;margin:0!important}:where(.css-dev-only-do-not-override-pjilya).ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-expand-icon{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px 16px!important;min-height:47px}:where(.css-dev-only-do-not-override-pjilya).ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-expand-icon svg{vertical-align:middle!important;margin:0!important}.tb-panel-title{font-size:14px;font-weight:500}.ant-collapse-content-box{padding:0!important}.tb-count{background:#e1e1e4;border-radius:4px;padding:2px 6px;font-size:12px;margin-left:4px}.tb-add-icon{font-size:16px;color:#131313;cursor:pointer;font-weight:700}.tb-ellipsis-icon{font-size:16px;color:#131313;cursor:pointer;font-weight:700;margin-right:8px}.tb-table{width:100%;border-collapse:collapse}.tb-table-header{background:#fff;font-size:10px;color:#73818e;font-weight:500}.tb-header-cell{text-transform:uppercase;padding:8px 16px;text-align:left;font-size:12px;font-weight:500;color:#73818e}.tb-table-row{border:1px solid #e2e8f0}.tb-cell{font-size:12px;padding:8px 16px;border-right:1px solid #e2e8f0;font-weight:500!important}.tb-table-row td:last-child{border-right:none}.ant-avatar-group .ant-avatar{border:2px solid #fff}:where(.css-dev-only-do-not-override-pjilya).ant-collapse>.ant-collapse-item>.ant-collapse-header{padding:0!important;height:47px!important;display:flex!important;align-items:center!important;min-height:47px}.tb-collapse .ant-collapse-item>.ant-collapse-header{display:flex!important;align-items:center!important;height:47px!important;min-height:47px!important;padding:0!important}.tb-collapse .ant-collapse-item>.ant-collapse-header>.ant-collapse-expand-icon{display:flex!important;align-items:center!important;justify-content:center!important;height:47px!important;min-height:47px!important;line-height:47px!important}:where(.css-dev-only-do-not-override-pjilya).ant-collapse>.ant-collapse-item:first-child,:where(.css-dev-only-do-not-override-pjilya).ant-collapse>.ant-collapse-item:first-child>.ant-collapse-header{border-radius:8px}.end-icons{display:flex;align-items:center;gap:8px}@media (max-width: 991px){.table-scroll-container{overflow-x:auto}.tb-table{min-width:700px;width:100%}.tb-panel-header{padding:10px 12px}.tb-panel-title{font-size:13px}.tb-count{font-size:11px;padding:2px 6px}}@media (max-width: 768px){.tb-table{font-size:12px;min-width:600px}.tb-header-cell,.tb-cell{padding:8px 4px;font-size:11px}.tb-panel-header{padding:8px 10px}.tb-panel-title{font-size:12px}.tb-count{font-size:10px;padding:1px 4px}.end-icons{gap:6px}.tb-ellipsis-icon,.tb-add-icon{font-size:14px}}@media (max-width: 576px){.tb-table{font-size:11px;min-width:500px}.tb-header-cell,.tb-cell{padding:6px 2px;font-size:10px}.tb-panel-header{padding:6px 8px;flex-wrap:wrap}.tb-panel-title{font-size:11px}.tb-count{font-size:9px;padding:1px 3px;margin-left:2px}.end-icons{gap:4px}.tb-ellipsis-icon,.tb-add-icon{font-size:12px}.tb-collapse .tb-panel{margin-bottom:8px}.ant-collapse-header{min-height:40px!important;height:40px!important}.ant-collapse-expand-icon{min-height:40px!important;padding:8px 12px!important}.ant-collapse-header-text{min-height:40px!important}}@media (max-width: 480px){.table-scroll-container{margin:0 -8px;padding:0 8px;overflow-x:auto}.tb-table{font-size:10px;min-width:450px}.tb-header-cell,.tb-cell{padding:4px 1px;font-size:9px}.tb-panel-header{padding:4px 6px}.tb-panel-title{font-size:10px}.tb-count{font-size:8px;padding:1px 2px;margin-left:1px}.end-icons{gap:2px}.tb-ellipsis-icon,.tb-add-icon{font-size:10px}.tb-cell .ant-avatar-group{gap:1px}.tb-cell .ant-avatar{width:16px!important;height:16px!important;font-size:8px!important}.tb-cell .ant-tag{font-size:8px;padding:0 4px;margin:0}.ant-collapse-header{min-height:35px!important;height:35px!important}.ant-collapse-expand-icon{min-height:35px!important;padding:6px 8px!important}.ant-collapse-header-text{min-height:35px!important}}.task-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}@media (max-width: 991px){.task-toolbar{display:flex;align-items:flex-start;flex-direction:column;gap:24px}}.task-toolbar__left{flex:1}.task-toolbar__search{width:100%;max-width:300px;border-radius:6px}.task-toolbar__right{display:flex;align-items:center;gap:12px}.task-toolbar__right .active{background-color:#f7f7fc}.task-toolbar_icon_unorder,.task-toolbar_icon_appstore{font-size:18px;color:#676767;padding:4px;cursor:pointer;border-radius:4px;border:1px solid #e2e8f0;transition:background .2s}.task-toolbar__button{white-space:nowrap;background-color:#3c5480;color:#fff}.users-search{width:400px;min-width:300px}.users-search .ant-input-affix-wrapper,.users-search .ant-input-affix-wrapper:hover,.users-search .ant-input-affix-wrapper:focus,.users-search .ant-input-affix-wrapper-focused{height:40px!important;min-height:40px!important;border-color:var(--primary-color)!important;outline:var(--primary-color)!important}.users-search .ant-input-affix-wrapper .ant-input-prefix{margin-right:12px!important}.users-search .ant-input{height:30px!important}.export-btn{background:#f0f2f5;border:1px solid var(--primary-color);height:40px!important;border-radius:8px!important}.export-btn:hover{color:var(--primary-color)!important}.add-user-btn{height:40px!important;border-radius:8px!important}.users-table .ant-table-thead>tr>th{background:#f0f2f5;font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:14px!important;line-height:16.5px!important;letter-spacing:0%!important;text-transform:none!important;color:#4d515a!important;border-left:none!important;border-right:none!important}.users-table .ant-table-tbody>tr>td:first-child{border-left:1px solid #f0f0f0}.users-table .ant-table-tbody>tr>td:last-child{border-right:1px solid #f0f0f0}.users-card-container{padding-bottom:16px}.users-card-header{display:flex;justify-content:space-between;margin-bottom:16px;align-items:center}@media (max-width: 991px){.users-card-header{display:flex;flex-direction:column;gap:24px;margin-bottom:16px;align-items:flex-start}.header-right{display:flex;align-items:flex-start}}.users-search{width:350px;min-width:250px;margin-right:8px}.filter-btn,.export-btn,.add-user-btn{margin-left:8px}.add-user-btn{background-color:var(--primary-color);height:40px!important}.add-user-btn:hover{background-color:var(--primary-color)!important}.filter-btn{background:#f0f2f5;border:1px solid #d9d9d9;color:var(--primary-color);height:40px!important;width:40px!important;display:flex;align-items:center;justify-content:center;padding:0!important}.users-table .ant-table-thead>tr>th{background:#f8fafc!important;font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:14px!important;line-height:16.5px!important;letter-spacing:0%!important;text-transform:none!important;color:#4d515a!important}.users-table .ant-table-tbody>tr>td{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:16.5px!important;letter-spacing:0%!important;text-transform:none!important;color:#1f1f1f!important}.users-table .ant-pagination{margin-top:16px;display:flex;align-items:center;gap:4px}.users-table .ant-pagination-item-active{background:transparent!important;border:none!important}.users-table .ant-pagination-item-active a{background:var(--primary-color);color:#fff;border-color:var(--primary-color);border-radius:4px;display:block;width:22px;height:32px;padding:4px 0;text-align:center;box-shadow:none!important}:where(.css-dev-only-do-not-override-7t2xvq).ant-checkbox-indeterminate .ant-checkbox-inner:after{background:var(--primary-color)!important}.dropdown-text{font-size:14px;color:#3c5480!important}:where(.css-dev-only-do-not-override-7t2xvq).ant-table-wrapper .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before{display:none!important}.users-form-container{max-width:600px}.users-form-container .ant-form-item-required:not(.ant-form-item-required-mark-optional):before{display:none!important}.users-form-container .ant-form-item-required:not(.ant-form-item-required-mark-optional):after{display:none!important}label{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:0%!important;vertical-align:middle!important;text-transform:uppercase!important;color:#2b2b2b!important}.users-form-container .ant-input{height:32px;padding:8px 12px;font-size:14px;border-radius:6px;border:1px solid #d9d9d9;box-shadow:none;background:#fff}.users-form-container .ant-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.users-form-container .ant-checkbox-group{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}.users-form-container .ant-checkbox-wrapper{margin-left:0}.users-form-container .ant-checkbox-wrapper span:not(.ant-checkbox){text-transform:none!important}.users-form-container .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--primary-color);border-color:var(--primary-color)}.users-form-container .ant-checkbox:hover .ant-checkbox-inner{border-color:var(--primary-color)}.users-form-container .ant-form-item{margin-bottom:16px}@media (max-width: 991px){.users-card-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.header-left,.header-right{display:flex;align-items:center;gap:8px}.users-search{width:300px;min-width:200px}}@media (max-width: 768px){.users-card-header{gap:12px}.header-left,.header-right{gap:8px}.users-search{width:250px;min-width:180px}.users-table .ant-pagination{justify-content:center;flex-wrap:wrap;gap:2px}.pagination-btn{width:20px;height:30px}}@media (max-width: 576px){.users-card-container{padding:8px}.users-card-header{gap:8px;flex-direction:column!important}.header-left,.header-right{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;justify-content:space-between;width:100%}.users-search{flex:1;min-width:0}.filter-btn{flex-shrink:0;margin:0}.export-btn,.add-user-btn{flex:1;margin:0;justify-content:center}.btn-text{display:inline}.btn-text-mobile{display:none}.users-table .ant-table-thead>tr>th{padding:8px 4px;font-family:Inter,sans-serif!important;font-weight:500!important;font-size:12px!important;line-height:14px!important;color:#4d515a!important;text-transform:none!important}.users-table .ant-table-tbody>tr>td{padding:8px 4px;font-family:Inter,sans-serif!important;font-weight:400!important;font-size:12px!important;line-height:14px!important;color:#1f1f1f!important;text-transform:none!important}.pagination-btn{width:16px;height:24px;font-size:9px}.pagination-nav,.pagination-page,.pagination-ellipsis{width:16px}.users-table .ant-pagination{gap:2px;justify-content:center;margin:16px 0 0;padding:0 16px}}@media (max-width: 480px){.add-user-btn .btn-text{display:none}.add-user-btn .btn-text-mobile{display:inline}.export-btn .btn-text{display:inline!important}.filter-btn{padding:0!important;width:40px!important;height:40px!important;display:flex;align-items:center;justify-content:center}.export-btn,.add-user-btn{padding:0 12px}.users-table .ant-table-thead>tr>th,.users-table .ant-table-tbody>tr>td{padding:6px 2px}.users-table .ant-table-thead>tr>th{font-family:Inter,sans-serif!important;font-weight:500!important;font-size:11px!important;line-height:13px!important;color:#4d515a!important;text-transform:none!important}.users-table .ant-table-tbody>tr>td{font-family:Inter,sans-serif!important;font-weight:400!important;font-size:11px!important;line-height:13px!important;color:#1f1f1f!important;text-transform:none!important}.pagination-btn{width:14px;height:22px;font-size:8px}.pagination-nav,.pagination-page,.pagination-ellipsis{width:14px}.users-table .ant-pagination{gap:1px;margin-top:8px;padding:0 12px}.table-container{margin:0 -8px;padding:0 8px}}.projects-card-container{padding-bottom:16px}.project-card{cursor:grab;transition:opacity .2s ease}.project-card:active{cursor:grabbing}.project-card.dragging{opacity:.6;cursor:grabbing}.grid-column.drop-zone-active{background-color:#1890ff0d;border:2px dashed var(--primary-color);border-radius:8px}.projects-card-header{display:flex;justify-content:space-between;margin-bottom:16px;align-items:center}.projects-search{width:400px;min-width:300px}.projects-search .ant-input-affix-wrapper,.projects-search .ant-input-affix-wrapper:hover,.projects-search .ant-input-affix-wrapper:focus,.projects-search .ant-input-affix-wrapper-focused{height:40px!important;min-height:40px!important}.projects-search .ant-input-affix-wrapper .ant-input-prefix{margin-right:12px!important}.projects-search .ant-input{height:30px!important}.export-btn,.add-project-btn,.view-btn{margin-left:8px}.export-btn:hover{color:var(--primary-color)!important;border-color:var(--primary-color)}.add-project-btn{background:var(--primary-color);border-color:var(--primary-color);color:#fff;height:40px!important}.add-project-btn:hover{background:var(--primary-color)!important;border-color:var(--primary-color)}.view-btn{background:#f0f2f5;border:1px solid #d9d9d9;color:var(--primary-color);padding:4px;height:40px!important;width:40px!important;display:flex;align-items:center;justify-content:center}.view-btn:hover{border-color:var(--primary-color)!important}.grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0;margin:0;width:100%}.project-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:10px}.card-footer{margin-top:8px;text-align:center;color:#131313;justify-content:start!important;align-items:center!important;gap:5px}.projects-form-container{width:100%!important;max-width:100%!important;box-sizing:border-box}.projects-form-container .ant-form-item-required:not(.ant-form-item-required-mark-optional):before{display:none!important}.projects-form-container .ant-form-item-required:not(.ant-form-item-required-mark-optional):after{display:none!important}.projects-form-container .ant-form-item-label>label{font-weight:500!important;font-size:12px;color:#666}.projects-form-container .ant-form-item{margin-bottom:16px}.projects-form-container .ant-input,.projects-form-container .ant-select-selector,.projects-form-container .ant-picker{height:32px;padding:8px 12px;font-size:14px;border:1px solid #d9d9d9;border-radius:6px;box-shadow:none;background:#fff}.projects-form-container .ant-input:focus,.projects-form-container .ant-select-focused .ant-select-selector,.projects-form-container .ant-picker-focused{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.projects-form-container .ant-input::placeholder,.projects-form-container .ant-select-selection-placeholder,.projects-form-container .ant-picker-input>input::placeholder{color:#999}.projects-form-container .quill-editor .ql-container{min-height:70px;font-size:14px;border:1px solid #d9d9d9;border-radius:0 0 6px 6px;background:#fff;display:block}.projects-form-container .quill-editor .ql-editor{padding:8px 12px;min-height:60px}.projects-form-container .quill-editor .ql-toolbar{border:1px solid #d9d9d9;border-bottom:none;border-radius:6px 6px 0 0;background:#fff;display:block}.projects-form-container .quill-editor .ql-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.projects-form-container .attachment-list{background:#fff}.projects-form-container .attachment-item{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid #f0f0f0;transition:background .2s;background:#fff}.projects-form-container .attachment-item:hover{background:#f8f9fa}.projects-form-container .attachment-item:last-child{border-bottom:none}.projects-form-container .attachment-preview{width:60px;height:60px;border-radius:8px;overflow:hidden;margin-right:12px;flex-shrink:0;background:#f0f2f5;display:flex;align-items:center;justify-content:center}.projects-form-container .attachment-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:8px}.projects-form-container .attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.projects-form-container .attachment-name{font-size:14px;font-weight:500;color:#333;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projects-form-container .attachment-details{font-size:12px;color:#666;display:flex;gap:4px}.projects-form-container .upload-date,.projects-form-container .file-size{color:#666}.projects-form-container .attachment-actions{display:flex;gap:8px;align-items:center}.projects-form-container .action-btn{width:24px;height:24px;padding:0;border:none;background:none;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer;border-radius:4px;transition:all .2s}.projects-form-container .action-btn:hover{background:#f0f0f0}.projects-form-container .download-btn:hover{color:#1890ff;background:#e6f7ff}.projects-form-container .delete-btn:hover{color:#ff4d4f;background:#fff1f0}.projects-form-container .action-btn .anticon{font-size:16px}.dropdown-trigger{display:flex;align-items:center;cursor:pointer;transition:all .2s;background:transparent;border:none;padding:8px 0;width:100%}.dropdown-text{font-size:14px;color:#666;text-transform:capitalize}.projects-table .ant-table-thead>tr>th{background:#f0f2f5;text-transform:uppercase;font-size:12px;font-weight:600;color:#595959}.projects-table .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--primary-color);border-color:var(--primary-color)}.grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}.project-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:10px;height:fit-content;display:flex;flex-direction:column}.content-row{display:flex;justify-content:space-between;margin-bottom:4px}.content-row p{flex-basis:48%;margin:0;font-size:12px;color:#666}.progress-text{display:block;font-weight:700;font-size:12px;color:#313131!important;margin-top:4px}.card-footer{margin-top:8px;text-align:center;color:#131313;justify-content:start;align-items:center;gap:5px}.card-status[data-status=Planning]{background:#f0e8ff;color:#7e5bef}.card-status[data-status="On Hold"]{background:#fff1f0;color:#ff4d4f}.end-icons{color:#131313}.projects-content-container{overflow:visible}:where(.css-dev-only-do-not-override-7t2xvq).ant-input-affix-wrapper>input.ant-input{padding-left:5px}.table-scroll-container{overflow-x:auto;overflow-y:visible}.CollapseTable-fullscreen{overflow:visible}@media (max-width: 991px){.projects-card-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.header-left,.header-right{display:flex;align-items:center;gap:8px}.projects-search{width:300px;min-width:200px}.grid-container{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 768px){.projects-card-header{gap:12px}.header-left,.header-right{gap:6px}.projects-search{width:250px;min-width:180px}.grid-container{grid-template-columns:1fr;gap:12px}.tb-table{font-size:12px}.tb-header-cell,.tb-cell{padding:8px 4px;font-size:12px!important;line-height:14px!important}.tb-panel-header{padding:10px 12px}.tb-panel-title{font-size:15px}.tb-count{font-size:13px;padding:2px 8px}.table-scroll-container{overflow-x:auto}.tb-table{min-width:700px;width:100%}}@media (max-width: 576px){.projects-card-container{padding:8px}.projects-card-header{gap:8px;flex-direction:column!important}.header-left{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;width:100%}.header-right{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;width:100%;justify-content:space-between}.projects-search{flex:1;min-width:0}.view-btn,.export-btn,.add-project-btn{flex-shrink:0;margin:0}.grid-container{grid-template-columns:1fr;gap:8px}.project-card{padding:8px}.tb-table{font-size:11px}.tb-header-cell,.tb-cell{padding:6px 2px;font-size:11px!important;line-height:13px!important}.tb-panel-header{padding:8px}.tb-panel-title{font-size:14px}.table-scroll-container{overflow-x:auto}.tb-collapse{border:none}.tb-panel{margin-bottom:8px!important}.tb-table{min-width:600px;width:100%}.tb-count{font-size:12px;padding:2px 6px}.end-icons{gap:4px}.tb-ellipsis-icon,.tb-add-icon{font-size:14px}.btn-text{display:inline}.btn-text-mobile{display:none}.view-btn{padding:4px;margin:0 2px;width:auto;min-width:32px;flex-shrink:0}.export-btn,.add-project-btn{flex:1;justify-content:center;margin:0 2px}}@media (max-width: 480px){.add-project-btn .btn-text{display:none}.add-project-btn .btn-text-mobile{display:inline}.export-btn .btn-text{display:inline!important}.export-btn,.add-project-btn{padding:0 12px}.tb-table{font-size:10px;min-width:500px}.tb-header-cell,.tb-cell{padding:4px 1px;font-size:10px!important;line-height:12px!important}.tb-panel-header{padding:6px 8px;flex-wrap:wrap}.tb-panel-title{font-size:12px}.tb-count{font-size:10px;padding:1px 4px;margin-left:4px}.end-icons{gap:2px}.tb-ellipsis-icon,.tb-add-icon{font-size:12px}.tb-cell .ant-avatar-group{gap:2px}.tb-cell .ant-avatar{width:18px!important;height:18px!important;font-size:10px!important}.table-scroll-container{margin:0 -8px;padding:0 8px;overflow-x:auto}.tb-table{min-width:500px}.project-card{padding:6px}.card-content .label,.card-content .value{font-size:11px}.progress-text{font-size:10px}}.comment-tab.active{color:#000;border-bottom:2px solid var(--primary-color)}.comment-input-container{display:flex;flex-direction:column;gap:8px;border:1px solid #d9d9d9;border-radius:6px;padding:8px;background:#f5f5f5}.comment-input{flex:1;border:none;background:transparent;resize:none;outline:none;font-size:14px;padding:6px}.comment-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.comment-button{background:var(--primary-color);border:none;color:#fff;padding:4px 12px;border-radius:6px;height:32px;font-size:14px}.comment-icon{font-size:16px;color:#666;cursor:pointer}.tasks-card-container{padding-bottom:16px}.tasks-card-header{display:flex;justify-content:space-between;margin-bottom:16px;align-items:center}.tasks-search{width:400px;min-width:300px}.tasks-search .ant-input-affix-wrapper,.tasks-search .ant-input-affix-wrapper:hover,.tasks-search .ant-input-affix-wrapper:focus,.tasks-search .ant-input-affix-wrapper-focused{height:40px!important;min-height:40px!important;border-color:var(--primary-color)!important;outline:var(--primary-color)!important}.tasks-search .ant-input-affix-wrapper .ant-input-prefix{margin-right:12px!important}.tasks-search .ant-input{height:30px!important}.export-btn,.add-task-btn,.view-btn{margin-left:8px}.export-btn{background:#f0f2f5;border:1px solid #d9d9d9;height:40px!important}.export-btn:hover{color:var(--primary-color)!important;border-color:var(--primary-color)!important}.add-task-btn{background:var(--primary-color);border-color:var(--primary-color);color:#fff;height:40px!important}.add-task-btn:hover{background:var(--primary-color)!important;border-color:var(--primary-color)}.view-btn{background:#f0f2f5;border:1px solid #d9d9d9;color:var(--primary-color);padding:4px}.view-btn.active-view{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.tasks-table .ant-table-thead>tr>th{background:#f0f2f5;text-transform:uppercase;font-size:12px;font-weight:600;color:#595959}.section-header{display:flex;justify-content:space-between;align-items:center;background:#e9ecef;padding:8px 16px;border-left:1px solid #d9d9d9}.section-title-wrapper{display:flex;align-items:center;flex-grow:1}.section-title{font-size:16px;font-weight:600;color:#313131;margin:0;text-transform:uppercase;padding-right:8px}.section-count{font-size:14px;color:#666;margin-left:4px;background:#cfcfcf;padding:0 1px}.section-actions{display:flex;gap:4px;align-items:center}.section-btn{background:transparent;color:#313131;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:none;border:0px;transition:background .3s}.section-btn:hover{background:#e9ecef}.section-btn .anticon{font-size:16px;line-height:24px}.ant-collapse{border:none;background:none}.ant-collapse>.ant-collapse-item{border-bottom:1px solid #e8e8e8}.ant-collapse>.ant-collapse-item:last-child{border-bottom:none}.ant-collapse-content{border:none;background:none}:where(.css-dev-only-do-not-override-pjilya).ant-collapse .ant-collapse-content>.ant-collapse-content-box{padding:16px 0}.tb-panel-title{font-size:14px;font-weight:500;color:#313131}.mock-members{display:flex;gap:0;position:relative;overflow:visible}.mock-member-circle{width:24px;height:24px;background:#d9d9d9;border-radius:50%;display:inline-block;margin-left:-8px;border:2px solid #fff}.mock-member-circle:first-child{margin-left:0}.row{margin-bottom:16px}.tasks-table .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--primary-color);border-color:var(--primary-color)}.custom-checkbox .ant-checkbox-inner{border-radius:50%!important;width:18px!important;height:18px!important}.custom-checkbox .ant-checkbox-checked .ant-checkbox-inner{background-color:transparent!important;border-color:#313131!important;border-radius:50%!important}.custom-checkbox .ant-checkbox-checked .ant-checkbox-inner:after{border-color:#313131!important;border-radius:0!important}.custom-checkbox .ant-checkbox-inner:after{border-radius:0!important}.header-right{display:flex;align-items:center}.grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0;margin:0;width:100%}.grid-column{display:flex;flex-direction:column}.task-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:12px;box-shadow:0 2px 4px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-title{font-size:14px;font-weight:600;color:#313131}.card-actions .card-btn{background:transparent;border:none;padding:0;font-size:16px;color:#313131}.card-content{margin:4px 0}.card-content p{margin:4px 0;font-size:12px;color:#666}.card-content .label{font-weight:400;color:#666}.card-content .value{font-weight:600;color:#313131}.progress-bar{width:100%;height:6px;background:#e8e8e8;border-radius:3px;margin:4px 0;overflow:hidden}.progress-fill{height:100%;background:#313131;border-radius:3px}.progress-text{display:block;font-weight:700;font-size:12px;color:#313131;margin-top:4px}.card-footer{margin-top:8px;text-align:center;width:100%}.card-status{font-size:12px;padding:4px 12px;border-radius:16px;display:inline-block;font-weight:600}.card-status[data-status="To Do"]{background:#f0e8ff;color:#7e5bef}.card-status[data-status="In Progress"]{background:#e6f7ff;color:var(--primary-color)}.card-status[data-status="In Review"]{background:#fff1f0;color:#ff4d4f}.card-status[data-status=Completed]{background:#f6ffed;color:#52c41a}.tasks-form-container{max-width:600px}.tasks-form-container .ant-form-item-required:not(.ant-form-item-required-mark-optional):before{display:none!important}.tasks-form-container .ant-form-item-required:not(.ant-form-item-required-mark-optional):after{display:none!important}.tasks-form-container .ant-form-item-label>label{font-weight:500!important;font-size:12px;color:#666}.tasks-form-container .ant-form-item{margin-bottom:16px}.tasks-form-container .ant-input,.tasks-form-container .ant-select-selector,.tasks-form-container .ant-picker{height:32px;padding:8px 12px;font-size:14px;border:1px solid #d9d9d9;border-radius:6px;box-shadow:none;background:#fff}.tasks-form-container .ant-input:focus,.tasks-form-container .ant-select-focused .ant-select-selector,.tasks-form-container .ant-picker-focused{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.tasks-form-container .ant-input::placeholder,.tasks-form-container .ant-select-selection-placeholder,.tasks-form-container .ant-picker-input>input::placeholder{color:#999}.tasks-form-container .quill-editor .ql-container{min-height:70px;font-size:14px;border:1px solid #d9d9d9;border-radius:0 0 6px 6px;background:#fff;display:block}.tasks-form-container .quill-editor .ql-editor{padding:8px 12px;min-height:60px}.tasks-form-container .quill-editor .ql-toolbar{border:1px solid #d9d9d9;border-bottom:none;border-radius:6px 6px 0 0;background:#fff;display:block}.tasks-form-container .quill-editor .ql-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.tasks-form-container .attachment-list{background:#fff}.tasks-form-container .attachment-item{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid #f0f0f0;transition:background .2s;background:#fff}.tasks-form-container .attachment-item:hover{background:#f8f9fa}.tasks-form-container .attachment-item:last-child{border-bottom:none}.tasks-form-container .attachment-preview{width:60px;height:60px;border-radius:8px;overflow:hidden;margin-right:12px;flex-shrink:0;background:#f0f2f5;display:flex;align-items:center;justify-content:center}.tasks-form-container .attachment-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:8px}.tasks-form-container .attachment-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:12px;font-weight:600;text-align:center}.tasks-form-container .file-extension{font-size:12px}.tasks-form-container .attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.tasks-form-container .attachment-name{font-size:14px;font-weight:500;color:#333;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tasks-form-container .attachment-details{font-size:12px;color:#666;display:flex!important;flex-direction:column;gap:4px}.tasks-form-container .upload-date,.tasks-form-container .file-size{color:#666}.tasks-form-container .attachment-actions{display:flex;gap:8px;align-items:center}.tasks-form-container .action-btn{width:24px;height:24px;padding:0;border:none;background:none;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer;border-radius:4px;transition:all .2s}.tasks-form-container .action-btn:hover{background:#f0f0f0}.tasks-form-container .download-btn:hover{color:var(--primary-color);background:#e6f7ff}.tasks-form-container .delete-btn:hover{color:#ff4d4f;background:#fff1f0}.tasks-form-container .action-btn .anticon{font-size:16px}.dropdown-trigger{display:flex;align-items:center;cursor:pointer;transition:all .2s;background:transparent;border:none;width:100%}.dropdown-content{display:flex;align-items:center;gap:8px;color:#666}.dropdown-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#f0f2f5;border-radius:50%;color:#666}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 6px 16px #00000014;z-index:1313131;margin-top:4px;max-height:200px;overflow-y:auto}.dropdown-item{padding:8px 12px;cursor:pointer;transition:background-color .2s;font-size:14px;color:#313131}.custom-dropdown .dropdown-trigger.has-value .dropdown-content{color:#313131}.custom-dropdown .dropdown-trigger.has-value .dropdown-text{color:#313131;font-weight:500}.member-pfps{display:flex;align-items:center;margin-top:8px;position:relative}.member-circle{width:32px;height:32px;background:linear-gradient(135deg,#434343,#1a1a1a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;border:2px solid #fff;box-shadow:0 2px 4px #0000001a;position:relative}.member-circle.member-count{background:linear-gradient(135deg,#666,#333);font-size:10px}.member-circle:nth-child(1){background:linear-gradient(135deg,#2c3e50,#34495e)}.member-circle:nth-child(2){background:linear-gradient(135deg,#8e44ad,#9b59b6)}.member-circle:nth-child(3){background:linear-gradient(135deg,#27ae60,#2ecc71)}.member-circle:nth-child(4){background:linear-gradient(135deg,#e67e22,#f39c12)}.subtask-list{margin-top:8px}.subtask-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0;transition:background .2s}.subtask-item:hover{background:#f8f9fa}.subtask-content{flex:1;display:flex;align-items:start;gap:10px}.subtask-name{font-size:14px;font-weight:500;color:#313131!important;margin-bottom:2px}.subtask-meta{display:flex;gap:12px;align-items:center}.priority-badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;display:inline-block}.priority-badge.low{background-color:#d1fae5;color:#10b981}.priority-badge.medium{background-color:#fef3c7;color:#f59e0b}.priority-badge.high{background-color:#fee2e2;color:#ef4444}.subtask-date{font-size:12px;color:#666}.task-title{font-size:20px;font-weight:600;color:#313131;margin-bottom:16px}.task-info-row,.task-info-item{margin-bottom:16px}.task-info-label{display:block;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;margin-bottom:4px}.member-pfps{display:flex;align-items:center}.member-circle{width:32px;height:32px;background:#d9d9d9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;border:2px solid #fff;margin-left:-8px}.member-circle:first-child{margin-left:0}.member-circle.member-count{background:#999;font-size:10px}.task-priority{display:inline-block;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600}.task-priority.low{background:#f6ffed;color:#52c41a}.task-priority.medium{background:#fffbe6;color:#faad14}.task-priority.high{background:#fff1f0;color:#ff4d4f}.custom-date-text{font-size:14px;color:#333}.quill-editor{border:1px solid #d9d9d9;border-radius:6px}.custom-input,.custom-date{height:32px;border-radius:6px}.subtask-ul{padding:0;list-style:none;margin-top:0!important;margin-bottom:0!important}.subtask-item{display:flex;align-items:center;border-bottom:1px solid #f0f0f0}.subtask-item:last-child{border-bottom:none}.subtask-content{flex:1;display:flex;align-items:center;gap:8px}.subtask-name{font-size:14px;color:#333}.subtask-meta{display:flex;gap:12px;font-size:12px;color:#666}.priority-badge{padding:2px 8px;border-radius:12px;font-weight:600}.priority-badge.low{background:#d1fae5;color:#10b981}.priority-badge.medium{background:#fef3c7;color:#f59e0b}.priority-badge.high{background:#fee2e2;color:#ef4444}.attachment-list{margin-top:8px}.attachment-item{display:flex;align-items:center;padding:8px;border-bottom:1px solid #f0f0f0}.attachment-item:last-child{border-bottom:none}.attachment-preview{width:60px;height:60px;border-radius:4px;overflow:hidden;margin-right:12px}.attachment-thumbnail{width:100%;height:100%;object-fit:cover}.attachment-icon{width:100%;height:100%;background:#f0f2f5;display:flex;align-items:center;justify-content:center;color:#666}.attachment-info{flex:1}.attachment-name{font-size:14px;color:#333}.attachment-details{font-size:12px;color:#666}.attachment-actions .action-btn{margin-left:8px}.comments-section{margin-top:8px}.comment-tabs{display:flex;gap:16px;margin-bottom:8px}.comment-tab{font-size:12px;font-weight:600;color:#666;cursor:pointer}.comment-tab.active{color:#313131;border-bottom:2px solid var(--primary-color)}.comment-input-container{border:1px solid #d9d9d9;border-radius:8px;background:#fff;overflow:hidden}.comment-input{border:none!important;background:transparent!important;resize:none!important;box-shadow:none!important;outline:none!important;padding:4px!important}.comment-input:focus{border:none!important;box-shadow:none!important;outline:none!important}.comment-footer{display:flex;justify-content:space-between;align-items:center;padding:4px;border-top:1px solid #f0f0f0;background:#fafafa}.comment-button{background:var(--primary-color);border:none;color:#fff;padding:6px 16px;border-radius:6px;height:32px;font-size:14px;font-weight:500}.comment-button:hover{background:var(--primary-color)!important}.comment-icons{display:flex;gap:8px;align-items:center}.comment-icon{font-size:16px;color:#000;cursor:pointer}.comment-list{margin-top:16px}.comment-item{display:flex;margin-bottom:16px}.comment-avatar{width:32px;height:32px;border-radius:50%;margin-right:8px}.mock-avatar{width:32px;height:32px;background:#d9d9d9;border-radius:50%;margin-right:8px;border:2px solid #fff}.comment-content{flex:1}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comment-author{font-weight:600;color:#333}.comment-date{font-size:12px;color:#666}.comment-text{font-size:14px;color:#666}.no-activity{font-size:14px;color:#666;text-align:center;padding:16px}@media (max-width: 991px){.tasks-card-header{flex-direction:column;gap:12px;align-items:stretch}.header-left{justify-content:center}.tasks-search{width:100%;max-width:300px}.header-right{justify-content:center;flex-wrap:wrap;gap:8px}.export-btn,.add-task-btn,.view-btn{margin-left:0}.export-btn,.add-task-btn{flex:1;min-width:auto}.export-btn{max-width:100px}.add-task-btn{max-width:120px}.view-btn{padding:4px;width:auto;min-width:32px;flex-shrink:0}.grid-container{grid-template-columns:repeat(4,1fr);gap:12px}.row .ant-col{margin-bottom:16px}.tb-panel-title{font-size:13px}.tb-count{font-size:12px}.tb-ellipsis-icon,.tb-add-icon{font-size:14px}.task-card{padding:12px}.card-title{font-size:13px}.card-content p{font-size:11px}.label,.value{font-size:10px!important}.mock-member-circle{width:20px;height:20px}}@media (max-width: 768px){.tasks-card-container{padding-bottom:12px}.tasks-card-header{margin-bottom:12px}.header-right{gap:6px}.export-btn,.add-task-btn{font-size:12px;padding:6px 12px}.view-btn{padding:6px;width:auto;min-width:32px;flex-shrink:0;margin:0 2px}.view-btn img{width:14px;height:14px}.grid-container{grid-template-columns:repeat(2,1fr);gap:12px}.row .ant-col:nth-child(1),.row .ant-col:nth-child(2){flex:0 0 50%;max-width:50%}.row .ant-col:nth-child(3),.row .ant-col:nth-child(4){flex:0 0 50%;max-width:50%;margin-top:16px}.tb-panel{margin-bottom:12px}.ant-collapse-header{margin:8px!important;padding:8px!important}.tb-panel-title{font-size:12px}.tb-count{font-size:11px;padding:0 6px}.end-icons{gap:4px}.tb-ellipsis-icon,.tb-add-icon{font-size:12px}.task-card{padding:10px}.card-header{margin-bottom:6px}.card-title{font-size:12px}.card-content{margin:2px 0}.card-content p{font-size:10px;margin:2px 0}.card-footer{margin-top:6px}.card-footer>div{gap:8px!important}.label{font-size:9px!important}.value{font-size:9px!important;padding:1px 6px!important}.mock-member-circle{width:18px;height:18px;margin-left:-6px}.mock-member-circle:first-child{margin-left:0}}@media (max-width: 576px){.header-right{flex-direction:column;gap:8px}.export-btn,.add-task-btn{width:100%;max-width:none;flex:1;margin:0 2px}.view-btn{padding:4px;width:auto;min-width:32px;flex-shrink:0;margin:0 2px}.view-btn:first-of-type{margin-right:2px}.grid-container{grid-template-columns:1fr;gap:12px}.row .ant-col{flex:0 0 100%!important;max-width:100%!important;margin-top:0!important;margin-bottom:12px}.tb-panel-title{font-size:11px}.tb-count{font-size:10px;padding:0 4px}.task-card{padding:8px}.card-title{font-size:11px}.card-content p{font-size:9px}.label{font-size:8px!important}.value{font-size:8px!important;padding:1px 4px!important}.mock-member-circle{width:16px;height:16px}}@media (max-width: 480px){.tasks-card-container{padding-bottom:8px}.tasks-card-header{margin-bottom:8px}.tasks-search{max-width:100%}.export-btn,.add-task-btn{font-size:11px;padding:5px 10px}.view-btn{padding:4px;width:auto;min-width:30px;flex-shrink:0;margin:0 1px}.view-btn img{width:12px;height:12px}.grid-container{grid-template-columns:1fr;gap:8px}.tb-panel{margin-bottom:8px}.ant-collapse-header{margin:6px!important;padding:6px!important}.tb-panel-title{font-size:10px}.tb-count{font-size:9px;padding:0 3px}.end-icons{gap:2px}.tb-ellipsis-icon,.tb-add-icon{font-size:10px}.task-card{padding:6px}.card-header{margin-bottom:4px}.card-title{font-size:10px}.card-content{margin:1px 0}.card-content p{font-size:8px;margin:1px 0}.card-footer{margin-top:4px}.card-footer>div{gap:6px!important;flex-direction:column;align-items:flex-start!important}.label{font-size:7px!important}.value{font-size:7px!important;padding:1px 3px!important}.mock-member-circle{width:14px;height:14px;margin-left:-4px}.mock-member-circle:first-child{margin-left:0}}.task-card{cursor:grab;transition:opacity .2s ease}.task-card:active{cursor:grabbing}.task-card.dragging{opacity:.6}.tb-panel.drop-zone-active{background:#1890ff0d;border:2px dashed var(--primary-color)!important}.clients-card-container{padding-bottom:16px}.clients-card-header{display:flex;justify-content:space-between;margin-bottom:16px;align-items:center}.header-left{display:flex;align-items:center;gap:8px}.clients-search{width:400px;min-width:300px}.clients-search .ant-input-affix-wrapper,.clients-search .ant-input-affix-wrapper:hover,.clients-search .ant-input-affix-wrapper:focus,.clients-search .ant-input-affix-wrapper-focused{height:40px!important;min-height:40px!important;border-color:var(--primary-color)!important;outline:var(--primary-color)!important}.clients-search .ant-input-affix-wrapper .ant-input-prefix{margin-right:12px!important}.clients-search .ant-input{height:30px!important}.filter-btn,.add-client-btn{margin-left:8px}.filter-btn{background:#fff;border:1px solid #d9d9d9;color:var(--primary-color);height:40px!important;width:40px!important;display:flex;align-items:center;justify-content:center;padding:0!important}.filter-btn:hover{border-color:var(--primary-color)!important}.filter-btn img{display:block;width:16px;height:16px;object-fit:contain;margin:0!important}.add-client-btn{height:40px!important;border-radius:8px!important;background-color:var(--primary-color)}.add-client-btn:hover{background-color:var(--primary-color)!important}.clients-table .ant-table-thead>tr>th{background:#f8fafc!important;font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:14px!important;line-height:16.5px!important;letter-spacing:0%!important;text-transform:none!important;color:#4d515a!important;border-left:none!important;border-right:none!important}.clients-table .ant-table-tbody>tr>td{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:16.5px!important;letter-spacing:0%!important;text-transform:none!important;color:#1f1f1f!important}.clients-table .ant-table-tbody>tr>td:first-child{border-left:1px solid #f0f0f0}.clients-table .ant-table-tbody>tr>td:last-child{border-right:1px solid #f0f0f0}.clients-table .ant-pagination{margin-top:16px;display:flex;align-items:center;gap:4px}.clients-table .ant-pagination-item-active{background:transparent!important;border:none!important}.clients-table .ant-pagination-item-active a{background:var(--primary-color);color:#fff;border-color:var(--primary-color);border-radius:4px;display:block;width:22px;height:32px;padding:4px 0;text-align:center;box-shadow:none!important}.custom-row .ant-select-selector{border:none!important;box-shadow:none!important;background:transparent!important;padding:0!important}.custom-row .ant-select-selection-item{color:inherit!important;padding:0!important}.status-select .ant-select-selection-item[value=Active]{color:#0c0!important}.status-select .ant-select-selection-item[value="In Active"]{color:red!important}.status-select.active .ant-select-selection-item{color:#0c0!important}.status-select.inactive .ant-select-selection-item{color:red!important}.custom-arrow{transition:transform .3s ease}.status-select.ant-select-open .custom-arrow{transform:rotate(180deg)}.edit-client-form .ant-form-item{margin-bottom:16px}.edit-client-form .ant-form-item-label>label{font-weight:500!important;font-size:12px;color:#666}.edit-client-form .ant-form-item-required:not(.ant-form-item-required-mark-optional):before{display:none!important}.edit-client-form .ant-form-item-required:not(.ant-form-item-required-mark-optional):after{display:none!important}.edit-client-form .ant-input,.edit-client-form .ant-input-password{border-radius:4px;border-color:#d9d9d9}.edit-client-form .ant-tabs{overflow:visible}.edit-client-form .ant-tabs-tab{font-size:14px;font-weight:500;padding:8px 16px}.edit-client-form .ant-tabs-content{padding:0}.invoices-table table{width:100%;border-collapse:collapse}.invoices-table th,.invoices-table td{padding:8px;text-align:left;border-bottom:1px solid #ddd}.invoices-table th{background-color:#f5f5f5;font-weight:500}.invoices-table tr:hover{background-color:#f0f0f0}.invoice-status{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:500;text-align:center}.invoice-status.paid{background-color:#e6f0ff;color:#397eff}.invoice-status.outstanding{background-color:#f1f2f4;color:#333}.invoice-status.partially-paid{background-color:#fff4db;color:#996c00}.invoice-status.pending{background-color:#fff0f0;color:#ff4d4f}.ant-collapse-borderless{margin-bottom:0}@media (max-width: 991px){.clients-card-header{flex-direction:column;gap:12px;align-items:stretch}.header-left{display:flex;align-items:center;justify-content:center;gap:8px}.clients-search{width:100%;max-width:300px;margin-right:8px}.filter-btn{flex-shrink:0;width:auto;min-width:32px}.header-right{display:flex;justify-content:center}.add-client-btn{width:100%;max-width:200px}}@media (max-width: 768px){.clients-card-container{padding-bottom:12px}.clients-card-header{margin-bottom:12px}.clients-search{max-width:250px;font-size:14px}.filter-btn{padding:6px}.filter-btn img{width:14px;height:14px}.add-client-btn{font-size:13px;padding:6px 16px;max-width:180px}.clients-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.clients-table .ant-table{min-width:700px}.clients-table .ant-table-thead>tr>th{font-size:12px;padding:8px 12px;white-space:nowrap}.clients-table .ant-table-tbody>tr>td{font-size:12px;padding:8px 12px;white-space:nowrap}.status-select{min-width:100px}}@media (max-width: 576px){.clients-card-container{padding:8px}.clients-card-header{gap:8px;flex-direction:column!important}.header-left,.header-right{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;justify-content:space-between;width:100%}.clients-search{flex:1;min-width:0;max-width:none;margin-right:0;margin-bottom:0}.filter-btn{flex-shrink:0;margin:0;width:40px}.add-client-btn{flex:1;margin:0;justify-content:center;font-size:12px;padding:8px 12px;max-width:none}.btn-text{display:inline}.btn-text-mobile{display:none}.clients-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.clients-table .ant-table{min-width:650px}.clients-table .ant-table-thead>tr>th{font-size:11px;padding:6px 8px;white-space:nowrap}.clients-table .ant-table-tbody>tr>td{font-size:11px;padding:6px 8px;white-space:nowrap}.status-select{min-width:90px;font-size:11px}.status-select .ant-select-selection-item{font-size:11px!important}.custom-arrow{width:8px!important;height:8px!important}.pagination-btn{width:16px;height:24px;font-size:9px}.pagination-nav,.pagination-page,.pagination-ellipsis{width:16px}.clients-table .ant-pagination{gap:2px;justify-content:center;margin:16px 0 0;padding:0 16px}}@media (max-width: 480px){.clients-card-container{padding-bottom:8px}.clients-card-header{margin-bottom:8px}.clients-search{font-size:13px}.filter-btn{padding:4px;width:36px}.filter-btn img{width:12px;height:12px}.add-client-btn{font-size:11px;padding:6px 10px;max-width:none;width:100%}.clients-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px}.clients-table .ant-table{min-width:600px}.clients-table .ant-table-thead>tr>th{font-size:10px;padding:4px 6px;white-space:nowrap}.clients-table .ant-table-tbody>tr>td{font-size:10px;padding:4px 6px;white-space:nowrap}.status-select{min-width:80px;font-size:10px}.status-select .ant-select-selection-item{font-size:10px!important}.custom-arrow{width:6px!important;height:6px!important}.pagination-btn{width:14px;height:22px;font-size:8px}.pagination-nav,.pagination-page,.pagination-ellipsis{width:14px}.clients-table .ant-pagination{gap:1px;margin-top:8px;padding:0 12px}}@media (max-width: 480px){.add-client-btn .btn-text{display:none}.add-client-btn .btn-text-mobile{display:inline}.filter-btn{padding:4px;width:36px}.add-client-btn{font-size:11px;padding:6px 10px}}@media (max-width: 476px){.add-client-btn{width:100%!important;max-width:none!important;flex:1}.header-right{width:100%}}.invoice-table-container{background:#fff;padding:24px;border-radius:8px;font-family:Arial,sans-serif}.invoice-table-toolbar{width:100%;justify-content:space-between;margin-bottom:16px}@media (max-width: 991px){.invoice-table-toolbar{display:flex;flex-direction:column;gap:24px;align-items:flex-start}}.invoice-search{width:240px;border-radius:6px}.invoice-filter-icon{font-size:18px;color:#555;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;padding:12px 10px;border-radius:14px}.invoice-table .ant-table{border-radius:6px;overflow:hidden}.invoice-table .ant-table-thead>tr>th{background:#f8fafc;font-weight:600;color:#333}.invoice-table .ant-table-tbody>tr>td{padding:12px 16px;font-size:14px}.invoice-table .ant-table-tbody>tr:hover>td{background:#fafafa}.invoice-table .ant-tag{border-radius:24px;padding:0 8px;font-size:12px;color:#333}.invoice-pagination{display:flex;justify-content:center;margin-top:16px}.invoice-pagination .ant-pagination-item-active{border-color:#1890ff}.invoice-pagination .ant-pagination-item-active a{color:#1890ff}.search-filter{display:flex;gap:10px}.inv-form{width:360px;margin:0 auto;font-family:sans-serif}.inv-row{display:flex;gap:16px;margin-bottom:24px}.inv-field{flex:1;position:relative}.inv-field label{display:block;margin-bottom:8px;font-size:14px;color:#333}.add-client .ant-btn{height:40px}.line-items-header{display:flex;justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:16px;font-size:16px;font-weight:500}.line-item{border:1px solid #e0e0e0;border-radius:6px;padding:16px;margin-bottom:16px;background:#fafafa}.li-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.li-header span{font-size:14px;color:#333}.li-remove{color:#ff4d4f;font-size:16px;cursor:pointer}.li-desc .ant-input{border-radius:4px}.li-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.li-field label{display:block;margin-bottom:8px;font-size:14px;color:#333}.li-amount-row{display:flex;flex-direction:column;margin-top:16px}.li-amount-row label{font-size:14px;color:#333;margin-bottom:8px}.li-amount .ant-input{background:#f0f0f0}.template-suffix{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#00000073;pointer-events:none}.inv-form .ant-input,.inv-form .ant-select-selector,.inv-form .ant-picker{border-radius:8px;height:30px;font-size:12px}.lbl-txt{color:#2b2b2b;font-size:12px;font-weight:500;padding-top:5px}.line-txt{font-size:14px;font-weight:600;color:#000}.btn-add{font-size:12px;font-weight:400;color:#000;text-decoration:underline;background-color:#fff}.total-div{display:flex;gap:20px;justify-content:flex-end;align-items:center}.total-text{color:#131313;font-weight:600;font-size:14px}.amount-text{color:#000;font-size:12px;font-weight:500}.invoice-container{width:800px;margin:40px auto;padding:14px;font-family:Arial,sans-serif;color:#333;position:relative;background:#fff}.invoice-header{display:flex;justify-content:center;align-items:center;position:relative}.invoice-header h1{font-size:30px;font-weight:600;color:#ef8a1e;margin:0}.close-btn{position:absolute;right:0;top:0;background:transparent;border:none;cursor:pointer;padding:4px}.invoice-top{display:flex;justify-content:space-between;margin:24px 0}.client-info p{margin:2px 0;font-size:12px;font-weight:400;color:#000}.invoice-meta{display:flex;gap:10px;margin-top:34px}.invoice-meta div{display:flex;flex-direction:column;justify-content:space-between;font-size:12px;margin-bottom:4px}.label{color:#ef8a1e;margin-right:8px;font-size:12px;font-weight:600}hr{border:none;border-top:1px solid #e0e0e0}.bill-to{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;font-size:14px;margin:16px 0;gap:15px}.bill-to>div:first-child{font-weight:500;font-size:16px;color:#000}.bill-client{display:flex;flex-direction:column;text-align:start}.bill-client span:first-child{font-weight:400;font-size:14px;color:#000}.bill-client span:nth-child(2){font-weight:400;font-size:12px;color:#000}.services-section h2{margin-bottom:12px;font-size:18px;font-weight:600;color:#000}.services-table{width:100%}.services-table thead{background:#ef8a1e}.services-table thead th:first-child{border-top-left-radius:8px}.services-table thead th:last-child{border-top-right-radius:8px}.services-table{border-collapse:separate;border-spacing:0}.services-table thead th{padding:12px;line-height:1.4}.services-table th,.services-table td{padding:12px;text-align:center;border-bottom:1px solid #e0e0e0;font-size:12px}.services-table td{color:#7e7e7e;font-weight:400}.services-table th{color:#fff;font-weight:500}.payment-summary{display:flex;justify-content:space-between;margin:24px 0}.payment-methods div{font-weight:500;font-size:14px;color:#000;margin-bottom:8px}.payment-methods ul{list-style:none;padding:0;margin:0;font-size:14px}.payment-methods li{margin-bottom:4px;font-size:12px;font-weight:400;color:#000}.summary-totals div{display:flex;justify-content:space-between;font-size:12px;font-weight:400;margin-bottom:4px;color:#000;gap:10px}.grand-total span{font-weight:600;font-size:12px;margin-top:8px;color:#000}.use-template-btn{display:block;margin:0 auto;padding:12px 24px;background:#ef8a1e;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;font-weight:500}.blue-invoice-container{width:800px;margin:40px auto;padding:10px 24px;font-family:Helvetica Neue,Arial,sans-serif;background-color:#edf5f6;position:relative;border-radius:8px}.blue-invoice-header{display:flex;justify-content:flex-end;align-items:center;position:relative;margin-bottom:24px}.blue-invoice-header h1{font-size:30px;font-weight:600;letter-spacing:2px;color:#083e4f;margin:0}.blue-close-btn{position:absolute;right:0;top:0;background:transparent;border:none;cursor:pointer;padding:8px}.blue-invoice-top{display:flex;justify-content:space-between;margin-bottom:32px}.blue-client-info span{color:#083e4f;font-size:14px;font-weight:500}.blue-client-info p{margin:4px 0;font-size:12px;font-weight:400;color:#1a3a4a}.blue-invoice-meta div{display:flex;flex-direction:column;justify-content:space-between;font-size:14px;margin-bottom:6px}.blue-invoice-meta span:first-child{font-weight:600;color:#083e4f}.blue-invoice-meta span:last-child{font-weight:400;color:#5a696e}.blue-services-table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:32px;background-color:#fff}.blue-services-table thead{background-color:#fff}.blue-services-table thead th{padding:12px 16px;font-size:14px;font-weight:600;color:#083e4f;text-align:left;border-bottom:1px solid #083e4f}.blue-services-table tbody tr td{padding:12px 16px;font-size:12px;font-weight:400;color:#5a696e}.blue-payment-summary{display:flex;justify-content:space-between}.blue-payment-methods p{font-weight:500;font-size:14px;color:#083e4f;margin-bottom:8px}.blue-payment-methods ul{list-style:none;padding:0;margin:0}.blue-payment-methods li{font-size:12px;color:#5a696e;font-weight:400;margin-bottom:4px}.blue-summary-totals div{display:flex;justify-content:space-between;font-size:12px;font-weight:400;margin-bottom:6px;color:#1a3a4a;gap:10px}.blue-summary-totals{padding-top:6px;border-top:1px solid #083e4f}.blue-summary-totals div:last-child{font-weight:600;font-size:12px;padding-top:6px;border-top:1px solid #083e4f}.blue-use-template-btn{display:block;margin:0 auto;padding:10px 24px;background-color:#1a3a4a;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;letter-spacing:1px}.blue-use-template-btn:hover{background-color:#16303a}.gi-container{width:800px;margin:40px auto;padding:24px;font-family:Helvetica Neue,Arial,sans-serif;background:#fff;position:relative;border-radius:8px}.gi-header{display:flex;justify-content:start;align-items:center;position:relative;margin-bottom:24px}.gi-header h1{font-size:36px;font-weight:700;background:linear-gradient(90deg,#25c7ff,#726dee,#e81de7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.gi-close{position:absolute;right:0;top:0;background:transparent;border:none;cursor:pointer;padding:8px}.gi-top{display:flex;justify-content:space-between;margin-bottom:24px}.gi-sender p{margin:4px 0;font-size:12px;font-weight:400;color:#000}.gi-meta div{display:flex;justify-content:space-between;margin-bottom:6px;gap:10px}.gi-meta span:first-child{font-weight:600;color:#000;font-size:14px}.gi-meta span:last-child{font-weight:400;font-size:12px;color:#000}.gi-invoice-to{margin-bottom:24px}.gi-invoice-to h2{font-size:16px;font-weight:700;color:#000;margin-bottom:8px}.gi-invoice-to p{margin:2px 0;font-size:14px;color:#000;font-weight:400}.gi-table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:24px}.gi-table thead th{padding:12px 16px;font-size:14px;font-weight:600;color:#000;border-bottom:1px solid #ccc;text-align:start}.gi-table tbody tr td{padding:12px 16px;font-size:12px;font-weight:400;color:#000;border-bottom:1px solid #eee}.gi-summary{display:flex;justify-content:space-between;margin-bottom:24px}.gi-payments p{font-weight:700;margin-bottom:8px;font-size:14px;color:#000;font-weight:500}.gi-payments ul{list-style:none;padding:0;margin:0}.gi-payments li{font-size:12px;font-weight:400;color:#000;margin-bottom:4px}.gi-totals div{display:flex;justify-content:space-between;font-size:12px;font-weight:400;color:#000;margin-bottom:6px}.gi-grand span{font-weight:600;font-size:16px;color:#000}.gi-grand{padding-top:6px;border-top:1px solid #000000}.gi-button{display:block;margin:0 auto;padding:12px 32px;background:linear-gradient(90deg,#25c7ff,#726dee,#e81de7);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer}.gi-button:hover{opacity:.9}.green-container{width:800px;margin:40px auto;padding:24px;font-family:Arial,sans-serif;background:#fff;border-radius:8px;position:relative}.green-header{display:flex;justify-content:flex-end;align-items:center;position:relative;margin-bottom:16px}.green-header h1{font-size:32px;font-weight:700;color:#28a745;margin:0}.green-close{position:absolute;right:0;top:0;background:transparent;border:none;cursor:pointer;padding:8px}.green-top-section{display:flex;justify-content:space-between;margin-bottom:16px}.green-company-info p,.green-contact-info p{margin:2px 0;font-size:12px}.green-contact-info .green{color:#00a400}.green-details-box{background:#f5f5f5;padding:8px 12px;font-size:12px;border-radius:4px}.green-details-box div{display:flex;justify-content:space-between;margin-bottom:4px;gap:10px}.green-details-box div:last-child{margin-bottom:0;font-size:10px;font-weight:400;color:#000}.green-details-box span:first-child{font-weight:600;color:#00a400;font-size:14px}.green-details-boxs div{display:flex;justify-content:space-between;gap:10px}.green-details-boxs div:last-child{margin-bottom:0;font-size:12px;font-weight:400;color:#000}.green-details-boxs span:first-child{font-weight:600;color:#000;font-size:12px}.green-address-section{display:flex;justify-content:center!important;align-items:center;background:#f5f5f5;padding:12px;border-radius:4px;margin-bottom:16px}.green-address-section>div{flex:1}.green-address-section h2{font-size:14px;font-weight:700;color:#000;margin-bottom:4px}.green-address-section p{margin:2px 0;font-size:12px;font-weight:400;color:#000}.green-spacer{width:16px}.green-table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:16px;font-size:12px;border-bottom:1px solid #000000}.green-table thead{border-bottom:1px solid #ccc}.green-table thead th{padding:8px 12px;text-align:left;font-weight:600;font-size:14px;color:#000;border-bottom:1px solid #000000}.green-table tbody td{padding:8px 12px;border-bottom:1px solid #eee;font-weight:400;font-size:12px}.green-summary{display:flex;justify-content:space-between;margin-bottom:16px}.green-pay-methods p{font-size:14px;font-weight:500;color:#000;margin-bottom:4px}.green-pay-methods ul{list-style:none;padding:0;margin:0}.green-pay-methods li{font-size:12px;margin:2px 0;font-weight:400;color:#000}.green-totals div{display:flex;justify-content:space-between;font-size:12px;font-weight:400;color:#000;margin-bottom:4px}.green-grand span{font-weight:600;font-size:12px;color:#000}.green-grand{border-top:1px solid #000000;padding-top:6px}.green-button{display:block;margin:0 auto;padding:10px 24px;background:#28a745;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}.green-button:hover{opacity:.9}.fl-table .ant-table-wrapper{border-radius:8px;overflow:hidden}.fl-table .ant-table{border:1px solid #e2e8f0}.fl-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#333;padding:12px 16px}.fl-table .ant-table-tbody>tr>td{padding:12px 16px;font-size:14px;color:#333}.fl-form-name{display:inline-block}.fl-slug{background:#f5f5f5;color:#333;border:none;border-radius:4px;padding:2px 8px;font-size:12px}.fl-form-type{color:#555}.fl-action-icon{font-size:18px;color:#888;cursor:pointer}.ant-table-tbody>tr.ant-table-row:hover>td{background:#fafafa}.fl-table .ant-table-body::-webkit-scrollbar{width:0}.fl-table .ant-table-body{-ms-overflow-style:none;scrollbar-width:none}.fl-table .ant-table-container table{table-layout:fixed}.fl-table .ant-table-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-form-container{padding:24px;background:#fff;font-family:Arial,sans-serif}.content-wrapper{display:flex;gap:4px}.left-panel{flex:0 0 75%;padding-right:24px;border-right:1px solid #d9d9d9}.right-panel{flex:0 0 25%;background:#fafafa;padding-right:18px;padding-left:6px;padding-top:12px;border:1px solid #f0f0f0;border-radius:4px}.select-fields-title{font-weight:600;margin-bottom:16px}.select-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-btn{height:32px;font-size:14px}.field-btn.active{background:#e6f7ff;border-color:#91d5ff}.rich-toolbar{display:flex;gap:8px;margin-bottom:8px}.highlight{color:#272727;font-size:14px;font-weight:500}.optional-text{margin-left:8px;color:#cacedc;font-size:14px;font-weight:500}.rich-editor{min-height:120px;padding:8px;border:1px solid #f0f0f0;border-radius:4px}.coupon-text{color:#272727;font-size:14px;font-weight:500}.subtext{font-size:16px;color:#272727;margin-top:4px;font-weight:400}.fields-box{border:1px dashed #d9d9d9;border-radius:4px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#00000040}.field-selected-box{border:1px solid #d9d9d9;border-radius:4px;padding:16px}.signature-field-box{padding:0}.signature-header{font-size:14px;color:#000;font-weight:500;margin-bottom:8px}.signature-panel{display:flex;border:1px solid #d9d9d9;border-radius:4px;overflow:hidden}.signature-sidebar{display:flex;flex-direction:column;background:#f5f5f5}.sig-tab{width:40px;height:40px;border:none;background:#f5f5f5;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.sig-tab+.sig-tab{border-top:1px solid #d9d9d9}.sig-tab--active{background:#fff}.sig-tab--active:before{content:"";position:absolute;left:0;top:0;width:4px;height:40px;background:#000}.signature-main{flex:1;background:#f7f6f3;padding:12px;display:flex;flex-direction:column}.signature-label{font-size:14px;margin-bottom:8px;color:#000000d9}.signature-canvas-wrapper{position:relative}.signature-canvas{width:100%;height:100px;background:transparent;border-bottom:1px solid #e0dfdb}.sig-clear{position:absolute;left:12px;bottom:12px;width:16px;height:16px;border:none;background:transparent;font-size:16px;line-height:16px;cursor:pointer;color:#00000073}.sig-insert-btn{align-self:flex-end;margin-top:12px;height:36px;font-size:14px;background:#3c5480;border-color:#3c5480;border-radius:8px}.name-fields-selected{display:flex;gap:8px}.actions{display:flex;justify-content:flex-end;margin-top:16px;margin-bottom:16px}.ant-input,.ant-input:hover,.ant-input:focus{border-radius:4px;border:1px solid #d9d9d9}.ant-checkbox-inner{position:relative;background-color:#fff;border:1px solid #d9d9d9;width:16px;height:16px;border-radius:2px}.ant-checkbox-checked .ant-checkbox-inner{border-color:#2b4eff;background-color:#fff!important}.ant-checkbox-checked .ant-checkbox-inner:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:10px;transform:translate(-50%,-55%) rotate(45deg);border:solid var(--primary-color);border-width:0 2px 2px 0;box-sizing:border-box}.ant-form-item-label>label{font-weight:500;font-size:12px!important;color:#2b2b2b!important}@media (max-width: 768px){.content-wrapper{flex-direction:column}.left-panel,.right-panel{flex:none;width:100%;padding-right:13px;border-right:none}.left-panel{border-bottom:1px solid #d9d9d9;margin-bottom:16px}}.page-main{display:flex;flex-direction:column;gap:10px;padding-top:10px;margin-bottom:10px}@media (max-width: 991px){.page-main{padding-left:10px;padding-right:10px}}.pt-container{background:#fff;padding:24px;border-radius:8px;font-family:Arial,sans-serif}.pt-toolbar{display:flex;justify-content:space-between;margin-bottom:16px;width:100%}.pt-search-filter{display:flex;align-items:center}.pt-search{width:240px;border-radius:6px}.pt-filter{margin-left:12px;font-size:18px;color:#555;cursor:pointer;padding:12px 10px;border:1px solid #e2e8f0;border-radius:14px}.pt-add-btn{border-radius:6px}.pt-table .ant-table-container{border-radius:6px;overflow:hidden}.pt-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#333;padding:12px 16px}.pt-table .ant-table-tbody>tr>td{padding:12px 16px;font-size:14px;color:#444}.highlight-header{background:#fffae6;padding:2px 8px;border-radius:4px;font-weight:600;font-size:12px}.cell-with-dot{display:inline-flex;align-items:center;gap:4px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.green{background:#52c41a}.dot.red{background:#ff4d4f}.cell-with-status{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.status-text.green{color:#52c41a}.status-text.red{color:#ff4d4f}.pt-pagination{display:flex;justify-content:center;margin-top:16px}.pt-pagination .ant-pagination-item-active{border-color:#1890ff}.pt-pagination .ant-pagination-item-active a{color:#1890ff}.service-form{margin:0 auto;width:470px}@media (max-width: 901px){.service-form{margin:0 auto;width:400px}}.service-form .ant-form-item-label>label,.service-form .ant-form-item-label>span{color:#2b2b2b;font-size:14px;font-weight:500}.dragger{padding:8px;border-radius:4px}.pricing-link{text-align:center;margin-top:8px}.pricing-text{color:#3c5480!important;font-size:12px;font-weight:400}.pricing-combo{display:flex;gap:5px;justify-content:center;cursor:pointer}.my-button{color:#2b2b2b;font-weight:400;font-size:9.6px;background-color:#ebebeb;border-radius:40px;padding:2px 4px}.form-row{display:flex;gap:16px}.form-row .ant-form-item{flex:1}.ant-modal .ant-form-item-label>label,.ant-modal .ant-form-item-label>span{color:#2b2b2b;font-size:12px;font-weight:500}.plans-container{display:flex;gap:6px;flex-wrap:wrap;margin:24px auto;width:450px;justify-content:center}.plan-card{width:140px;border-radius:8px;overflow:hidden;text-align:center;box-shadow:none}.plan-card .ant-card-body{padding:16px}.plan-header{display:flex;align-items:center;justify-content:center;gap:8px}.plan-main{display:flex;flex-direction:column;gap:5px}.plan-title{font-size:12px;font-weight:600}.plan-price{text-align:start;font-size:14px;font-weight:500;margin:0 0 15px}.per-month{font-size:8px;font-weight:400;color:#7e7e7e;margin-left:4px}.whats-included{font-size:12px;font-weight:600;margin-bottom:8px;text-align:left}.included-item{border:none!important;padding:4px 0!important;font-size:12px;display:flex;align-items:center;gap:2px;justify-content:flex-start}.included-item-text{text-align:left;font-size:10px;font-weight:400}.plan-card.basic,.plan-card.standard{background:#fff;border:1px solid #e0e0e0}.plan-card.premium{background:#3c5480;color:#fff}.plan-card.premium .plan-title,.plan-card.premium .plan-price,.plan-card.premium .whats-included,.plan-card.premium .included-item{color:#fff}.plan-card.premium .per-month{color:#bababa}.plan-card.premium .included-item .anticon-check-circle-filled{color:#fff}.plan-card.basic .ant-card-head,.plan-card.standard .ant-card-head{border-bottom:1px solid #000!important;padding-left:5px;padding-right:5px}.ant-upload{background-color:#fff!important}.anticon-upload{color:#7e7e7e}.choose-text{font-size:12px;font-weight:400;color:#7e7e7e}.client-gigs-container{padding-bottom:16px;background:#fff;border-radius:8px}.gigs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-left{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:8px}.gigs-search{width:300px;margin-right:8px}.gigs-search .ant-input{border-radius:6px;padding:8px 12px;font-size:14px;border:1px solid #d9d9d9}.gigs-search .ant-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3c548033}.search-icon{color:#999;font-size:16px}.filter-btn{background:#f0f2f5;border:1px solid #d9d9d9;color:var(--primary-color);border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;height:40px;display:flex;align-items:center;gap:8px}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.gigs-tabs-container{width:100%}.custom-tabs .ant-tabs-nav{margin-bottom:24px}.custom-tabs .ant-tabs-nav-list{background-color:#f7f7fc;padding:4px;border-radius:6px;gap:8px}.custom-tabs .ant-tabs-tab{padding:8px 16px!important;font-size:14px!important;font-weight:600!important;color:#73818e!important;background:transparent!important;border-radius:6px!important;margin:0!important;border:none!important}.custom-tabs .ant-tabs-tab:hover{color:#131313!important;background:#ffffff80!important}.custom-tabs .ant-tabs-tab-active{color:#131313!important;background:#fff!important;box-shadow:0 1px 2px #0000001a!important}.custom-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#131313!important}.custom-tabs .ant-tabs-ink-bar{display:none!important}.custom-tabs .ant-tabs-nav-wrap{border-bottom:none!important}.gigs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:0;align-items:start}.gig-card{border-radius:12px!important;border:1px solid #e8e8e8!important;box-shadow:0 2px 8px #0000000f!important;overflow:hidden!important;position:relative;height:100%;display:flex;flex-direction:column}.gig-card:hover{box-shadow:0 4px 16px #0000001f!important}.gig-card .ant-card-body{padding:0!important;height:100%;display:flex;flex-direction:column}.gig-image-container{width:100%;height:200px;overflow:hidden;position:relative;flex-shrink:0}.gig-image{width:100%;height:100%;object-fit:cover}.gig-card:hover .gig-image{transform:none}.gig-content{padding:16px;flex:1;display:flex;flex-direction:column}.gig-title{font-size:16px;font-weight:600;color:#131313;margin:0 0 8px;line-height:1.4}.gig-description{font-size:13px;color:#666;line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:57px;flex:1}.gig-footer{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:8px}.gig-price{font-size:18px;font-weight:700;color:#131313}.buy-now-btn{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important;border-radius:6px!important;font-weight:500!important;font-size:14px!important;padding:8px 16px!important;height:40px!important;width:100%!important}.buy-now-btn:hover{background:#2d3f5f!important;border-color:#2d3f5f!important}.title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;min-height:48px}.title-row .gig-title{margin:0 12px 0 0;flex:1;line-height:1.3}.service-badge{display:flex;flex-shrink:0}.category-tag{background:#e6f4ff;color:var(--primary-color);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}@media (max-width: 1200px){.gigs-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}}@media (max-width: 768px){.gigs-header{flex-direction:column;gap:16px;align-items:stretch}.header-left,.header-right{justify-content:center}.gigs-search{width:100%;margin-right:0}.gigs-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.custom-tabs .ant-tabs-nav-list{justify-content:center}}@media (max-width: 480px){.gigs-grid{grid-template-columns:1fr;gap:12px}.gig-image-container{height:160px}.gig-content{padding:12px}.custom-tabs .ant-tabs-tab{padding:6px 12px!important;font-size:13px!important}}.gigs-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.gigs-empty{text-align:center;padding:40px 20px;color:#999}.gigs-empty h3{color:#666;margin-bottom:8px}.gigs-empty p{color:#999;font-size:14px}.buy-now-btn:focus,.filter-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.gig-card:focus-within{box-shadow:0 4px 16px #3c548033!important}.calendar-head{display:flex;justify-content:center;padding:16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000001a;gap:10px}.meeting-card{background:#fafafa;border-radius:8px;padding:16px;width:300px;text-align:center;box-shadow:0 2px 4px #0000000d;border-right:1px solid #e2e8f0}.meeting-card:last-child{border-right:none}.meeting-title{font-size:18px;font-weight:700;color:#333;margin-bottom:8px}.meeting-time{font-size:14px;color:#666;margin-bottom:12px;font-weight:600}.meeting-status{display:flex;justify-content:center;align-items:center;gap:8px}.status-container{display:flex;align-items:center;background-color:#d3ffed;border-radius:6px;font-weight:600}.conflicted-status-container{display:flex;align-items:center;background-color:#feeaec;border-radius:6px;font-weight:600}.later-status-container{display:flex;align-items:center;background-color:#f7f7fc;border-radius:6px;font-weight:600}.status-tag{padding:4px 12px;font-size:14px;display:flex;align-items:center}.status-tag span{color:#131313}.status-tag .anticon{margin-right:4px;color:#389e0d}.conflicted-status-tag,.later-status-tag{padding:4px 12px;font-size:14px;display:flex;align-items:center}.conflicted-status-tag span,.later-status-tag span{color:#131313}.conflicted-status-tag .anticon{margin-right:4px;color:#ff4d4f}.later-status-tag .anticon{margin-right:4px;color:#6e6e6e}.conflicted-date{color:#131313}.join-button{padding:4px 12px;font-size:14px;color:var(--primary-color);border:none;background:none;text-decoration:underline;cursor:pointer;font-weight:600}.join-button:hover{color:var(--primary-color)}@media (max-width: 320px){.meeting-card{width:100%}}:where(.css-dev-only-do-not-override-pjilya).ant-btn-color-link.ant-btn-variant-link{color:#131313;box-shadow:none}.calendar-container{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border-radius:8px;box-shadow:0 2px 8px #0000001a;width:100%;min-width:800px;margin-bottom:32px;position:relative;overflow:hidden}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 4px}.calendar-wrapper{overflow-x:auto;border-radius:6px;-webkit-overflow-scrolling:touch}.nav-btn,.new-btn{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.event{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.event-title,.event-time,.event-label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.calendar-table colgroup{width:100%}.calendar-table colgroup col:first-child{width:80px!important}.calendar-table colgroup col{width:calc((100% - 80px)/5)!important}@media (max-width: 991px){.calendar-table colgroup col:first-child{width:70px!important}.calendar-table colgroup col{width:calc((100% - 70px)/5)!important}}@media (max-width: 767px){.calendar-table colgroup col:first-child{width:60px!important}.calendar-table colgroup col{width:calc((100% - 60px)/5)!important}}@media (max-width: 575px){.calendar-table colgroup col:first-child{width:50px!important}.calendar-table colgroup col{width:calc((100% - 50px)/5)!important}}@media (max-width: 479px){.calendar-table colgroup col:first-child{width:45px!important}.calendar-table colgroup col{width:calc((100% - 45px)/5)!important}}.month-year{font-size:18px;font-weight:600;display:flex;gap:5px;align-items:center;color:#333;border:1px solid #e8e8e8;border-radius:6px;padding:5px 10px;white-space:nowrap;overflow:hidden}.month-year-text{display:inline-block;min-width:0;flex-shrink:1}.month-year img{flex-shrink:0;width:16px;height:16px}.new-btn{background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px}.new-btn:hover{background:var(--primary-color)}.calendar-table{width:100%;border-collapse:collapse;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;border-radius:0;box-shadow:none;overflow:hidden;table-layout:fixed;min-width:750px}.calendar-table th,.calendar-table td{box-sizing:border-box}.calendar-nav{background:#fff;border-bottom:1px solid #e8e8e8}.nav-btns{width:80px!important;min-width:80px!important;max-width:80px!important;text-align:center;padding:12px 0;border-right:1px solid #e8e8e8;background:#fafafa;vertical-align:middle;box-sizing:border-box}.nav-btn{background:none;border:none;cursor:pointer;padding:6px;color:#666;display:inline-flex;align-items:center;border-radius:4px;margin:0 1px}.nav-btn:hover{background:#f5f5f5}.day-header{text-align:center;padding:16px 8px;border-right:1px solid #e8e8e8;background:#fff;vertical-align:middle;width:calc((100% - 80px)/5);min-width:160px}.day-header:last-child{border-right:none}.day-header-content{display:flex;align-items:center;justify-content:center;gap:4px}.day-name{font-size:14px;font-weight:500;color:#666}.day-number{font-size:16px;font-weight:600;color:#333}.time-row{border-bottom:1px solid #e8e8e8}.time-row:last-child{border-bottom:none}.time-slot{width:80px!important;min-width:80px!important;max-width:80px!important;min-height:120px;height:auto;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666;border-right:1px solid #e8e8e8;background:#fafafa;padding:16px 8px;vertical-align:top;box-sizing:border-box}.calendar-table th:first-child,.calendar-table td:first-child{width:80px!important;min-width:80px!important;max-width:80px!important;text-align:center;vertical-align:middle;box-sizing:border-box}.event-slot{min-height:120px;height:auto;position:relative;border-right:1px solid #e8e8e8;padding:16px 12px;vertical-align:top;width:calc((100% - 80px)/5);min-width:160px}.event-slot:last-child{border-right:none}.event{border-radius:8px;padding:16px;width:100%;height:auto;min-height:100px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.event-content{position:relative;z-index:2}.event-title{font-size:16px;font-weight:600;color:#333;margin-bottom:8px;line-height:1.3}.event-time{font-size:14px;color:#666;margin-bottom:12px;font-weight:500}.project-foot{display:flex;align-items:center;gap:12px;margin-top:auto}.event-label{font-size:12px;color:#666;margin-top:4px;font-weight:500}.team-meeting{background:#dcfce7;border-left:3px solid #22c55e}.project-review{background:#dbeafe;border-left:3px solid #3b82f6}.design-workshop{background:#e0e7ff;border-left:3px solid #6366f1}.status-update{background:#fef3c7;border-left:3px solid #f59e0b}.user-avatars{position:relative;height:20px;margin-top:4px}.avatar{position:absolute;width:20px;height:20px;border-radius:50%;background:#333;border:2px solid white;top:0}.avatar:nth-child(1){background:#1f2937}.avatar:nth-child(2){background:#374151;left:12px}.avatar:nth-child(3){background:#4b5563;left:24px}.avatar-count{position:absolute;left:36px;top:2px;font-size:12px;color:#666;font-weight:500}.project-foot{display:flex;align-items:center;gap:6px;justify-content:space-between;margin-top:6px}@media (max-width: 1199px){.calendar-container,.calendar-table{min-width:700px}.day-header{min-width:120px;padding:14px 6px}.event-slot{min-width:120px;padding:14px 10px}.event-title{font-size:15px}.event-time{font-size:13px}}@media (max-width: 991px){.calendar-container{padding:16px;min-width:auto;margin-bottom:24px}.calendar-header{margin-bottom:16px}.month-year{font-size:16px;padding:6px 12px}.new-btn{padding:8px 14px;font-size:13px}.calendar-wrapper{border-radius:6px;margin:0 -8px;padding:0 8px}.calendar-table{font-size:13px;min-width:650px}.day-header{padding:12px 6px;min-width:110px}.day-name{font-size:13px}.day-number{font-size:15px}.time-slot{width:70px!important;min-width:70px!important;max-width:70px!important;min-height:110px;font-size:11px;padding:14px 6px}.nav-btns{width:70px!important;min-width:70px!important;max-width:70px!important}.event-slot{min-height:110px;width:calc((100% - 70px)/5);min-width:110px;padding:12px 8px}.event{padding:12px;min-height:85px}.event-title{font-size:14px;margin-bottom:6px}.event-time{font-size:12px;margin-bottom:10px}.event-label{font-size:11px}.avatar{width:18px;height:18px}.avatar-count{font-size:11px;left:32px}}@media (max-width: 767px){.calendar-container{padding:12px;margin-bottom:20px}.calendar-header{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.month-year{font-size:15px;padding:8px 12px;flex-shrink:1;min-width:0}.month-year-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-btn{padding:10px 16px;font-size:14px;flex-shrink:0;min-width:80px;justify-content:center}.calendar-wrapper{margin:0 -12px;padding:0 12px}.calendar-table{font-size:12px;min-width:600px}.nav-btns{width:60px!important;min-width:60px!important;max-width:60px!important;padding:8px 0;text-align:center;vertical-align:middle}.day-header{padding:10px 4px;min-width:100px;text-align:center;vertical-align:middle}.day-header:first-of-type{text-align:center;vertical-align:middle}.day-name{font-size:12px}.day-number{font-size:14px}.time-slot{width:60px!important;min-width:60px!important;max-width:60px!important;min-height:100px;font-size:10px;padding:12px 4px;text-align:center;vertical-align:middle}.nav-btn{padding:4px;margin:0 1px}.nav-btn img{width:12px;height:12px}.event-slot{min-height:100px;width:calc((100% - 60px)/5);min-width:100px;padding:10px 6px;vertical-align:top}.calendar-table th:first-child,.calendar-table td:first-child{width:60px!important;min-width:60px!important;max-width:60px!important;text-align:center;vertical-align:middle}.event{padding:10px;min-height:75px}.event-title{font-size:13px;margin-bottom:6px;line-height:1.2}.event-time{font-size:11px;margin-bottom:8px}.event-label{font-size:10px}.project-foot{gap:4px;margin-top:4px}.avatar{width:16px;height:16px;border-width:1px}.avatar:nth-child(2){left:10px}.avatar:nth-child(3){left:20px}.avatar-count{font-size:10px;left:28px;top:1px}}@media (max-width: 575px){.calendar-container{padding:8px;margin-bottom:16px}.calendar-header{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.month-year{font-size:13px;padding:6px 8px;gap:3px;flex-shrink:1;min-width:0;max-width:60%}.month-year-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.month-year img{width:12px;height:12px;flex-shrink:0}.new-btn{padding:6px 8px;font-size:11px;gap:2px;flex-shrink:0;min-width:60px;max-width:35%}.new-btn .anticon{font-size:10px}.new-btn span{font-size:11px}.calendar-wrapper{margin:0 -8px;padding:0 8px}.calendar-table{font-size:11px;min-width:520px}.nav-btns{width:50px!important;min-width:50px!important;max-width:50px!important;padding:6px 0;text-align:center;vertical-align:middle}.day-header{padding:8px 3px;min-width:85px;text-align:center;vertical-align:middle}.day-header-content{flex-direction:column;gap:2px;align-items:center;justify-content:center}.day-name{font-size:10px}.day-number{font-size:12px}.time-slot{width:50px!important;min-width:50px!important;max-width:50px!important;min-height:80px;font-size:9px;padding:8px 2px;text-align:center;vertical-align:middle;display:flex;align-items:center;justify-content:center}.nav-btn{padding:3px;margin:0}.nav-btn img{width:10px;height:10px}.event-slot{min-height:80px;width:calc((100% - 50px)/5);min-width:85px;padding:8px 4px;vertical-align:top}.calendar-table th:first-child,.calendar-table td:first-child{width:50px!important;min-width:50px!important;max-width:50px!important;text-align:center;vertical-align:middle;box-sizing:border-box}.event{padding:8px;min-height:60px;border-radius:6px}.event-title{font-size:11px;margin-bottom:4px;line-height:1.2}.event-time{font-size:9px;margin-bottom:6px}.event-label{font-size:8px;margin-top:2px}.project-foot{gap:3px;margin-top:3px}.user-avatars{height:14px;margin-top:2px}.avatar{width:14px;height:14px;border-width:1px}.avatar:nth-child(2){left:8px}.avatar:nth-child(3){left:16px}.avatar-count{font-size:9px;left:22px;top:1px}}@media (max-width: 479px){.calendar-container{padding:6px;margin-bottom:12px}.calendar-header{flex-direction:row;justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px}.month-year{font-size:12px;padding:4px 6px;gap:2px;flex-shrink:1;min-width:0;max-width:65%}.month-year-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.month-year img{width:10px;height:10px;flex-shrink:0}.new-btn{padding:4px 6px;font-size:10px;gap:2px;flex-shrink:0;min-width:50px;max-width:30%}.new-btn .anticon{font-size:8px}.new-btn span{font-size:10px}.calendar-wrapper{margin:0 -6px;padding:0 6px;overflow-x:auto;-webkit-overflow-scrolling:touch}.calendar-table{font-size:10px;min-width:460px}.nav-btns{width:45px!important;min-width:45px!important;max-width:45px!important;padding:4px 0;text-align:center;vertical-align:middle}.day-header{padding:6px 2px;min-width:75px;text-align:center;vertical-align:middle}.day-header-content{flex-direction:column;gap:1px;align-items:center;justify-content:center}.day-name{font-size:9px}.day-number{font-size:11px}.time-slot{width:45px!important;min-width:45px!important;max-width:45px!important;min-height:70px;font-size:8px;padding:6px 1px;text-align:center;vertical-align:middle;display:flex;align-items:center;justify-content:center}.nav-btn{padding:2px}.nav-btn img{width:8px;height:8px}.event-slot{min-height:70px;width:calc((100% - 45px)/5);min-width:75px;padding:6px 3px;vertical-align:top}.calendar-table th:first-child,.calendar-table td:first-child{width:45px!important;min-width:45px!important;max-width:45px!important;text-align:center;vertical-align:middle;box-sizing:border-box;border-right:1px solid #e8e8e8}.event{padding:6px;min-height:50px;border-radius:4px}.event-title{font-size:10px;margin-bottom:3px;line-height:1.1}.event-time{font-size:8px;margin-bottom:4px}.event-label{font-size:7px;margin-top:1px}.project-foot{gap:2px;margin-top:2px}.user-avatars{height:12px;margin-top:1px}.avatar{width:12px;height:12px;border-width:1px}.avatar:nth-child(2){left:6px}.avatar:nth-child(3){left:12px}.avatar-count{font-size:8px;left:18px;top:0}.team-meeting,.project-review,.design-workshop,.status-update{border-left-width:2px}}@media (max-width: 767px) and (orientation: landscape){.calendar-header{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.month-year{flex-shrink:1;min-width:0;max-width:60%}.new-btn{flex-shrink:0;min-width:auto;max-width:35%}.time-slot,.event-slot{min-height:70px}.event{min-height:50px}}.calendar-form-container{padding:0}.meeting-title-input{border:none!important;border-bottom:1px solid #E5E5E5!important;border-radius:0!important;padding:16px 0 8px!important;font-size:16px!important;font-weight:500!important;box-shadow:none!important;background:transparent!important}.meeting-title-input:focus{border-bottom-color:#4f46e5!important;box-shadow:none!important}.meeting-title-input::placeholder{color:#9ca3af!important;font-weight:400!important}.free-slots-section{margin:24px 0}.free-slots-row{display:flex;gap:16px}.free-slot-card{background:#f8f9fa;border-radius:12px;padding:16px;border:1px solid #E5E5E5;flex:1}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.slot-title{font-weight:500;font-size:14px;color:#2b2b2b}.slot-info-btn{padding:0!important;border:none!important;box-shadow:none!important;color:#6b7280!important}.slot-date{font-size:12px;color:#6b7280;margin-bottom:4px;display:flex;align-items:center;gap:8px}.slot-time{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:8px}.time-green{color:#10b981;font-weight:500}.time-red{color:#ef4444;font-weight:500}.datetime-timezone-section{margin:24px 0}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.section-icon{font-size:16px}.section-title{font-weight:500;font-size:14px;color:#2b2b2b;flex:1}.timezone-label{font-weight:500;font-size:12px;color:#6b7280}.calendar-form-container .ant-form-item-label>label{font-weight:500!important;font-size:12px!important;color:#2b2b2b!important}.calendar-form-container .ant-input{border-radius:6px!important;border:1px solid #E5E5E5!important;padding:8px 12px!important;font-size:14px!important}.calendar-form-container .ant-input:nth-child(2){padding-left:30px!important}.calendar-form-container .ant-input .add-participants-input{border-radius:6px!important;border:1px solid #E5E5E5!important;padding:8px 12px!important;padding-left:205px;font-size:14px!important}.calendar-form-container .ant-select{border-radius:6px!important}.calendar-form-container .ant-select-selector{border:1px solid #E5E5E5!important;border-radius:6px!important;padding:8px 12px!important;font-size:14px!important}.calendar-form-container .ant-picker{border-radius:6px!important;border:1px solid #E5E5E5!important;padding:8px 12px!important;width:100%!important}.calendar-form-container .time-picker{width:100%!important}.participants-section{margin:24px 0}.participants-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.participants-title{font-weight:500;font-size:14px;color:#2b2b2b}.participants-list{display:flex;gap:12px;flex-wrap:wrap}.participant-item{display:flex;align-items:center;gap:8px;background:#f8f9fa;border-radius:8px;padding:8px 12px;border:1px solid #E5E5E5;position:relative}.participant-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden}.participant-avatar img{width:100%;height:100%;object-fit:cover}.participant-name{font-size:12px;color:#2b2b2b;font-weight:500;flex:1}.remove-participant-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:#fff;font-size:10px;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.remove-participant-btn:hover{background:#dc2626}.weekday-btn.selected-red{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.weekly-schedule{margin:24px 0;display:flex;align-items:center;gap:16px}.schedule-label{font-weight:500;font-size:14px;color:#2b2b2b;flex-shrink:0}.weekdays-container{display:flex;gap:8px;flex:1}.weekday-btn{flex:1!important;height:32px!important;border-radius:8px!important;border:1px solid #E5E5E5!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;font-weight:500!important;padding:0!important;min-width:40px!important;background:#fff!important;color:#6b7280!important}.add-participants-input{display:flex;align-items:center;gap:12px;margin-bottom:16px}.participants-icon{color:#6b7280;font-size:16px}.participants-input{border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important;font-size:14px!important;color:#6b7280!important}.participants-input:focus{border:none!important;box-shadow:none!important}.participants-icon{position:absolute;left:30px}.notice-board-card-container{padding-bottom:16px}.notice-board-card-header{display:flex;justify-content:space-between;margin-bottom:16px;align-items:center}.header-left,.header-right{display:flex;align-items:center;gap:8px}.notice-search{width:200px}.notice-search .ant-input-affix-wrapper{height:32px!important}.search-icon{color:#666}.add-notice-btn{background-color:var(--primary-color)!important;margin-left:8px}.delete-notice-btn{background-color:#ff4d4f;border-color:#ff4d4f;margin-left:8px}.delete-notice-btn:hover,.delete-notice-btn:focus{background-color:#ff7875;border-color:#ff7875}:where(.css-dev-only-do-not-override-7t2xvq).ant-table-wrapper .ant-table-thead>tr>th{color:#4d515a!important;font-weight:500!important;font-size:14px}.table-container{overflow-x:auto}.notice-table .ant-table-thead>tr>th{background:#f8fafc!important;font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:14px!important;line-height:16.5px!important;letter-spacing:0%!important;text-transform:none!important;color:#4d515a!important;border-left:none!important;border-right:none!important}.notice-table .ant-table-tbody>tr>td{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:16.5px!important;letter-spacing:0%!important;text-transform:none!important;color:#1f1f1f!important}.notice-table .ant-table-tbody>tr>td:first-child{border-left:1px solid #f0f0f0}.notice-table .ant-table-tbody>tr>td:last-child{border-right:1px solid #f0f0f0}.notice-table .ant-pagination{margin-top:16px;display:flex;align-items:center;gap:4px}.pagination-btn{border:1px solid #d9d9d9;background:#fff;padding:4px 0;width:22px;height:32px;text-align:center;border-radius:4px;color:var(--primary-color);cursor:pointer;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.pagination-nav,.pagination-page{width:22px;padding:0}.pagination-ellipsis{width:22px;padding:0;border:none;background:none;color:#000;cursor:default}.pagination-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:none;outline:none}.pagination-btn:hover:not(.active):not(.disabled){background:#e6f7ff}.pagination-btn.disabled{color:#bfbfbf;cursor:not-allowed;background:#fff;border-color:#d9d9d9}.notice-table .ant-pagination-item-active{background:transparent!important;border:none!important}.notice-table .ant-pagination-item-active a{background:var(--primary-color);color:#fff;border-color:var(--primary-color);border-radius:4px;display:block;width:22px;height:32px;padding:4px 0;text-align:center;box-shadow:none!important}:where(.css-dev-only-do-not-override-pjilya).ant-pagination .ant-pagination-item:not(.ant-pagination-item-active):hover{transition:all .2s;background-color:transparent}.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--primary-color);border-color:var(--primary-color)}.notice-board-form-container{max-width:600px}.notice-board-form-container .ant-form-item-required:not(.ant-form-item-required-mark-optional):before{display:none!important}.notice-board-form-container .ant-form-item-required:not(.ant-form-item-required-mark-optional):after{display:none!important}.notice-board-form-container .ant-form-item-label>label{font-weight:500!important;font-size:12px;color:#666}.notice-board-form-container .ant-form-item{margin-bottom:16px}.notice-board-form-container .ant-input,.notice-board-form-container .ant-radio-wrapper,.notice-board-form-container .ant-picker{height:32px;font-size:14px;box-shadow:none;background:#fff}.notice-board-form-container .ant-input:focus,.notice-board-form-container .ant-radio-wrapper:focus,.notice-board-form-container .ant-picker-focused{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}:where(.css-dev-only-do-not-override-7t2xvq).ant-radio-wrapper .ant-radio-checked .ant-radio-inner{border-color:var(--primary-color);background-color:var(--primary-color)}.notice-board-form-container .ant-input::placeholder,.notice-board-form-container .ant-picker-input>input::placeholder{color:#999}.notice-board-form-container .ant-radio-wrapper{margin-right:16px}.notice-board-form-container .quill-editor .ql-container{min-height:70px;font-size:14px;border:1px solid #d9d9d9;border-radius:0 0 6px 6px;background:#fff;display:block}.notice-board-form-container .quill-editor .ql-editor{padding:8px 12px;min-height:60px}.notice-board-form-container .quill-editor .ql-toolbar{border:1px solid #d9d9d9;border-bottom:none;border-radius:6px 6px 0 0;background:#fff;display:block}.notice-board-form-container .quill-editor .ql-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.notice-board-form-container .attachment-list{background:#fff}.notice-board-form-container .attachment-item{padding:12px;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:8px;background:#fff;display:flex;flex-direction:column}.notice-board-form-container .attachment-item:hover{background:#f8f9fa}.notice-board-form-container .attachment-content{display:flex;align-items:center}.notice-board-form-container .attachment-preview{width:40px;height:40px;margin-right:12px;flex-shrink:0}.notice-board-form-container .attachment-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:4px;border:1px solid #e8e8e8}.notice-board-form-container .attachment-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:4px;border:1px solid #e8e8e8}.notice-board-form-container .file-extension{font-size:10px;font-weight:600;color:#666;text-align:center;line-height:1}.notice-board-form-container .attachment-info{flex:1;min-width:0}.notice-board-form-container .attachment-name{font-size:14px;font-weight:500;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice-board-form-container .attachment-details{font-size:12px;color:#666;display:flex;gap:12px}.notice-board-form-container .upload-date{color:#666}.notice-board-form-container .file-size{color:#999}.notice-board-form-container .attachment-actions{display:flex;gap:4px;margin-left:8px}.notice-board-form-container .action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.notice-board-form-container .action-btn:hover{background:#f5f5f5}.notice-board-form-container .download-btn:hover{color:var(--primary-color);background:#e6f7ff}.notice-board-form-container .delete-btn:hover{color:#ff4d4f;background:#fff2f0}.notice-board-form-container .upload-progress{margin-top:8px;width:100%}:where(.css-dev-only-do-not-override-pjilya).ant-radio-wrapper .ant-radio-checked .ant-radio-inner{border-color:var(--primary-color);background-color:var(--primary-color)}.ant-radio-wrapper{align-items:center}.ant-radio-checked{accent-color:white!important}.upload-dragger{border:2px dashed #d9d9d9;border-radius:8px;background:#fafafa;padding:0!important;text-align:center;cursor:pointer;transition:border-color .3s;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center}.custom-dropdown{position:relative;width:100%}.dropdown-trigger:hover{opacity:.8}.dropdown-trigger:focus{outline:none}.dropdown-content{display:flex;align-items:center;gap:8px;color:#666;justify-content:center}.dropdown-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#f8fafc;border-radius:50%;color:#666}.dropdown-text{font-size:14px;color:#666}.dropdown-arrow{color:#666;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 6px 16px #00000014;z-index:1000;margin-top:4px;max-height:200px;overflow-y:auto}.dropdown-item{padding:8px 12px;cursor:pointer;transition:background-color .2s;font-size:14px;color:#000}.dropdown-item:hover{background:#f5f5f5}.dropdown-item:first-child{border-radius:6px 6px 0 0}.dropdown-item:last-child{border-radius:0 0 6px 6px}.custom-dropdown .dropdown-trigger.has-value .dropdown-content{color:#000}.custom-dropdown .dropdown-trigger.has-value .dropdown-text{color:#000;font-weight:500}.btn-text{display:inline}.btn-text-mobile{display:none}@media (max-width: 991px){.notice-board-card-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.header-left,.header-right{display:flex;align-items:center;gap:8px}.notice-search{width:200px}}@media (max-width: 768px){.notice-board-card-header{gap:12px}.header-left,.header-right{gap:8px}.notice-search{width:200px}.notice-table .ant-pagination{justify-content:center;flex-wrap:wrap;gap:2px}.pagination-btn{width:20px;height:30px}}@media (max-width: 576px){.notice-board-card-container{padding:8px}.notice-board-card-header{gap:8px;flex-direction:column!important}.header-left,.header-right{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;justify-content:space-between;width:100%}.notice-search{flex:1;min-width:0}.delete-notice-btn,.add-notice-btn{flex:1;margin:0;justify-content:center}.btn-text{display:inline}.btn-text-mobile{display:none}.notice-table .ant-table-thead>tr>th{padding:8px 4px;font-size:14px;font-weight:500;color:#4d515a}.notice-table .ant-table-tbody>tr>td{padding:8px 4px;font-size:12px}.pagination-btn{width:16px;height:24px;font-size:9px}.pagination-nav,.pagination-page,.pagination-ellipsis{width:16px}.notice-table .ant-pagination{gap:2px;justify-content:center;margin:16px 0 0;padding:0 16px}}@media (max-width: 480px){.add-notice-btn .btn-text{display:none}.add-notice-btn .btn-text-mobile{display:inline}.delete-notice-btn .btn-text{display:inline!important}.delete-notice-btn,.add-notice-btn{padding:0 12px}.notice-table .ant-table-thead>tr>th,.notice-table .ant-table-tbody>tr>td{padding:6px 2px;font-size:11px}.pagination-btn{width:14px;height:22px;font-size:8px}.pagination-nav,.pagination-page,.pagination-ellipsis{width:14px}.notice-table .ant-pagination{gap:1px;margin-top:8px;padding:0 12px}.table-container{margin:0 -8px;padding:0 8px}}.description-editor{border:1px solid #d9d9d9;border-radius:6px;overflow:hidden;background:#fff}.editor-toolbar{display:flex;align-items:center;padding:8px;border-bottom:1px solid #f0f0f0;background:#fafafa;gap:8px}.toolbar-group{display:flex;align-items:center;gap:4px}.editor-toolbar .ant-btn{border:none;background:none;color:#666;padding:4px;height:28px;width:28px;display:flex;align-items:center;justify-content:center;border-radius:4px}.editor-toolbar .ant-btn:hover{background:#e6f7ff;color:var(--primary-color)}.rich-editor{min-height:120px;padding:12px;border:none;outline:none;font-size:14px;line-height:1.6;color:#333;resize:none}.rich-editor:empty:before{content:attr(data-placeholder);color:#bfbfbf;font-style:italic}.rich-editor:focus{outline:none}.settings-card{padding:16px;border:1px solid #e8e8e8;border-radius:8px;background:#fff}.settings-card .ant-tabs-nav{margin-bottom:16px}.settings-card .ant-tabs-tab{padding:8px 16px;font-size:14px;font-weight:500;color:#595959;background:#f0f2f5;border-radius:4px;margin-right:8px}.settings-card .ant-tabs-tab-active{background:var(--primary-color);color:#fff}.settings-card .ant-tabs-tab:hover{color:var(--primary-color)}.settings-card .ant-input,.settings-card .ant-select-selector,.settings-card .ant-textarea{height:32px;padding:8px 12px;font-size:14px;border:1px solid #d9d9d9;border-radius:6px;box-shadow:none;background:#fff}.settings-card .ant-input:focus,.settings-card .ant-select-focused .ant-select-selector,.settings-card .ant-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.settings-card .ant-input::placeholder,.settings-card .ant-select-selection-placeholder{color:#999}.settings-card .ant-upload{margin-bottom:8px}.settings-card label{display:block;font-size:12px;color:#666;margin-top:4px}.settings-card .integration-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:16px}.settings-card .integration-item label{font-size:14px;font-weight:500;color:#000}.settings-card .integration-item .ant-btn-primary{background:var(--primary-color);border-color:var(--primary-color)}.settings-card .integration-item .ant-btn{background:#f0f2f5;border-color:#d9d9d9}.settings-card .status-item{display:flex;align-items:center;padding:12px;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:16px}.settings-card .status-item span:first-child{margin-right:8px}.settings-card .status-item .add-status-btn{float:right}.ant-tabs-tab{padding:5px 20px!important;margin-right:0!important;border:none!important;background:transparent!important;font-size:14px!important;font-weight:500!important;color:#9ca3af!important;border-radius:0!important;transition:all .2s ease!important;width:auto!important;min-width:auto!important;max-width:none!important}.ant-tabs-tab:hover{color:#374151!important}.ant-tabs-tab-active{color:#1f2937!important;background:#fff!important;box-shadow:0 4px 12px #0000001a;border-radius:5px!important;width:auto!important;min-width:auto!important;max-width:none!important}.ant-tabs-tab-active .ant-tabs-tab-btn{color:#1f2937!important}.ant-tabs-ink-bar{display:none!important}.ant-tabs-nav{margin-bottom:24px!important}.ant-tabs-nav-wrap{border-bottom:1px solid #e5e7eb!important}.ant-tabs-nav-list{border-bottom:none!important;background-color:#f1f1f1;padding:8px;width:fit-content;max-width:100%;display:flex}.ant-tabs-tab-btn{color:inherit!important}.custom-upload .ant-upload{width:100%}.upload-dragger{border:2px dashed #d9d9d9;border-radius:8px;background:#fafafa;padding:40px 20px;text-align:center;cursor:pointer;transition:border-color .3s;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center}.upload-dragger:hover{border-color:var(--primary-color)}.upload-icon{font-size:24px;color:#999;margin-bottom:12px}.upload-text{color:#666;font-size:14px;line-height:1.4}.upload-main-text{font-weight:500}.upload-sub-text{color:#999;font-weight:400}.custom-upload .ant-upload-select{width:100%;height:auto}.custom-upload .ant-upload-select .ant-upload{width:100%;height:auto;border:none;background:none;padding:0}.custom-upload .ant-upload-select .ant-upload:hover{border-color:transparent}.attachment-list{margin-top:16px}.attachment-item{display:flex;align-items:center;padding:12px;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:8px;background:#fff}.attachment-preview{width:40px;height:40px;margin-right:12px;flex-shrink:0}.attachment-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:4px;border:1px solid #e8e8e8}.attachment-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:4px;border:1px solid #e8e8e8}.file-extension{font-size:10px;font-weight:600;color:#666;text-align:center;line-height:1}.attachment-info{flex:1;min-width:0}.attachment-name{font-size:14px;font-weight:500;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-details{font-size:12px;color:#666;display:flex;gap:12px}.upload-date{color:#666}.file-size{color:#999}.attachment-actions{display:flex;gap:4px;margin-left:8px}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.action-btn:hover{background:#f5f5f5}.download-btn:hover{color:var(--primary-color);background:#e6f7ff}.delete-btn:hover{color:#ff4d4f;background:#fff2f0}.integration-item{display:flex;align-items:center;padding:20px;margin-bottom:16px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;transition:all .2s ease}.integration-item:hover{box-shadow:0 2px 8px #0000001a}.integration-icon{width:58px;height:58px;margin-right:16px;display:flex;align-items:center;justify-content:center;border-radius:100%;border:2px solid #e5e7eb;background:#f8f9fa;flex-shrink:0}.integration-icon img{width:32px;height:32px;object-fit:contain}.integration-content{flex:1;display:flex;flex-direction:column;gap:8px}.integration-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.integration-checkbox{display:flex;align-items:center;gap:8px}.integration-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #d1d5db;border-radius:3px;background:#fff;position:relative;outline:none;transition:all .2s ease}.integration-checkbox input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-color)}.integration-checkbox input[type=checkbox]:checked:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.integration-checkbox input[type=checkbox]:hover{border-color:var(--primary-color)}.integration-checkbox input[type=checkbox]:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.integration-checkbox label{font-size:14px;color:#6b7280;cursor:pointer;margin-bottom:0}.integration-button{min-width:120px;height:36px;border-radius:6px;font-weight:500;font-size:14px;margin-left:16px}.integration-button.primary{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff}.integration-button.primary:hover{background:var(--primary-color)!important;border-color:var(--primary-color)}.integration-button.secondary{background:#f8f9fa;border-color:#e5e7eb;color:#374151}.integration-button.secondary:hover{background:#e5e7eb;border-color:#d1d5db;color:#1f2937}label{display:block;margin-bottom:8px;font-weight:500;color:#333}.profile-content,.integration-content,.status-content{width:100%;max-width:100%}.add-status-button,.add-status-button:hover{background-color:var(--primary-color)!important}.status-form-container{background:#fff;border-radius:8px}.status-form-container .form-item{margin-bottom:20px}.status-form-container .form-label{display:block;font-weight:600;font-size:12px;color:#666;text-transform:uppercase;margin-bottom:8px}.status-form-container .ant-input,.status-form-container .ant-select-selector{height:40px;padding:8px 12px;font-size:14px;border:1px solid #d9d9d9;border-radius:6px;box-shadow:none;background:#fff}.status-form-container .ant-input:focus,.status-form-container .ant-select-focused .ant-select-selector{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.status-form-container .ant-input::placeholder,.status-form-container .ant-select-selection-placeholder{color:#999}.color-picker-container{margin-top:4px}.color-options{display:flex;gap:8px;flex-wrap:wrap}.color-option{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px var(--primary-color)}.status-form-container .quill-editor .ql-container{min-height:120px;font-size:14px;border:1px solid #d9d9d9;border-radius:0 0 6px 6px;background:#fff;display:block}.status-form-container .quill-editor .ql-editor{padding:12px;min-height:100px}.status-form-container .quill-editor .ql-toolbar{border:1px solid #d9d9d9;border-bottom:none;border-radius:6px 6px 0 0;background:#fff;display:block}.status-form-container .quill-editor .ql-container:focus-within{border-color:var(--primary-color)}.status-form-container .quill-editor .ql-toolbar:focus-within{border-color:var(--primary-color)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.submit-btn{background:var(--primary-color);border-color:var(--primary-color);color:#fff;height:40px;padding:0 24px;font-weight:500;border-radius:6px;cursor:pointer}.submit-btn:hover{background:var(--primary-color);border-color:var(--primary-color);opacity:.9}.cancel-btn{height:40px;padding:0 24px;font-weight:500;border:1px solid #d9d9d9;background:#fff;color:#666;border-radius:6px;cursor:pointer}.cancel-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.module-select .ant-select-selection-item{line-height:24px}.module-select .ant-select-arrow{color:#999}:where(.css-dev-only-do-not-override-pjilya).ant-input-outlined:hover{border-color:var(--primary-color);background-color:#fff}@media (max-width: 1200px){.settings-card{padding:14px}.integration-item{padding:18px}.integration-icon{width:52px;height:52px}.integration-icon img{width:28px;height:28px}.integration-title{font-size:15px}.upload-dragger{padding:35px 20px;min-height:110px}}@media (max-width: 991px){.settings-card{padding:12px}.ant-tabs-nav-list{padding:6px;border-radius:8px}.ant-tabs-tab{padding:8px 16px!important;font-size:13px!important;margin-right:4px!important}.ant-row{margin-left:-8px!important;margin-right:-8px!important}.ant-col{padding-left:8px!important;padding-right:8px!important}.integration-item{padding:16px;flex-direction:row;align-items:center;gap:12px}.integration-icon{width:48px;height:48px;margin-right:12px;margin-bottom:0;flex-shrink:0}.integration-icon img{width:26px;height:26px}.integration-content{flex:1;min-width:0;text-align:left;overflow:hidden;max-width:calc(100% - 160px)}.integration-title{font-size:14px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.integration-checkbox{justify-content:flex-start}.integration-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.integration-button{margin-left:12px;width:auto;min-width:100px;max-width:120px;flex-shrink:0}.integration-button.primary{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.upload-dragger{padding:30px 16px;min-height:100px}.upload-icon{font-size:20px;margin-bottom:10px}.upload-text{font-size:13px}.attachment-item{padding:10px}.attachment-preview{width:36px;height:36px;margin-right:10px}.attachment-name{font-size:13px}.attachment-details{font-size:11px;gap:8px}.action-btn{width:28px;height:28px}}@media (max-width: 768px){.settings-card{padding:10px;margin:0}.profile-content,.integration-content,.status-content{width:100%!important;max-width:100%!important;padding:0}.ant-tabs-nav{margin-bottom:16px!important}.ant-tabs-nav-list{padding:4px;justify-content:center;width:fit-content;max-width:100%;display:flex}.ant-tabs-tab{padding:6px 8px!important;font-size:12px!important;margin-right:2px!important;text-align:center;min-width:0;white-space:nowrap;overflow:visible;width:auto!important;max-width:none!important}.ant-col{margin-bottom:12px}label{font-size:11px;font-weight:600;color:#666;margin-bottom:6px}.ant-input,.ant-select-selector,.ant-textarea{height:36px!important;font-size:13px!important;padding:6px 10px!important}.ant-textarea{min-height:60px!important}.integration-item{padding:14px;border-radius:8px;margin-bottom:12px;flex-direction:row;align-items:center;gap:10px;width:100%;box-sizing:border-box}.integration-icon{width:44px;height:44px;margin-right:8px;flex-shrink:0}.integration-icon img{width:24px;height:24px}.integration-content{flex:1;min-width:0;text-align:left;overflow:hidden;max-width:calc(100% - 140px)}.integration-title{font-size:13px;margin-bottom:6px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.integration-checkbox{justify-content:flex-start}.integration-checkbox label{font-size:12px;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;display:block}.integration-checkbox input[type=checkbox]{width:14px;height:14px;flex-shrink:0}.integration-button{min-width:80px;height:32px;font-size:12px;max-width:100px;margin-left:8px;flex-shrink:0;padding:0 6px;white-space:nowrap}.integration-button.primary{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.upload-dragger{padding:24px 12px;min-height:80px}.upload-icon{font-size:18px;margin-bottom:8px}.upload-text{font-size:12px;line-height:1.3}.attachment-item{padding:8px;flex-wrap:wrap}.attachment-preview{width:32px;height:32px;margin-right:8px}.attachment-info{flex:1;min-width:120px}.attachment-name{font-size:12px;margin-bottom:2px}.attachment-details{font-size:10px;flex-direction:column;gap:2px}.attachment-actions{width:100%;justify-content:flex-end;margin-top:8px;margin-left:0}.action-btn{width:24px;height:24px}.add-status-button{width:100%;margin-top:16px;float:none!important;display:block}}@media (max-width: 576px){.settings-card{padding:8px;border-radius:6px}.profile-content,.integration-content,.status-content{width:100%!important;max-width:100%!important;padding:0;margin:0}.ant-tabs-nav-list{padding:3px;gap:1px;width:fit-content;max-width:100%;display:flex;justify-content:center}.ant-tabs-tab{padding:8px 6px!important;font-size:11px!important;margin-right:0!important;min-width:0;white-space:nowrap;overflow:visible;text-align:center;width:auto!important;max-width:none!important}.ant-row .ant-col{width:100%!important;max-width:100%!important;flex:0 0 100%!important;margin-bottom:10px}.ant-input,.ant-select-selector,.ant-textarea{height:40px!important;font-size:14px!important;padding:8px 12px!important}.ant-textarea{min-height:80px!important}label{font-size:12px;margin-bottom:6px}.integration-item{padding:12px;gap:8px;border-radius:6px;margin-bottom:10px;flex-direction:row;align-items:center;width:100%;box-sizing:border-box}.integration-icon{width:40px;height:40px;margin-right:8px;margin-bottom:0;flex-shrink:0}.integration-icon img{width:22px;height:22px}.integration-content{flex:1;min-width:0;text-align:left;overflow:hidden;max-width:calc(100% - 120px)}.integration-title{font-size:13px;font-weight:600;margin-bottom:6px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.integration-checkbox{justify-content:flex-start;margin-bottom:0}.integration-checkbox label{font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;display:block}.integration-checkbox input[type=checkbox]{width:14px;height:14px;flex-shrink:0}.integration-button{width:auto;height:36px;font-size:11px;min-width:90px;max-width:110px;margin-left:6px;flex-shrink:0;padding:0 8px;white-space:nowrap}.integration-button.primary{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.upload-dragger{padding:20px 10px;min-height:100px}.upload-icon{font-size:20px;margin-bottom:8px}.upload-text{font-size:13px}.attachment-item{padding:10px;flex-direction:column;align-items:flex-start}.attachment-preview{width:40px;height:40px;margin-right:0;margin-bottom:8px;align-self:center}.attachment-info{width:100%;text-align:center;margin-bottom:10px}.attachment-name{font-size:13px;margin-bottom:4px}.attachment-details{font-size:11px;justify-content:center;gap:8px}.attachment-actions{width:100%;justify-content:center;margin-top:0}.action-btn{width:32px;height:32px}.add-status-button{width:100%;height:44px;font-size:14px;margin-top:16px}}@media (max-width: 480px){.settings-card{padding:6px;margin:0}.profile-content,.integration-content,.status-content{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.ant-tabs-tab{padding:6px 3px!important;font-size:10px!important;white-space:nowrap;overflow:visible;text-overflow:clip;min-width:0;margin-right:0!important;width:auto!important;max-width:none!important}.ant-input,.ant-select-selector,.ant-textarea{height:36px!important;font-size:13px!important;padding:6px 10px!important}.ant-textarea{min-height:70px!important}label{font-size:11px;margin-bottom:4px}.integration-item{padding:10px;gap:6px;margin-bottom:8px;flex-direction:row;align-items:center;width:100%;box-sizing:border-box}.integration-icon{width:36px;height:36px;margin-right:6px;flex-shrink:0}.integration-icon img{width:20px;height:20px}.integration-content{flex:1;min-width:0;text-align:left;overflow:hidden;max-width:calc(100% - 110px)}.integration-title{font-size:12px;margin-bottom:4px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.integration-checkbox{justify-content:flex-start}.integration-checkbox label{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;display:block}.integration-checkbox input[type=checkbox]{width:12px;height:12px;flex-shrink:0}.integration-button{height:32px;font-size:10px;min-width:80px;max-width:90px;margin-left:4px;flex-shrink:0;padding:0 6px;white-space:nowrap}.integration-button.primary{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.upload-dragger{padding:16px 8px;min-height:80px}.upload-icon{font-size:16px;margin-bottom:6px}.upload-text{font-size:11px}.attachment-preview{width:32px;height:32px}.attachment-name{font-size:12px}.attachment-details{font-size:10px}.action-btn{width:28px;height:28px}.add-status-button{height:40px;font-size:13px}}@media (min-width: 1400px){.settings-card{max-width:1200px;margin:0 auto}.integration-item{padding:24px}.integration-icon{width:64px;height:64px}.integration-icon img{width:36px;height:36px}.upload-dragger{padding:50px 24px;min-height:140px}}@media (max-width: 360px){.ant-tabs-nav-list{padding:2px!important;gap:0px!important;width:fit-content!important;max-width:100%!important;justify-content:center!important}.ant-tabs-tab{padding:6px 2px!important;font-size:9px!important;margin-right:0!important}.integration-checkbox label{max-width:80px!important;font-size:10px!important;display:block!important}.integration-title{font-size:11px!important;max-width:80px!important}.integration-button{min-width:70px!important;max-width:80px!important;font-size:9px!important;padding:0 4px!important;white-space:nowrap!important}.integration-button.primary{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.integration-content{max-width:calc(100% - 100px);overflow:hidden}.integration-item{padding:8px!important;gap:4px!important}}.login-container{display:flex;height:100vh;background:#f7fafc;min-width:98vw;align-items:center}.login-form-container{flex:1;max-width:450px;padding-top:2px;display:flex;flex-direction:column;justify-content:center}@media (min-width: 900px){.login-container{flex-direction:row}.login-form-container-main{flex:0 0 46%;max-width:54%;margin:0}}@media (max-width: 1400px){.logo-img img{width:47vw;height:100%!important}}@media (min-width: 1400px){.logo-img img{width:47vw;height:100%!important}}.login-image-container{position:relative;flex:1.1;background:#3c5480;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;min-height:98vh;border-radius:40px;margin-right:10px}.circle-bg{position:absolute;width:600px;height:600px;top:-7%;right:-35%;background:#ffffff1a;border-radius:90%;z-index:1;transform-origin:100% 0%;transform:rotate(45deg)}.logo-img{position:relative;z-index:2;height:90vh}.logo-img img{height:100%;object-fit:cover;border-top-left-radius:10px;border-bottom-left-radius:10px}.logo{font-size:44px;font-weight:700;color:#3c5480}.title{font-size:48px;color:#171923;margin-bottom:10px;font-weight:700}.subtitle{font-size:18px;color:#718096;margin-bottom:12px}.form-group{margin-bottom:14px;display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-size:16px;color:#718096}.form-group input{padding:12px 16px;font-size:16px;border:1px solid #cbd5e0;border-radius:12px;outline:none;background-color:transparent!important}.eye-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:18px;border-left:2px solid #cbd5e0;padding-left:8px}.form p{margin-top:-12px;margin-bottom:16px;font-size:13px;color:#dc2626}.actions-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.actions-row label{font-size:16px;color:#718096}.forgot-link{font-size:16px;color:#3c5480;text-decoration:underline}.forgot-link:hover{text-decoration:underline}.submit-btn{width:100%;font-size:16px;font-weight:500;background:#3c5480;color:#fff;border:none;border-radius:6px;cursor:pointer}.submit-btn:hover{background:#2e4368}@media (max-width: 900px){.login-container{flex-direction:column;justify-content:center!important;align-items:center}.login-image-container{display:none!important}.login-form-container-main,.login-form-container{flex:none;width:auto;margin:0 auto;padding:0 16px}}@media (min-width: 901px) and (max-width: 1400px){.login-form-container{padding-right:1rem;padding-left:8rem}.password-wrapper input{width:79%}}@media (min-width: 1400px){.password-wrapper input{width:79%}.circle-bg{top:-7%;right:-30%}.login-form-container{padding-right:1rem;padding-left:10rem}}.password-wrapper{position:relative}.password-wrapper input{padding:12px 48px 12px 44px;font-size:16px;border:none;border-radius:12px;border:1px solid #cbd5e0;background-color:transparent;outline:none}.password-wrapper .left-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:16px;pointer-events:none}.password-wrapper .eye-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;color:#718096;cursor:pointer}.password-wrapper input:focus{box-shadow:0 0 0 2px #4299e166}.signup-link{padding-top:15px;color:#718096}.appContainer{min-height:100vh}.mainContent{position:absolute;top:64px;left:var(--sidebar-width);right:0;bottom:0;padding:20px;background:#fff;overflow-x:hidden}.contentWrapper{background-color:#fff;border-radius:15px;padding:24px;margin-bottom:60px;border:1px solid #e6e6e6}@media (max-width: 991px){.contentWrapper .ant-row .ant-col{flex:0 0 100%!important;max-width:100%!important}}.footer{z-index:50;position:fixed;bottom:0;left:var(--sidebar-width);right:0;height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border-top:1px solid #f0f0f0;color:#666}.footer a{color:#ef2322;text-decoration:none;margin-left:5px}.footer a:hover{text-decoration:underline}.heartIcon{color:#ef2322;margin:0 5px;animation:heartBeat 1.5s ease infinite}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}:global(header){background:#fff}:global(.sidebar){position:fixed;top:64px;left:0;bottom:0;height:calc(100vh - 64px);z-index:900}@media (max-width: 991px){:global(.sidebar){display:none!important}.mainContent{top:64px;left:0!important;width:100%!important;min-width:100%!important;margin-left:0!important;padding:28px 0 8px;overflow-x:hidden}.footer{left:0!important}}._header_1orzv_1{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid #e2e8f0;position:sticky;height:64px;min-width:calc(96.5% - var(--sidebar-width));background:#fff;position:fixed;top:0;left:var(--sidebar-width);z-index:1000}._designDesk_1orzv_20{display:flex}._heading_1orzv_24{font-size:24px!important;color:#131313;font-weight:600}._rightContainer_1orzv_30{display:flex;align-items:center;gap:15px}._userInfo_1orzv_36{cursor:pointer}._userProfile_1orzv_40{display:flex;align-items:center;gap:12px}._userDetails_1orzv_46{text-align:left}._drop-down-header_1orzv_49{color:#313131!important}._userName_1orzv_53{margin:0;font-size:18px;font-weight:600;color:#131313}._userDesignation_1orzv_60{margin:0;font-size:12px;color:#666}.ant-dropdown{margin-top:35px}.ant-dropdown-menu-item{padding:8px 16px!important}._divider_1orzv_74{margin:8px 0}._notificationBell_1orzv_78{font-size:20px;cursor:pointer;color:#64748b}._notificationContainer_1orzv_84{min-width:300px}._notificationTime_1orzv_88{font-size:12px;color:gray}._wFull_1orzv_93{width:100%}._notificationContent_1orzv_97{max-width:200px}@media (max-width: 991px){._header_1orzv_1{margin-left:0!important;padding:9px 9px 24px 52px;left:0!important;width:88%!important;min-width:88%!important;justify-content:space-between}._heading_1orzv_24{font-size:14px!important}._userName_1orzv_53{font-size:12px}._header_1orzv_1 ._designDesk_1orzv_20{display:none!important}}:root{--sidebar-width: 240px}._sidebar_ogn9n_5{height:100vh;background:#1e223b;border-right:1px solid #f0f0f0;overflow-y:auto;position:fixed;width:var(--sidebar-width);z-index:1000;display:block;color:#fff!important}@media (max-width: 991px){._sidebar_ogn9n_5{left:0!important;width:100%!important;min-width:100%!important;margin-left:0!important;padding:9px 16px}}._logo_ogn9n_28{height:60px;cursor:pointer;padding-left:25px}._logo_ogn9n_28 img{height:100%;width:120px;object-fit:contain}._sidebar_ogn9n_5,._sidebar_ogn9n_5 img,.ant-menu-item,.ant-menu-submenu-title,.ant-menu-inline .ant-menu-item a,.ant-menu-inline .ant-menu-submenu-title .ant-menu-title-content{color:#fff!important;font-size:14px;font-weight:500}._sidebar_ogn9n_5::-webkit-scrollbar{display:none}._sidebar_ogn9n_5{-ms-overflow-style:none;scrollbar-width:none}.ant-menu{height:100%;padding-top:16px;padding-bottom:400px;background:transparent}.ant-menu-inline{border-right:none}.ant-menu-item-selected{background-color:#3b557f!important;color:#fff!important}.ant-menu-item:not(.ant-menu-item-selected):hover,.ant-menu-submenu-title:hover{color:#fff!important}.ant-menu-item-selected:hover{color:#fff!important}.ant-menu-submenu-selected>.ant-menu-submenu-title{color:#3c5480!important}.ant-menu-item:after{border-right-color:#fff!important}.ant-menu-item,.ant-menu-submenu-title{display:flex;align-items:center;gap:10px}header{position:relative;z-index:1000}.ant-menu-sub.ant-menu-inline{background:#fff!important}.ant-menu-inline .ant-menu-sub{transition:background .3s ease}._emptySpace_ogn9n_103{height:200px;width:100%}._drawerHeader_ogn9n_108{display:flex;align-items:center;justify-content:space-between;padding:0 16px}._drawerLogo_ogn9n_114{height:40px;object-fit:contain}._hamburger_ogn9n_119{position:fixed;top:24px;left:16px;z-index:1100;display:none}@media (max-width: 991px){._sidebar_ogn9n_5{display:none!important}._hamburger_ogn9n_119{display:inline-flex!important;background-color:#3c5480!important;color:#f0f0f0}}@media (min-width: 992px){._hamburger_ogn9n_119{display:none!important}}._content_ogn9n_144{margin-left:var(--sidebar-width);transition:margin .3s}@media (max-width: 991px){._content_ogn9n_144{margin-left:0!important}}.ant-drawer-content-wrapper,.ant-drawer-content,.ant-drawer-header,.ant-drawer-body{background:#1e223b}.ant-drawer-mask{background:#1e223bd9!important}._logoDrawer_ogn9n_170{color:#fff}