:root{--green:#ef1423;--brand:#ef1423;--brand-dark:#c90d1a;--brand-soft:#fff0f1;--brand-line:#f4b8bd;--line:#f0cfd2;--border-soft:#f3dfe1;--border-strong:#efaeb4;--surface-red:snow;--border-page:#efd6d9;--border-divider:#f4e3e5;--border-hover:#eeadb3;--border-active:#ff8e99}body{background:#faf8f8}.sidebar{color:#657184;background:#fff;border-right:1px solid #f1c9cc;width:270px;padding:24px 16px 18px;box-shadow:10px 0 35px #57161c0a}.main-area{margin-left:270px}.brand{color:#20252f;border-bottom:1px solid var(--border-page);height:70px;margin-bottom:20px;padding:0 7px 18px}.brand .brand-logo{gap:12px;height:42px}.brand-home-link{color:inherit;border-radius:12px;outline:none;align-items:center;text-decoration:none;display:inline-flex}.brand-home-link:focus-visible{box-shadow:0 0 0 3px #ef142324}.brand .brand-logo-mark{object-fit:contain;background:#fff;border:1px solid #f3c1c5;border-radius:12px;width:42px;height:42px;padding:7px}.brand .brand-logo-name{color:#20252f;font-size:21px;font-weight:800}.brand .brand-logo-name:first-letter{color:var(--brand)}.mobile-close{color:var(--brand-dark)}.nav-section-label{color:#aa989a;letter-spacing:1.2px;text-transform:uppercase;margin:0 12px 10px;font-size:8px;font-weight:800}.nav-list{scrollbar-width:thin;gap:5px;overflow:hidden auto}.nav-item{color:#717d8e;border:1px solid #0000;border-radius:10px;min-height:44px;padding:0 13px;font-size:12px;font-weight:650;transition:color .18s,background-color .18s,border-color .18s,transform .18s}.nav-item svg{flex:none}.nav-item:hover{color:#c80d1a;background:#fff7f7;border-color:#f7d8da;transform:translate(2px)}.nav-item.active,.nav-group.current>.nav-group-trigger{color:#d20d1b;border-color:var(--border-active);background:linear-gradient(90deg,#fff0f1,#fff8f8);box-shadow:0 5px 16px #d70f1d12}.nav-group.current>.nav-group-trigger{font-weight:800}.nav-chevron{color:#9da5b0;margin-left:auto}.nav-group.current .nav-chevron{color:var(--brand)}.nav-submenu{gap:3px;margin:4px 0 8px 19px;padding:3px 0 3px 17px}.nav-submenu:before{background:#f2b7bc;border-radius:2px;width:2px;left:0}.nav-submenu a{color:#7c8593;border:1px solid #0000;border-radius:8px;min-height:36px;padding:0 11px;font-size:10px;position:relative}.nav-submenu a:hover{color:#c80d1a;background:#fff7f7;border-color:#f8e0e2}.nav-submenu a.active{color:#bd0b17;border-color:var(--border-active);background:#fff0f1;font-weight:800;position:relative}.nav-submenu a.active:before{content:"";background:var(--brand);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:8px;left:-19px}.sidebar-account{border-top:1px solid #f1e4e5;align-items:center;gap:10px;margin-top:auto;padding:13px 9px 0;display:flex}.sidebar-account .avatar{color:#c90d1a;background:#ffe1e4;border-radius:9px}.sidebar-account>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sidebar-account strong{color:#27303b;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sidebar-account small{color:#959daa;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.sidebar-account>a{color:#9ca4ae;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.sidebar-account>a:hover{color:var(--brand);background:var(--brand-soft)}.topbar{border-bottom-color:#f2cfd2;box-shadow:0 3px 15px #4e111608}.menu-button{color:var(--brand-dark);border-color:#f1c9cc;transition:color .18s,background-color .18s,border-color .18s;display:grid}.menu-button:hover,.menu-button[aria-pressed=true]{color:#fff;background:var(--brand);border-color:var(--brand)}.notification-button{border:1px solid #0000}.notification-button:hover,.notification-button.active{border-color:#f2c8cc}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#240d108c}.app-footer{z-index:12;color:#947d80;border-top:1px solid var(--border-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;flex:none;min-height:64px;position:relative;box-shadow:0 -6px 20px #67121a0a}.page-content{padding-bottom:0}.app-shell,.main-area{height:100dvh;overflow:hidden}.topbar,.app-footer{flex:none}.page-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9aa0a6 #f4f5f6;overflow:hidden auto}.page-content::-webkit-scrollbar{width:10px;height:10px}.page-content::-webkit-scrollbar-track{background:#f4f5f6}.page-content::-webkit-scrollbar-thumb{background:#9aa0a6;border:2px solid #f4f5f6;border-radius:999px}.page-content::-webkit-scrollbar-thumb:hover{background:#747b82}.page-content::-webkit-scrollbar-corner{background:#f4f5f6}.page-content::-webkit-scrollbar-button{background-color:#f4f5f6;background-position:50%;background-repeat:no-repeat;background-size:7px 7px;width:14px;height:14px}.page-content::-webkit-scrollbar-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='m1 5.5 3-3 3 3' fill='none' stroke='%23747b82' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.page-content::-webkit-scrollbar-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='m1 2.5 3 3 3-3' fill='none' stroke='%23747b82' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.page-content::-webkit-scrollbar-button:hover{background-color:#e3e6e8}html[data-theme=dark] .page-content{scrollbar-color:#777274 #211a1c}html[data-theme=dark] .page-content::-webkit-scrollbar-track{background:#211a1c}html[data-theme=dark] .page-content::-webkit-scrollbar-corner{background:#211a1c}html[data-theme=dark] .page-content::-webkit-scrollbar-thumb{background:#777274;border-color:#211a1c}html[data-theme=dark] .page-content::-webkit-scrollbar-thumb:hover{background:#969092}html[data-theme=dark] .page-content::-webkit-scrollbar-button{background-color:#211a1c}html[data-theme=dark] .page-content::-webkit-scrollbar-button:hover{background-color:#342a2d}.app-footer p:before{content:"";background:var(--brand);width:6px;height:6px;box-shadow:0 0 0 4px var(--brand-soft);vertical-align:1px;border-radius:50%;margin-right:8px;display:inline-block}.app-footer span{color:var(--brand-dark)}.crud-form input,.crud-form select,.crud-form textarea,.inline-crud-form input,.inline-crud-form select,.editable-row textarea,.editable-row input[name=title],.create-user-form input,.create-user-form select,.workspace-create-form input,.role-form input,.inline-progress-form input,.inline-progress-form select,.bulk-controls select,.bulk-controls button{border-color:var(--border-soft)}.crud-form input:hover,.crud-form select:hover,.crud-form textarea:hover,.inline-crud-form input:hover,.inline-crud-form select:hover,.create-user-form input:hover,.create-user-form select:hover,.workspace-create-form input:hover,.inline-progress-form input:hover,.inline-progress-form select:hover{border-color:var(--border-strong)}.notification-button,.menu-button,.row-menu>button{border-color:var(--border-soft)}.secondary-action,.row-actions button,.role-form button,.danger-button,.primary-link-button,.primary-action{border:1px solid #0000}.secondary-action,.row-actions button,.role-form button{border-color:#f4c9cd}.danger-button{border-color:#f2bfc3}.status-pill,.role-badge,.verified,.unverified,.active-user,.inactive-user,.priority,.status{border:1px solid #dc28361a}.sidebar,.main-area{transition:width .24s,margin-left .24s,transform .24s}.sidebar-collapsed .sidebar{width:86px;padding-inline:14px}.sidebar-collapsed .main-area{margin-left:86px}.sidebar-collapsed .brand{justify-content:center;padding:0 0 18px}.sidebar-collapsed .brand .brand-logo{gap:0}.sidebar-collapsed .brand .brand-logo-name,.sidebar-collapsed .workspace,.sidebar-collapsed .nav-section-label,.sidebar-collapsed .nav-item>span,.sidebar-collapsed .nav-chevron,.sidebar-collapsed .nav-submenu,.sidebar-collapsed .sidebar-account>div,.sidebar-collapsed .sidebar-account>a{display:none}.sidebar-collapsed .nav-list{gap:7px;margin-top:24px;overflow:hidden auto}.sidebar-collapsed .nav-item{justify-content:center;width:56px;min-height:46px;margin:0 auto;padding:0}.sidebar-collapsed .nav-item:hover{transform:none}.sidebar-collapsed .nav-group.current>.nav-group-trigger,.sidebar-collapsed .nav-item.active{color:var(--brand);border-color:var(--border-active);background:#fff0f1;box-shadow:0 5px 16px #d70f1d14}.sidebar-collapsed .sidebar-account{justify-content:center;padding-inline:0}.sidebar-collapsed .sidebar-account .avatar{width:38px;height:38px}@media (max-width:760px){.sidebar{transform:translate(-100%)}.sidebar-open{transform:translate(0)}.main-area{margin-left:0}.sidebar-collapsed .sidebar{width:270px;padding:24px 16px 18px}.sidebar-collapsed .brand{justify-content:flex-start;padding:0 7px 18px}.sidebar-collapsed .brand .brand-logo{gap:12px}.sidebar-collapsed .brand .brand-logo-name,.sidebar-collapsed .workspace,.sidebar-collapsed .nav-section-label,.sidebar-collapsed .nav-item>span,.sidebar-collapsed .nav-chevron,.sidebar-collapsed .sidebar-account>div,.sidebar-collapsed .sidebar-account>a,.sidebar-collapsed .nav-submenu{display:flex}.sidebar-collapsed .nav-list{gap:5px;margin-top:0;overflow-y:auto}.sidebar-collapsed .nav-item{justify-content:flex-start;width:100%;min-height:44px;margin:0;padding:0 13px}.sidebar-collapsed .sidebar-account{justify-content:flex-start;padding:13px 9px 0}}.user-table-wrap,.task-table-wrap{scrollbar-width:thin;scrollbar-color:#9aa0a6 #eef0f2;position:relative;overflow:auto hidden}.user-table-wrap::-webkit-scrollbar{width:10px;height:10px}.task-table-wrap::-webkit-scrollbar{width:10px;height:10px}.user-table-wrap::-webkit-scrollbar-track{background:#eef0f2;border-top:1px solid #dfe3e6}.task-table-wrap::-webkit-scrollbar-track{background:#eef0f2;border-top:1px solid #dfe3e6}.user-table-wrap::-webkit-scrollbar-thumb{background:#9aa0a6;border:2px solid #eef0f2;border-radius:999px}.task-table-wrap::-webkit-scrollbar-thumb{background:#9aa0a6;border:2px solid #eef0f2;border-radius:999px}.user-table-wrap::-webkit-scrollbar-thumb:hover{background:#747b82}.task-table-wrap::-webkit-scrollbar-thumb:hover{background:#747b82}.user-table-wrap::-webkit-scrollbar-button{background-color:#f4f5f6;background-position:50%;background-repeat:no-repeat;background-size:7px 7px;width:14px;height:14px}.task-table-wrap::-webkit-scrollbar-button{background-color:#f4f5f6;background-position:50%;background-repeat:no-repeat;background-size:7px 7px;width:14px;height:14px}.user-table-wrap::-webkit-scrollbar-corner{background:#eef0f2}.task-table-wrap::-webkit-scrollbar-corner{background:#eef0f2}:is(.user-table-wrap:has(>.table-pagination),.task-table-wrap:has(>.table-pagination)){overflow:visible}:is(.user-table-wrap:has(>.table-pagination)>.table-scroll-viewport>table,.task-table-wrap:has(>.table-pagination)>.table-scroll-viewport>table){width:100%}:is(.user-table-wrap:has(>.table-pagination)>.table-pagination,.task-table-wrap:has(>.table-pagination)>.table-pagination){width:100%;min-width:100%;position:relative}.table-scroll-viewport{scrollbar-width:thin;scrollbar-color:#9aa0a6 #f4f5f6;background:#fff;width:100%;max-width:100%;overflow:auto hidden}.table-scroll-viewport::-webkit-scrollbar{width:10px;height:10px}.table-scroll-viewport::-webkit-scrollbar-track{background:#f4f5f6;border-top:1px solid #dfe3e6}.table-scroll-viewport::-webkit-scrollbar-thumb{background:#9aa0a6;border:2px solid #f4f5f6;border-radius:999px}.table-scroll-viewport::-webkit-scrollbar-thumb:hover{background:#747b82}.table-scroll-viewport::-webkit-scrollbar-button{background-color:#f4f5f6;background-position:50%;background-repeat:no-repeat;background-size:7px 7px;width:14px;height:14px}.table-scroll-viewport::-webkit-scrollbar-corner{background:#f4f5f6}.table-scroll-viewport::-webkit-scrollbar-button:horizontal:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M5.5 1 2.5 4l3 3' fill='none' stroke='%23747b82' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.user-table-wrap::-webkit-scrollbar-button:horizontal:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M5.5 1 2.5 4l3 3' fill='none' stroke='%23747b82' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.task-table-wrap::-webkit-scrollbar-button:horizontal:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M5.5 1 2.5 4l3 3' fill='none' stroke='%23747b82' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.table-scroll-viewport::-webkit-scrollbar-button:horizontal:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='m2.5 1 3 3-3 3' fill='none' stroke='%23747b82' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.user-table-wrap::-webkit-scrollbar-button:horizontal:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='m2.5 1 3 3-3 3' fill='none' stroke='%23747b82' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.task-table-wrap::-webkit-scrollbar-button:horizontal:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='m2.5 1 3 3-3 3' fill='none' stroke='%23747b82' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.table-scroll-viewport::-webkit-scrollbar-button:hover{background-color:#e3e6e8}.user-table-wrap::-webkit-scrollbar-button:hover{background-color:#e3e6e8}.task-table-wrap::-webkit-scrollbar-button:hover{background-color:#e3e6e8}.panel>.user-table-wrap:last-child,.panel>.task-table-wrap:last-child,.data-card>.user-table-wrap:last-child,.data-card>.task-table-wrap:last-child,.data-table-section>.user-table-wrap:last-child,.data-table-section>.task-table-wrap:last-child{background:0 0;border-radius:0 0 11px 11px}.panel .user-table tbody tr:last-child td:first-child,.data-card .user-table tbody tr:last-child td:first-child,.data-table-section .user-table tbody tr:last-child td:first-child{border-bottom-left-radius:11px}.panel .user-table tbody tr:last-child td:last-child,.data-card .user-table tbody tr:last-child td:last-child,.data-table-section .user-table tbody tr:last-child td:last-child{border-bottom-right-radius:11px}:is(.user-table:has(.crud-action-form) th:last-child,.user-table:has(.crud-action-form) td:last-child,.user-table:has(.crud-action-select) th:last-child,.user-table:has(.crud-action-select) td:last-child,.crud-data-table th:last-child,.crud-data-table td:last-child){z-index:3;width:155px;min-width:155px;box-shadow:none;background:#fff;border-left:0;position:sticky;right:0}:is(.user-table:has(.crud-action-form) th:last-child,.user-table:has(.crud-action-select) th:last-child,.crud-data-table th:last-child){z-index:4;background:#fff6f7}:is(.user-table:has(.crud-action-form) th:last-child,.user-table:has(.crud-action-form) td:last-child,.user-table:has(.crud-action-select) th:last-child,.user-table:has(.crud-action-select) td:last-child,.crud-data-table th:last-child,.crud-data-table td:last-child){text-align:center}:is(.user-table:has(.crud-action-form) tr:hover td:last-child,.user-table:has(.crud-action-select) tr:hover td:last-child,.crud-data-table tr:hover td:last-child){background:snow}.subtask-monitor{color:#303740;flex-direction:column;gap:5px;min-width:150px;text-decoration:none;display:flex}.subtask-monitor>span{align-items:center;gap:7px;display:flex}.subtask-monitor b{font-size:10px}.subtask-monitor i{color:var(--brand-dark);background:var(--brand-soft);border-radius:9px;padding:3px 6px;font-size:7px;font-style:normal;font-weight:800}.subtask-monitor small{color:#897a7d;text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:8px;overflow:hidden}.subtask-monitor:hover b,.subtask-monitor:hover small{color:var(--brand-dark)}.tasks-data-table{table-layout:fixed;min-width:1160px}.tasks-data-table .task-col-select{width:44px}.tasks-data-table .task-col-number{width:52px}.tasks-data-table .task-col-title{width:190px}.tasks-data-table .task-col-project{width:175px}.tasks-data-table .task-col-pic{width:135px}.tasks-data-table .task-col-status{width:118px}.tasks-data-table .task-col-subtask{width:215px}.tasks-data-table .task-col-progress{width:140px}.tasks-data-table .task-col-weight{width:68px}.tasks-data-table .task-col-action{width:155px}.tasks-data-table th,.tasks-data-table td{padding-left:13px;padding-right:13px}.tasks-data-table tbody td{height:78px}.task-title-cell,.task-project-cell,.task-pic-cell{overflow-wrap:break-word;word-break:normal;line-height:1.45}.task-title-cell .task-name-link{color:#252b34;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.task-project-cell strong{color:#303740;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.task-project-cell .table-subline{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;overflow:hidden}.task-pic-cell{color:#303740}.task-weight-cell{text-align:center;font-weight:800}.tasks-data-table .progress-cell{min-width:0}.tasks-data-table .progress-cell>span{flex:1;width:auto}.tasks-data-table .subtask-monitor{min-width:0}.tasks-data-table .subtask-monitor small{max-width:100%}.projects-data-table{table-layout:fixed;min-width:1000px}.projects-data-table .project-col-select{width:44px}.projects-data-table .project-col-number{width:52px}.projects-data-table .project-col-name{width:245px}.projects-data-table .project-col-workspace{width:185px}.projects-data-table .project-col-pic{width:175px}.projects-data-table .project-col-period{width:205px}.projects-data-table .project-col-status{width:105px}.projects-data-table .project-col-action{width:155px}.projects-data-table th,.projects-data-table td{padding-left:14px;padding-right:14px}.projects-data-table tbody td{height:72px}.projects-data-table.read-only-table td:nth-child(2),.projects-data-table.read-only-table th:nth-child(2){text-align:left;width:auto}.projects-data-table strong{overflow-wrap:normal;word-break:normal;line-height:1.45}@media (max-width:760px){:is(.user-table:has(.crud-action-form) th:last-child,.user-table:has(.crud-action-form) td:last-child,.user-table:has(.crud-action-select) th:last-child,.user-table:has(.crud-action-select) td:last-child,.crud-data-table th:last-child,.crud-data-table td:last-child){width:142px;min-width:142px}}.data-table-toolbar,.subtask-panel-heading{min-height:66px}.data-table-toolbar>div:first-child h2,.subtask-panel-heading h2{color:#242a32;font-size:13px}.data-table-toolbar>div:first-child p,.subtask-panel-heading p{color:#8d7a7d;font-size:8px}.enterprise-datetime{grid-template-columns:minmax(0,1.45fr) minmax(110px,.75fr);gap:8px;width:100%;display:grid}.enterprise-datetime>label{gap:5px;min-width:0}.enterprise-datetime small{color:#8d7a7d;text-transform:uppercase;font-size:7px;font-weight:800}.enterprise-datetime input[type=date],.enterprise-datetime input[type=time],.enterprise-time-control>input{color:#252b34;border:1px solid var(--border-page);width:100%;height:40px;font:inherit;background:#fff;border-radius:7px;outline:0;padding:0 11px;font-size:10px;font-weight:700}.enterprise-time-control{min-width:0;display:block;position:relative}.enterprise-time-control>input{padding-right:30px}.enterprise-time-control>span{border-left:1px solid var(--border-page);grid-template-rows:1fr 1fr;width:27px;display:grid;position:absolute;top:1px;bottom:1px;right:1px}.enterprise-time-control button{color:#887679;background:snow;border:0;place-items:center;padding:0;font-size:7px;line-height:1;display:grid}.enterprise-time-control button:first-child{border-radius:0 6px 0 0}.enterprise-time-control button:last-child{border-top:1px solid var(--border-page);border-radius:0 0 6px}.enterprise-time-control button:hover{color:#fff;background:var(--brand)}.enterprise-datetime input:hover{border-color:var(--border-hover);background:snow}.enterprise-datetime input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #ef142317}.meeting-schedule-status select{margin-top:17px}@media (max-width:760px){.meeting-schedule-status select{margin-top:0}}@media (max-width:520px){.enterprise-datetime{grid-template-columns:1fr}}.meeting-detail-form{grid-template-columns:repeat(6,minmax(0,1fr))}.meeting-detail-form>label:first-of-type{grid-column:span 4}.meeting-detail-form>label:nth-of-type(2){grid-column:span 2}.meeting-detail-form>label:nth-of-type(3),.meeting-detail-form>label:nth-of-type(4){grid-column:span 3}.meeting-detail-form>label:nth-of-type(n+5),.meeting-detail-form>button{grid-column:1/-1}@media (max-width:760px){.meeting-detail-form{grid-template-columns:1fr}.meeting-detail-form>label,.meeting-detail-form>button{grid-column:1!important}}.enterprise-dashboard{flex-direction:column;gap:16px;max-width:1500px;display:flex}.dashboard-hero{color:#fff;background:linear-gradient(120deg,#b40d1a,#df1726);border-radius:13px;justify-content:space-between;align-items:center;gap:24px;min-height:108px;padding:22px 24px;display:flex;box-shadow:0 8px 22px #920a171c}.dashboard-hero>div:first-child>span{letter-spacing:1.2px;opacity:.72;font-size:8px;font-weight:900}.dashboard-hero h1{letter-spacing:-.6px;margin:7px 0 6px;font-size:25px}.dashboard-hero p{color:#ffe7e9;margin:0;font-size:10px}.dashboard-quick-actions{align-items:center;gap:8px;display:flex}.dashboard-quick-actions a{min-height:38px;color:var(--brand-dark);background:#fff;border:1px solid #fff;border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-size:9px;font-weight:850;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.dashboard-quick-actions a:last-child{color:#fff;background:#ffffff18;border-color:#ffffff4d}.dashboard-quick-actions a:hover{background:#fff5f6;transform:none}.dashboard-quick-actions a:last-child:hover{background:#ffffff2b}.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.dashboard-kpi{border:1px solid var(--border-page);background:#fff;border-radius:13px;min-height:124px;padding:17px 18px;box-shadow:0 8px 24px #2812140d}.dashboard-kpi,.analytics-panel,.dashboard-list-panel,.employee-kpi-panel{transition:transform .2s,border-color .2s,box-shadow .2s}.dashboard-kpi:hover,.analytics-panel:hover,.dashboard-list-panel:hover,.employee-kpi-panel:hover{z-index:2;border-color:#efc7ca;position:relative;transform:translateY(-1px);box-shadow:0 10px 25px #46191d14}.dashboard-kpi-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-kpi-top>span{color:#796e70;font-size:9px;font-weight:750}.dashboard-kpi-top>i{border-radius:9px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.dashboard-kpi>strong{color:#222831;letter-spacing:-.6px;margin-top:9px;font-size:25px;display:block}.dashboard-kpi>small{color:#96898b;margin-top:6px;font-size:8px;display:block}.dashboard-kpi.tone-red .dashboard-kpi-top>i{color:var(--brand);background:#ffe6e9}.dashboard-kpi.tone-purple .dashboard-kpi-top>i{color:#7056c7;background:#eee9ff}.dashboard-kpi.tone-orange .dashboard-kpi-top>i{color:#d56632;background:#ffeadf}.dashboard-kpi.tone-blue .dashboard-kpi-top>i{color:#2976a5;background:#e3f2fa}.dashboard-kpi.tone-green .dashboard-kpi-top>i{color:#16805b;background:#e0f4eb}.dashboard-analytics-grid{grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(250px,.9fr));gap:13px;display:grid}.analytics-panel{min-height:250px;padding:0}.analytics-heading{border-bottom:1px solid var(--border-divider);justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:16px 18px;display:flex}.analytics-heading h2{color:#282d35;margin:0 0 4px;font-size:13px}.analytics-heading p{color:#928589;margin:0;font-size:8px}.analytics-heading>a{color:var(--brand-dark);white-space:nowrap;align-items:center;gap:3px;font-size:8px;font-weight:800;text-decoration:none;display:inline-flex}.analytics-heading>a:hover{text-underline-offset:3px;text-decoration:underline}.chart-eyebrow{color:var(--brand);letter-spacing:1px;margin-bottom:5px;font-size:7px;font-weight:900;display:block}.trend-chart{align-items:stretch;gap:11px;height:183px;padding:22px 20px 15px;display:flex}.trend-column{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.trend-column>span{background:linear-gradient(#fff,#fff6f7);border-bottom:1px solid #eadadd;border-radius:7px 7px 0 0;flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative}.trend-column>span>i{background:linear-gradient(#f43a47,var(--brand));border-radius:6px 6px 2px 2px;width:min(28px,65%);min-height:3px;transition:height .25s;display:block}.trend-column>span>b{color:#827476;font-size:8px;position:absolute;top:-3px}.trend-column>small{color:#94878a;text-transform:capitalize;font-size:8px}.distribution{padding:22px 18px 17px}.distribution-bar{background:#f3eded;border-radius:99px;height:10px;display:flex;overflow:hidden}.distribution-bar>i{min-width:2px;height:100%}.segment-planned{background:#d9b03e}.segment-active{background:var(--brand)}.segment-hold{background:#8d79d6}.segment-completed{background:#29a477}.segment-cancelled{background:#b8adaf}.distribution-legend{grid-template-columns:1fr 1fr;gap:11px 14px;margin-top:19px;display:grid}.distribution-legend>div{grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;display:grid}.distribution-legend i{border-radius:50%;width:7px;height:7px}.distribution-legend span{color:#756a6d;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.distribution-legend b{color:#302d33;font-size:9px}.donut-layout{grid-template-columns:116px minmax(0,1fr);align-items:center;gap:18px;min-height:174px;padding:17px 18px 15px;display:grid}.donut-chart{aspect-ratio:1;place-items:center;width:116px;display:grid;position:relative}.donut-chart>svg{width:calc(100% + 10px);height:calc(100% + 10px);position:absolute;inset:-5px;overflow:visible;transform:rotate(-90deg)}.donut-track,.donut-slice{fill:none;stroke-width:24px}.donut-track{stroke:#efe8e9}.donut-slice{cursor:pointer;transform-box:fill-box;transform-origin:50%;transition:stroke-width .18s,filter .18s,opacity .18s}.donut-chart:has(.donut-slice:hover) .donut-slice:not(:hover){opacity:.55}.donut-slice:hover{stroke-width:29px;filter:drop-shadow(3px 5px 4px #36181c38)}.donut-chart>div{z-index:1;aspect-ratio:1;pointer-events:none;background:#fff;border-radius:50%;place-content:center;justify-items:center;width:59%;display:grid;position:relative;box-shadow:0 3px 14px #32141712}.donut-chart strong{color:#252832;font-size:19px;line-height:1}.donut-chart small{color:#a09295;margin-top:5px;font-size:7px}.donut-legend{grid-template-columns:1fr;gap:8px;margin:0;display:grid}.donut-legend>div{grid-template-columns:7px minmax(0,1fr) auto}.donut-legend b{align-items:baseline;gap:4px;display:flex}.donut-legend b small{color:#aa9da0;font-size:7px;font-weight:650}.attention-strip{border-top:1px solid var(--border-divider);grid-template-columns:repeat(3,1fr);gap:5px;margin:0 18px 16px;padding-top:13px;display:grid}.attention-strip span{color:#94878a;text-align:center;font-size:7px;line-height:1.4}.attention-strip b{color:#3c3436;font-size:10px;display:block}.project-trend-panel{transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.project-trend-panel:hover{border-color:#efc7ca;transform:translateY(-1px);box-shadow:0 10px 25px #46191d14}.project-trend-heading{align-items:center}.project-trend-tools{align-items:flex-end;gap:7px;display:flex}.project-trend-tools>a{height:34px;color:var(--brand-dark);border:1px solid var(--border-page);white-space:nowrap;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:0 11px;font-size:8px;font-weight:800;line-height:1;text-decoration:none;transition:color .18s,background .18s,border-color .18s;display:inline-flex}.project-trend-tools>a:hover{color:#fff;background:var(--brand);border-color:var(--brand)}.project-trend-filter{grid-template-columns:minmax(190px,280px) auto;align-items:end;gap:5px 7px;display:grid}.project-trend-filter label{color:#77696c;grid-column:1/-1;font-size:8px;font-weight:750}.project-trend-filter select{color:#312d31;border:1px solid var(--border-page);width:100%;height:34px;font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:0 30px 0 11px;font-size:9px}.project-trend-filter select:focus{border-color:var(--brand);outline:0;box-shadow:0 0 0 2px #ed1b2d17}.project-trend-filter button{color:#fff;background:var(--brand);border:1px solid var(--brand);cursor:pointer;border-radius:8px;height:34px;padding:0 13px;font-size:8px;font-weight:800;transition:background .18s,box-shadow .18s,transform .18s}.project-trend-filter button:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 5px 12px #d10f1f29}.project-line-chart{padding:10px 18px 14px}.line-chart-legend{justify-content:flex-end;align-items:center;gap:18px;min-height:26px;display:flex}.line-chart-legend span{color:#756a6d;align-items:center;gap:6px;font-size:8px;display:inline-flex}.line-chart-legend i{border-radius:4px;width:18px;height:3px}.line-chart-legend .created{background:var(--brand)}.line-chart-legend .completed{background:#22a978}.project-line-chart svg{width:100%;height:auto;max-height:245px;overflow:visible}.chart-grid-line{stroke:#f0e4e6;stroke-width:1px;stroke-dasharray:4 5}.project-line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.project-line.created{stroke:var(--brand)}.project-line.completed{stroke:#22a978}.project-point{stroke:#fff;stroke-width:3px;vector-effect:non-scaling-stroke}.project-point.created{fill:var(--brand)}.project-point.completed{fill:#22a978}.project-value{text-anchor:middle;font-size:9px;font-weight:800}.project-value.created{fill:var(--brand-dark)}.project-value.completed{fill:#167653}.project-month{fill:#94878a;text-anchor:middle;text-transform:capitalize;font-size:9px}.dashboard-operational-grid{grid-template-columns:minmax(0,1.25fr) minmax(340px,.85fr);gap:13px;display:grid}.employee-kpi-panel{overflow:hidden}.employee-kpi-content{grid-template-columns:280px minmax(0,1fr);align-items:stretch;gap:10px;padding:14px;display:grid}.employee-kpi-chart{border:1px solid var(--border-page);background:#fff;border-radius:11px;min-width:0;padding:14px}.employee-kpi-chart>div:first-child h3{margin:4px 0;font-size:11px}.employee-kpi-chart>div:first-child p{color:#918588;margin:0;font-size:8px}.employee-kpi-chart .donut-layout{grid-template-columns:105px minmax(0,1fr);gap:12px;min-height:150px;padding:10px 0}.employee-kpi-chart .donut-chart{width:105px}.employee-kpi-chart footer{border-top:1px solid var(--border-divider);color:#897d80;justify-content:space-between;align-items:center;padding-top:10px;font-size:8px;display:flex}.employee-kpi-chart footer strong{color:var(--brand-dark);font-size:15px}.employee-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.employee-kpi-card{min-width:0;color:inherit;border:1px solid var(--border-page);background:#fff;border-radius:11px;grid-template-columns:46px minmax(0,1fr);gap:12px;padding:14px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid}.employee-kpi-card:hover{background:#fffafb;border-color:#efc7ca;transform:translateY(-1px);box-shadow:0 7px 18px #46191d12}.employee-kpi-rank{flex-direction:column;align-items:center;gap:7px;display:flex}.employee-kpi-rank>b{color:#a29396;font-size:8px}.employee-kpi-rank>span{color:#fff;background:linear-gradient(145deg,var(--brand),#a60d19);border-radius:11px;place-items:center;width:38px;height:38px;font-size:9px;font-weight:850;display:grid;box-shadow:0 6px 14px #d10f1f2b}.employee-kpi-identity{min-width:0}.employee-kpi-identity h3{color:#2a2e35;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 4px;font-size:10px;overflow:hidden}.employee-kpi-identity p{color:#95888b;text-overflow:ellipsis;white-space:nowrap;margin:0 0 10px;font-size:8px;overflow:hidden}.employee-kpi-identity>div{align-items:center;gap:7px;display:flex}.employee-kpi-identity>div>span{background:#f1e7e8;border-radius:9px;flex:1;height:6px;display:block;overflow:hidden}.employee-kpi-identity>div i{background:linear-gradient(90deg,#ff4c58,var(--brand));border-radius:inherit;height:100%;display:block}.employee-kpi-identity>div b{color:var(--brand-dark);font-size:9px}.employee-kpi-card dl{border-top:1px solid var(--border-divider);grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:6px;margin:3px 0 0;padding-top:10px;display:grid}.employee-kpi-card dl>div{text-align:center;min-width:0}.employee-kpi-card dt{color:#9c9092;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.employee-kpi-card dd{color:#37343a;margin:4px 0 0;font-size:9px;font-weight:850}.employee-kpi-card dd.warning{color:var(--brand-dark)}.dashboard-list-panel{min-height:290px}.enterprise-meeting-list,.priority-task-list{flex-direction:column;display:flex}.enterprise-meeting{min-height:74px;color:inherit;border-bottom:1px solid var(--border-divider);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:11px 16px;text-decoration:none;display:grid}.enterprise-meeting:last-child,.priority-task:last-child{border-bottom:0}.enterprise-meeting:hover,.priority-task:hover{background:#fff9fa}.enterprise-meeting>time{width:42px;height:48px;color:var(--brand-dark);background:var(--brand-soft);text-align:center;border-radius:9px;place-content:center;display:grid}.enterprise-meeting>time strong{font-size:16px}.enterprise-meeting>time small{margin-top:1px;font-size:7px;font-weight:800}.enterprise-meeting>div{min-width:0}.enterprise-meeting>div>div{align-items:center;gap:7px;display:flex}.enterprise-meeting h3{color:#292e35;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;overflow:hidden}.enterprise-meeting p{color:#918588;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 6px;font-size:8px;overflow:hidden}.enterprise-meeting>div>small{color:#796f72;align-items:center;gap:5px;font-size:8px;display:flex}.enterprise-meeting>div>small b{color:var(--brand-dark);margin-left:8px}.enterprise-meeting>svg{color:#b7aaad}.priority-task{min-height:74px;color:inherit;border-bottom:1px solid var(--border-divider);grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 16px;text-decoration:none;display:grid}.priority-dot{background:#d9b03e;border-radius:50%;width:7px;height:7px}.priority-dot.priority-tinggi{background:var(--brand)}.priority-dot.priority-rendah{background:#29a477}.priority-task h3{color:#292e35;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:10px;overflow:hidden}.priority-task p{color:#93878a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:8px;overflow:hidden}.priority-task>div:last-child{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.priority-task time{color:#817679;font-size:8px}.priority-task time.due{color:var(--brand-dark);font-weight:800}.dashboard-empty{min-height:210px}@media (max-width:1180px){.dashboard-analytics-grid{grid-template-columns:1fr 1fr}.dashboard-analytics-grid>article:first-child{grid-column:1/-1}.dashboard-operational-grid,.employee-kpi-grid{grid-template-columns:1fr}}@media (max-width:850px){.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-hero{flex-direction:column;align-items:flex-start}.dashboard-analytics-grid{grid-template-columns:1fr}.dashboard-analytics-grid>article:first-child{grid-column:auto}.employee-kpi-content{grid-template-columns:1fr}.employee-kpi-grid{grid-template-columns:1fr 1fr}.project-trend-heading{flex-direction:column;align-items:stretch}.project-trend-tools{justify-content:space-between;align-items:flex-end}.project-trend-filter{flex:1}}@media (max-width:560px){.dashboard-kpis{grid-template-columns:1fr}.dashboard-quick-actions{width:100%}.dashboard-quick-actions a{flex:1;justify-content:center}.distribution-legend{grid-template-columns:1fr}.donut-layout{grid-template-columns:105px minmax(0,1fr);gap:13px}.donut-chart{width:105px}.attention-strip{grid-template-columns:1fr 1fr 1fr}.employee-kpi-content,.employee-kpi-grid{grid-template-columns:1fr}.enterprise-meeting{grid-template-columns:42px minmax(0,1fr)}.enterprise-meeting>svg{display:none}.enterprise-meeting>div>div{flex-direction:column;align-items:flex-start}.trend-chart{gap:5px;padding-left:12px;padding-right:12px}.project-trend-tools{flex-direction:column;align-items:stretch}.project-trend-tools>a{align-self:flex-end;margin:0}.project-trend-filter{grid-template-columns:minmax(0,1fr) auto;width:100%}.project-line-chart{padding-inline:8px;overflow-x:auto}.project-line-chart svg{width:700px;max-width:none}.dashboard-kpi:hover,.analytics-panel:hover,.project-trend-panel:hover,.dashboard-list-panel:hover,.employee-kpi-panel:hover{transform:none}}.task-detail-heading>div{min-width:0}.task-hierarchy{color:#968083;align-items:center;gap:8px;margin:0 0 10px;font-size:9px;display:flex}.task-hierarchy span{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.task-hierarchy b{color:#c9aeb1}.task-hierarchy strong{color:var(--brand-dark)}.task-detail-meta{flex-wrap:wrap;align-items:center;gap:7px 16px;margin-top:11px;display:flex}.task-detail-meta>span:not(.status-pill){color:#62585b;min-height:20px;box-shadow:none;background:0 0;border:0;border-radius:0;align-items:center;gap:6px;padding:0;font-size:9px;display:inline-flex;position:relative}.task-detail-meta>span:not(.status-pill)+span:not(.status-pill):before{content:"";background:#cab5b8;border-radius:50%;width:3px;height:3px;margin-right:8px}.task-detail-meta>span b{color:#9b7d81;letter-spacing:.5px;text-transform:uppercase;font-size:7px}.task-detail-meta .status-pill{align-items:center;min-height:28px;padding:0 11px}.subtask-panel{padding:0}.subtask-panel-heading{border-bottom:1px solid var(--border-divider);justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 20px 16px;display:flex}.subtask-panel-heading .section-heading{margin:0}.section-eyebrow{color:var(--brand);letter-spacing:1px;margin-bottom:6px;font-size:7px;font-weight:850;display:block}.subtask-progress{text-align:right;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 8px;min-width:150px;display:grid}.subtask-progress strong{color:#252b34;font-size:16px}.subtask-progress>span{background:#f5e5e7;border-radius:99px;grid-column:1/-1;width:100%;height:6px;overflow:hidden}.subtask-progress i{background:var(--brand);border-radius:inherit;height:100%;transition:width .25s;display:block}.subtask-toolbar{align-items:center;gap:14px;display:flex}.subtask-toolbar .subtask-progress{min-width:135px}.subtask-create-popover{width:min(520px,100vw - 340px)}.subtask-table th:last-child,.subtask-table td:last-child{width:155px}.subtask-table tr.completed td:nth-child(2) strong{color:#998b8d;text-decoration:line-through}.subtask-create-form{margin:18px 20px 4px}.subtask-list{border-top:0;margin:0 20px 16px}.subtask-list>article{min-height:58px;padding:10px 0}.subtask-list>article.completed input[name=title]{color:#9a8d8f;background:#fffbfb;text-decoration:line-through}.subtask-empty{border:1px dashed var(--border-page);background:snow;border-radius:9px;margin:0 20px 18px}.task-settings{padding:0}.task-settings>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;list-style:none;display:flex}.task-settings>summary::-webkit-details-marker{display:none}.task-settings>summary>span:first-child{flex-direction:column;gap:4px;display:flex}.task-settings>summary b{font-size:12px}.task-settings>summary small{color:#89777a;font-size:9px;font-weight:400}.task-settings>summary>span:last-child{color:var(--brand-dark);background:var(--brand-soft);border:1px solid var(--border-page);border-radius:7px;padding:7px 10px;font-size:8px;font-weight:800}.task-settings[open]>summary{border-bottom:1px solid var(--border-divider)}.task-settings[open]>summary>span:last-child{color:#fff;background:var(--brand);border-color:var(--brand)}.task-settings>form{padding:20px}@media (max-width:620px){.subtask-panel-heading{flex-direction:column}.subtask-progress{text-align:left;width:100%}.subtask-toolbar{flex-direction:column;align-items:stretch;width:100%}.subtask-toolbar .table-add-button{width:100%}.subtask-toolbar .table-add-button span{display:inline}.subtask-create-form{grid-template-columns:1fr}}.user-detail-card{overflow:hidden}.user-detail-card-header{border-bottom:1px solid var(--border-divider);justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 24px 18px;display:flex}.user-detail-card-header>div{min-width:0}.user-detail-card-header>div>span{color:var(--brand);letter-spacing:1px;margin-bottom:6px;font-size:7px;font-weight:850;display:block}.user-detail-card-header h2{margin:0 0 5px;font-size:16px}.user-detail-card-header p{color:#8d7b7e;margin:0;font-size:9px}.user-state-pill{border:1px solid var(--border-page);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:6px 10px;font-size:8px;font-weight:800;display:inline-flex}.user-state-pill i{border-radius:50%;width:6px;height:6px}.user-state-pill.active{color:#ad101b;background:#fff1f2}.user-state-pill.active i{background:var(--brand)}.user-state-pill.inactive{color:#756a6c;background:#f5f2f2}.user-state-pill.inactive i{background:#968b8d}.user-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:22px 24px}.user-form-submit{grid-column:1/-1;justify-content:flex-end;padding-top:4px;display:flex}.user-primary-button,.user-secondary-button,.user-warning-button,.user-danger-button{min-height:38px;font:inherit;border:1px solid #0000;border-radius:8px;padding:0 14px;font-size:9px;font-weight:800;transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s,transform .18s}.user-primary-button{color:#fff;background:var(--brand);border-color:var(--brand);min-width:145px;box-shadow:0 6px 16px #ef142321}.user-primary-button:hover{background:var(--brand-dark);border-color:var(--brand-dark);transform:translateY(-1px)}.user-secondary-button{color:var(--brand-dark);border-color:var(--border-hover);background:#fff}.user-secondary-button:hover{background:var(--brand-soft);border-color:var(--brand)}.user-warning-button{color:#a74816;background:#fff8ef;border-color:#f1c89f}.user-warning-button:hover{background:#ffefdc;border-color:#e6a460}.user-danger-button{color:#b20f1a;background:#fff;border-color:#efb4b9}.user-danger-button:hover{color:#fff;background:#c90d1a;border-color:#c90d1a}.user-account-section{border-top:1px solid var(--border-divider);border-bottom:1px solid var(--border-divider);background:snow;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);align-items:center;gap:30px;padding:19px 24px;display:grid}.user-account-copy h3{margin:0 0 5px;font-size:12px}.user-account-copy p{color:#8d7c7f;margin:0;font-size:9px;line-height:1.5}.user-account-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.user-account-facts>div{border:1px solid var(--border-page);background:#fff;border-radius:8px;padding:11px 12px}.user-account-facts small,.user-account-facts strong{display:block}.user-account-facts small{color:#9b898c;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px;font-size:7px}.user-account-facts strong{color:#2f343c;font-size:10px}.user-card-actions{justify-content:space-between;align-items:center;gap:14px;padding:16px 24px;display:flex}.user-card-actions>div{align-items:center;gap:8px;display:flex}.user-card-actions form{margin:0}@media (max-width:760px){.user-detail-grid{grid-template-columns:1fr}.user-form-submit{grid-column:1}.user-primary-button{width:100%}.user-account-section{grid-template-columns:1fr;gap:14px}.user-account-facts{grid-template-columns:1fr}.user-card-actions,.user-card-actions>div{flex-direction:column;align-items:stretch}.user-card-actions form,.user-card-actions button{width:100%}}.avatar-purple{background:var(--brand)}.user-avatar{position:relative;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%;display:block}.profile-photo-section{border:1px solid var(--line);background:#fffafb;border-radius:14px;align-items:center;gap:18px;margin:14px 0 22px;padding:16px;display:flex}.profile-photo-trigger{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;padding:0;position:relative}.profile-photo-trigger .user-avatar{color:#fff;background:var(--brand);box-shadow:0 0 0 1px var(--brand-soft), 0 7px 20px #b400141f;border:3px solid #fff;font-size:22px}.profile-photo-trigger>span:last-child{color:#fff;background:var(--brand);border:3px solid #fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:16px;font-weight:700;display:grid;position:absolute;bottom:1px;right:0}.profile-photo-trigger:hover .user-avatar{box-shadow:0 0 0 3px #ffe4e7,0 9px 22px #b400142e}.profile-photo-copy{flex:1;min-width:0}.profile-photo-copy h3{margin:0 0 4px;font-size:13px}.profile-photo-copy p{color:var(--muted);margin:0 0 12px;font-size:10px}.profile-photo-actions{align-items:center;gap:8px;display:flex}.profile-photo-actions button{width:auto;min-height:36px;padding:0 14px}.profile-photo-file{color:var(--muted);margin-top:8px;display:block}.profile-photo-copy .inline-message{margin-top:8px;display:block}.text-danger-action{color:var(--brand);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:10px;font-weight:700}.text-danger-action:hover{text-decoration:underline}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (max-width:560px){.profile-photo-section{align-items:flex-start}.profile-photo-actions{flex-direction:column;align-items:stretch}.profile-photo-actions button{width:100%}}.breadcrumbs>a,.notification-button:hover,.notification-button.active,.table-link,.detail-heading a,.task-table-wrap a,.auth-switch a,.auth-help a,.auth-back-link,.create-disclosure>summary,.kpi-table-score,.notification-actions button,.pagination a{color:var(--brand-dark)}.primary-action,.primary-link-button,.inline-crud-form button,.editable-row button,.create-user-form button,.workspace-create-form button,.auth-submit,.bulk-controls button{color:#fff;background:var(--brand)!important;border-color:var(--brand)!important}.primary-action:hover,.primary-link-button:hover,.inline-crud-form button:hover,.editable-row button:hover{background:var(--brand-dark)!important}.secondary-action,.row-actions button,.role-form button{color:var(--brand-dark);background:var(--brand-soft)}.crud-form input:focus,.crud-form select:focus,.crud-form textarea:focus,.inline-crud-form input:focus,.inline-crud-form select:focus,.editable-row textarea:focus,.auth-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #ef14231c}.progress-cell i,.notification-list article.unread .notification-dot,.verified i,.active-user i{background:var(--brand)}.selectable-table input[type=checkbox]{appearance:none;color:#fff;cursor:pointer;vertical-align:middle;background:#fff;border:1px solid #a99b9d;border-radius:3px;place-content:center;width:16px;height:16px;margin:0;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-grid}.selectable-table input[type=checkbox]:before{content:"";clip-path:polygon(14% 44%,0 59%,38% 96%,100% 23%,84% 8%,37% 68%);background:currentColor;width:9px;height:9px;transition:transform .12s;transform:scale(0)}.selectable-table input[type=checkbox]:checked{background:var(--brand);border-color:var(--brand)}.selectable-table input[type=checkbox]:checked:before{transform:scale(1)}.selectable-table input[type=checkbox]:focus-visible{outline:0;box-shadow:0 0 0 3px #ef14231f}.selectable-table input[type=checkbox]:disabled{cursor:not-allowed;opacity:.72;background:#f4f1f1;border-color:#d8cecf}.selectable-table tr.selected td,.notification-list article.unread{background:#fff4f5}.selectable-table tbody tr:has(>td:first-child input[type=checkbox]:checked) td{background:#fff4f5}.stat-icon.green{color:var(--brand-dark);background:#ffe5e7}.role-badge.role-member,.verified,.active-user{color:#167452;background:#e5f6ef;border-color:#bde8d7}.status-pill,.status{white-space:nowrap;border-radius:999px;align-items:center;min-height:24px;padding:4px 9px;font-size:8px;font-weight:750;line-height:1}.status-todo,.status-draft,.status-draf,.status-belum-dimulai,.status-belum-selesai{color:#5f6872;background:#f0f2f4;border-color:#dce1e5}.status-planned,.status-scheduled,.status-terjadwal,.status-prospek,.status-direncanakan{color:#8a5a00;background:#fff3d6;border-color:#f2d89d}.status-active,.status-aktif,.status-in_progress,.status-ongoing,.status-berjalan,.status-dikerjakan,.status-berlangsung{color:#1769a6;background:#e4f2fc;border-color:#bbddf4}.status-on_hold,.status-ditahan,.status-ditunda{color:#9a4d16;background:#fff0e4;border-color:#f3cfb5}.status-completed,.status-done,.status-selesai{color:#167452;background:#e5f6ef;border-color:#bde8d7}.status-cancelled,.status-dibatalkan,.status-gagal,.status-terlambat{color:#ad1826;background:#ffe8eb;border-color:#f4c1c7}.table-action-readonly{color:#82777a;background:#f4f1f2;border:1px solid #e4dadd;border-radius:7px;align-items:center;min-height:32px;padding:0 10px;font-size:9px;font-weight:700;display:inline-flex}.account-dropdown{width:260px}.account-preference{border-bottom:1px solid var(--border-divider);padding:9px;gap:7px!important;display:grid!important}.account-preference>span{color:#7c6f72;letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:800}.account-preference>div{border:1px solid var(--border-divider);background:#f7f1f2;border-radius:8px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.account-preference button{justify-content:center!important;min-height:30px!important;padding:0 8px!important}.account-preference button.active{box-shadow:0 3px 8px #c80d1a29;color:#fff!important;background:var(--brand)!important}html[data-theme=dark]{--line:#49373a;--border-soft:#49373a;--border-page:#563c40;--border-divider:#49373a;--surface-red:#241d1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] body{color:#f3edef;background:#161214}html[data-theme=dark] .sidebar,html[data-theme=dark] .topbar,html[data-theme=dark] .app-footer,html[data-theme=dark] .panel,html[data-theme=dark] .data-table-section,html[data-theme=dark] .account-dropdown,html[data-theme=dark] .table-pagination,html[data-theme=dark] .table-create-popover,html[data-theme=dark] .crud-child-dialog,html[data-theme=dark] .auth-card{color:#f3edef;background:#211a1c;border-color:#49373a}html[data-theme=dark] .sidebar{box-shadow:10px 0 35px #0003}html[data-theme=dark] .brand,html[data-theme=dark] .brand .brand-logo-name,html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] strong{color:#f7f1f2}html[data-theme=dark] .brand .brand-logo-mark,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .menu-button,html[data-theme=dark] .notification-button,html[data-theme=dark] .account-trigger,html[data-theme=dark] .secondary-action,html[data-theme=dark] .table-add-button{color:#f3edef;background:#2b2225;border-color:#5b4146}html[data-theme=dark] .account-trigger:hover,html[data-theme=dark] .account-trigger[aria-expanded=true],html[data-theme=dark] .account-dropdown a:hover,html[data-theme=dark] .account-dropdown button:hover,html[data-theme=dark] .nav-item:hover{color:#ff8f99;background:#332326}html[data-theme=dark] .nav-item{color:#b9adb0}html[data-theme=dark] .nav-item.active,html[data-theme=dark] .nav-group.current>.nav-group-trigger,html[data-theme=dark] .nav-submenu a.active{color:#ff8f99;background:#382327;border-color:#8f3f48}html[data-theme=dark] .user-table th,html[data-theme=dark] .report-preview-table th{color:#cdbfc2;background:#2b2225}html[data-theme=dark] .user-table td,html[data-theme=dark] .user-table th,html[data-theme=dark] .table-pagination,html[data-theme=dark] .data-table-toolbar,html[data-theme=dark] .unified-table-controls{border-color:#49373a}html[data-theme=dark] .user-table tbody tr,html[data-theme=dark] .task-properties-form,html[data-theme=dark] .report-subtask-row{background:#211a1c}html[data-theme=dark] .user-table tbody tr:hover td{background:#2a2023}html[data-theme=dark] .account-preference>div{background:#181315;border-color:#49373a}html[data-theme=dark] .page-content,html[data-theme=dark] .dashboard,html[data-theme=dark] .auth-page,html[data-theme=dark] .auth-card-wrap{background:#161214}html[data-theme=dark] .stat-card{color:#f3edef;background:#211a1c;border-color:#49373a}html[data-theme=dark] .table-pagination-summary,html[data-theme=dark] .section-heading p,html[data-theme=dark] .table-subline,html[data-theme=dark] small{color:#a99ca0}.subtask-check span{color:var(--brand)}.auth-brand{background:linear-gradient(145deg,#26080b,#710f17)}.auth-card{border:1px solid var(--border-page);background:#fff;border-radius:14px;max-width:470px;padding:36px;box-shadow:0 18px 48px #490f1517}.auth-card h2{color:#222831;line-height:1.15}.auth-help{justify-content:flex-start}.auth-help a:hover{color:var(--brand);text-underline-offset:3px;text-decoration:underline}.password-field{width:100%;display:block;position:relative}.password-field>input{width:100%;padding-right:44px!important}.password-field>button{color:#8b777a;background:0 0;border:0;border-radius:7px;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.password-field>button:hover{color:var(--brand-dark);background:var(--brand-soft)}.password-field>button:active{transform:translateY(-50%)scale(.96)!important}.create-user-form .password-field{min-width:0}.create-user-form .password-field>input{height:38px}.verification-timer{color:#795d61;border:1px solid var(--border-page);background:#fff7f7;border-radius:8px;justify-content:space-between;align-items:center;margin-top:-5px;padding:9px 11px;font-size:9px;display:flex}.verification-timer strong{color:var(--brand-dark);font-variant-numeric:tabular-nums;letter-spacing:.5px;font-size:12px}.verification-timer.expired{color:#a90b16;background:#ffecee}@media (max-width:480px){.auth-card{min-height:100vh;box-shadow:none;border:0;border-radius:0;padding:32px 22px}}.account-dropdown a:hover,.account-dropdown button:hover,.notification-actions button:hover{color:var(--brand-dark);background:var(--brand-soft)}.panel,.data-table-section,.minimal-form-section{border:1px solid var(--border-page);background:#fff;border-radius:12px;box-shadow:0 8px 28px #2812140f}.panel,.stat-card,.project-list>article,.kpi-grid article{transition:border-color .18s,box-shadow .18s}.panel:hover,.stat-card:hover,.project-list>article:hover,.kpi-grid article:hover{border-color:var(--border-hover)}.stat-card:hover,.project-list>article:hover,.kpi-grid article:hover{box-shadow:0 10px 26px #59131912}.user-table th{color:#8b555a;border-bottom-color:var(--border-hover);background:#fff6f7}.user-table td{border-color:var(--border-divider)}.user-table tbody tr{transition:background-color .16s}.user-table tbody tr:hover td{background:var(--surface-red)}.minimal-form-section{max-width:760px;padding:22px}.users-panel{border-color:#eadfe0!important}.table-total{color:#7a696b;background:#faf6f6;border:1px solid #eadfe0;border-radius:999px;padding:5px 10px;font-size:8px;font-weight:700}:where(.main-area,.auth-page) :where(.panel,.stat-card,.data-table-section,.minimal-form-section,.project-list>article,.kpi-grid article,.auth-card,.account-dropdown,.row-menu-popover,.task-summary>div){border:1px solid var(--border-page)}:where(.main-area,.auth-page) :where(.panel-title,.data-table-toolbar,.notification-filters,.meeting,.action,.crud-list,.crud-list>article,.task-create-form,.task-editor-list>article,.account-dropdown>div,.user-table th,.user-table td){border-color:var(--border-divider)}:where(.main-area,.auth-page) :where(input:not([type=checkbox]):not([type=radio]),select,textarea,.menu-button,.notification-button,.row-menu>button,.bulk-controls>span){border-color:var(--border-page)}.main-area :where(.panel,.stat-card,.data-table-section,.minimal-form-section,.project-list>article,.kpi-grid article,input:not([type=checkbox]):not([type=radio]),select,textarea,.menu-button,.notification-button,.row-menu>button):hover{border-color:var(--border-hover)}.main-area :where(input,select,textarea):focus{border-color:var(--brand);outline:0;box-shadow:0 0 0 3px #ef14231a}.sidebar,.topbar,.app-footer{border-color:var(--border-page)}.breadcrumbs>span>a{color:#8a9390;border-radius:6px;align-items:center;gap:7px;min-width:0;font-weight:650;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.breadcrumbs>span>a:hover{color:var(--brand-dark)}.breadcrumbs>span>a.current{color:#33403c;font-weight:800}.breadcrumbs>a[aria-current=page]{color:#33403c;pointer-events:none}.table-panel{overflow:visible}.table-toolbar-actions{align-items:center;gap:10px;display:flex}.table-add-button{min-height:38px;color:var(--brand-dark);border:1px solid var(--border-page);cursor:pointer;white-space:nowrap;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:9px;font-weight:800;line-height:1;text-decoration:none;list-style:none;transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 4px 12px #5913190d}.table-add-button::-webkit-details-marker{display:none}.table-add-button svg{color:var(--brand);transition:color .18s,transform .18s}.table-add-button:hover,.table-create-details[open]>.table-add-button{color:#fff;background:var(--brand);border-color:var(--brand);transform:translateY(-1px);box-shadow:0 8px 20px #ef142329}.table-add-button:hover svg,.table-create-details[open]>.table-add-button svg{color:#fff;transform:rotate(90deg)}.unified-table-card{overflow:visible}.unified-table-controls{border-bottom:1px solid var(--border-page);border-radius:11px 11px 0 0;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:14px 16px;display:flex}.table-filter-tabs{scrollbar-width:none;align-items:center;gap:7px;min-width:0;display:flex;overflow-x:auto}.table-filter-tabs::-webkit-scrollbar{display:none}.table-filter-tabs a{color:#776c6e;border:1px solid var(--border-page);background:#fff;border-radius:8px;flex:none;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:8px;font-weight:700;text-decoration:none;transition:color .16s,background-color .16s,border-color .16s,transform .16s;display:inline-flex}.table-filter-tabs a b{color:#aa9b9e;text-align:center;background:0 0;border-radius:0;min-width:0;padding:0;font-size:7px}.table-filter-tabs a:hover{color:var(--brand-dark);border-color:var(--border-hover);background:#fff8f9;transform:none}.table-filter-tabs a.active{color:#fff;background:var(--brand);border-color:var(--brand);box-shadow:none}.table-filter-tabs a.active b{color:#ffd9dc;background:0 0}.compact-add-button{width:40px;padding:0}.compact-add-button span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.table-create-details{position:relative}.table-create-details[open]:after{content:"";z-index:49;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1f0a0d57;position:fixed;inset:0}.table-create-popover{z-index:50;width:min(760px,100vw - 340px);max-height:calc(100vh - 120px);color:var(--ink);border:1px solid var(--border-hover);background:#fff;border-radius:13px;padding:22px;position:fixed;top:50%;left:calc(50% + 135px);overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 18px 55px #490f1526}.table-create-popover:before{display:none}.table-create-popover .section-heading{margin-bottom:18px}.table-create-popover .section-heading h2{font-size:14px}.popover-close-button{z-index:2;color:#9b777b;border:1px solid var(--border-page);background:#fff;border-radius:8px;place-items:center;width:32px;height:32px;font-size:18px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.popover-close-button:hover{color:#fff;background:var(--brand);border-color:var(--brand)}.popup-form-actions{align-items:center;gap:9px;display:flex}.popup-form-actions .primary-action,.popup-form-actions .secondary-action{width:auto;min-width:110px}.legacy-popup-create-form>.form-actions{display:none}:where(.main-area,.auth-page) :where(button,.table-add-button,.primary-link-button,.create-disclosure>summary,.task-settings>summary){cursor:pointer;transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s,transform .12s,opacity .16s}:where(.main-area,.auth-page) :where(.primary-action,.primary-link-button,.auth-submit,.create-user-form button,.workspace-create-form button,.inline-crud-form button,.editable-row button,.bulk-controls button,.user-primary-button):hover:not(:disabled){color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px #9e0a152b;background:var(--brand-dark)!important;border-color:var(--brand-dark)!important}:where(.main-area,.auth-page) :where(.secondary-action,.user-secondary-button,.row-actions button,.role-form button):hover:not(:disabled){color:var(--brand-dark);border-color:var(--brand);background:#ffe3e6;transform:translateY(-1px);box-shadow:0 5px 13px #9e0a1517}:where(.main-area,.auth-page) :where(.danger-button,.user-danger-button):hover:not(:disabled){color:#fff;background:#bd0b17;border-color:#bd0b17;transform:translateY(-1px);box-shadow:0 7px 17px #80050e2e}:where(.main-area,.auth-page) :where(.menu-button,.notification-button,.popover-close-button,.mobile-close):hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 13px #5913191a}:where(.main-area,.auth-page) :where(button,.table-add-button,.primary-link-button):active:not(:disabled){box-shadow:none;transform:translateY(0)scale(.98)}:where(.main-area,.auth-page) :where(button,.table-add-button,.primary-link-button,summary):focus-visible{outline:0;box-shadow:0 0 0 3px #ef142321}:where(.main-area,.auth-page) button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}.detail-heading{border:0;border-bottom:1px solid var(--border-divider);min-height:96px;box-shadow:none;background:0 0;border-radius:0;align-items:center;gap:28px;padding:8px 0 14px;position:relative;overflow:visible}.detail-heading:after{content:none}.detail-heading>*{z-index:1;position:relative}.detail-heading>div:first-child{flex:1;min-width:0}.detail-heading h1{max-width:900px;color:var(--text);letter-spacing:-.45px;overflow-wrap:anywhere;margin:5px 0 6px;font-size:clamp(21px,2vw,26px);line-height:1.25}.detail-heading p{line-height:1.5}.detail-kicker{color:var(--brand);letter-spacing:1.2px;text-transform:uppercase;margin:0 0 7px;font-size:8px;font-weight:900;display:block}.detail-heading-actions{flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.detail-heading-actions form{margin:0;display:flex}.detail-heading-actions :where(.secondary-action,.danger-button,.user-danger-button){text-align:center;white-space:nowrap;width:auto;min-width:96px;min-height:40px;box-shadow:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:10px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.detail-heading-actions .danger-button,.detail-heading-actions .user-danger-button{color:var(--brand-dark);border-color:var(--border-hover);background:#fff}.back-action-icon{transform:rotate(180deg)}@media (max-width:760px){.detail-heading{align-items:stretch;gap:18px;min-height:0;padding:6px 0 16px}.detail-heading h1{max-width:none;font-size:22px}.detail-heading-actions{justify-content:flex-start;width:100%}.detail-heading-actions form{flex:1}.detail-heading-actions :where(.secondary-action,.danger-button,.user-danger-button){flex:1;min-width:0}.table-toolbar-actions{justify-content:space-between;width:100%}.unified-table-controls{flex-direction:column;align-items:stretch}.unified-table-controls .table-toolbar-actions{justify-content:flex-end}.table-add-button span{display:none}.table-add-button{width:40px;padding:0}.table-create-popover{width:auto;min-width:calc(100vw - 28px);max-height:calc(100vh - 100px);position:fixed;inset:50% auto auto 50%;overflow-y:auto;transform:translate(-50%,-50%)}.table-create-popover:before{display:none}}.task-name-link{color:#252b34;font-weight:800;text-decoration:none}.task-name-link:hover{color:var(--brand-dark);text-underline-offset:3px;text-decoration:underline}.sidebar-collapsed .table-create-popover{left:calc(50% + 43px)}@media (max-width:760px){.sidebar-collapsed .table-create-popover{left:50%}}.crud-action-form,.crud-action-select{width:100%;min-width:132px}.crud-action-form select,.crud-action-select{width:100%;height:36px;color:var(--brand-dark);border:1px solid var(--border-page);cursor:pointer;background-color:#fff;border-radius:9px;padding:0 32px 0 11px;font-size:9px;font-weight:800}.crud-action-form select:hover,.crud-action-select:hover{color:var(--brand-dark);border-color:var(--border-hover);background-color:snow}.crud-action-form select:focus,.crud-action-select:focus{border-color:var(--brand);outline:0;box-shadow:0 0 0 3px #ef142317}.crud-action-form select:disabled,.crud-action-select:disabled{color:#9c8e90;border-color:var(--border-page);cursor:not-allowed;background:#f7f3f3}.page-heading{border:0;border-bottom:1px solid var(--border-divider);min-height:74px;box-shadow:none;background:0 0;border-radius:0;justify-content:space-between;align-items:flex-end;gap:24px;padding:0 0 14px;display:flex;position:relative;overflow:visible}.page-heading:before{content:none}.page-heading>div:first-child{min-width:0}.page-heading>div:first-child>span{color:#9a7e82;letter-spacing:.7px;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.page-heading h1{color:#222831;letter-spacing:-.7px;margin:0;font-size:27px}.page-heading p{color:#7f7476;margin:7px 0 0;font-size:10px;line-height:1.5}.page-heading-actions{flex:none;align-items:center;gap:8px;display:flex}.data-card{overflow:visible}.bulk-action-form{align-items:center;gap:8px;display:flex}.bulk-action-form:before{content:attr(data-selected-label);color:#71807a;text-align:center;white-space:nowrap;background:#f4f6f5;border:1px solid #e0e5e2;border-radius:12px;justify-content:center;align-items:center;min-width:58px;height:30px;padding:0 10px;font-size:8px;font-weight:700;display:inline-flex}.bulk-action-form:not([data-selected-label]):before{content:"0 dipilih"}.bulk-action-form select,.bulk-action-form button{border:1px solid var(--border-page);height:30px;font:inherit;border-radius:5px;padding:0 9px;font-size:9px;font-weight:800;display:none}.bulk-action-form[data-selection-active=true] select,.bulk-action-form[data-selection-active=true] button{display:block}.bulk-action-form[data-selection-active=true] .action-menu-trigger{display:flex}.table-toolbar-actions:has(.bulk-action-form)>.table-total{display:none}.bulk-action-form select{color:#665b5d;background:#fff;min-width:115px}.task-bulk-action-form select[name=projectId]{min-width:190px}.searchable-select{min-width:0;position:relative}.searchable-select>summary{color:#302d33;border:1px solid var(--border-soft);cursor:pointer;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;height:40px;padding:0 11px;font-size:9px;list-style:none;display:flex}.searchable-select>summary::-webkit-details-marker{display:none}.searchable-select>summary span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.searchable-select[open]>summary{border-color:var(--brand);box-shadow:0 0 0 3px #ef14231c}.searchable-select[open]>summary svg{transform:rotate(90deg)}.searchable-select-popover{z-index:80;border:1px solid var(--border-page);background:#fff;border-radius:9px;width:max(100%,320px);padding:9px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 14px 35px #37191d29}.searchable-select-search{display:block}.searchable-select-search input{width:100%;border:1px solid var(--border-soft)!important;border-radius:7px!important;height:36px!important;padding:0 10px!important;font-size:9px!important}.searchable-select-tools{border-bottom:1px solid var(--border-divider);gap:6px;padding:7px 0;display:flex}.searchable-select-tools button{min-height:27px!important;color:var(--brand-dark)!important;background:var(--brand-soft)!important;border:0!important;border-radius:6px!important;padding:0 8px!important;font-size:8px!important}.searchable-select-options{max-height:230px;padding-top:5px;overflow:auto}.searchable-select-options>label{cursor:pointer;border-radius:6px;align-items:center;gap:9px;min-height:38px;padding:6px 7px;display:flex}.searchable-select-options>label:hover{background:#fff5f6}.searchable-select-options input{accent-color:var(--brand);flex:none;width:15px!important;height:15px!important}.searchable-select-options span{flex-direction:column;gap:2px;min-width:0;display:flex}.searchable-select-options b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.searchable-select-options small{color:#918588;font-size:7px}.searchable-select-options>p{color:#918588;text-align:center;margin:0;padding:14px;font-size:8px}.searchable-select-required{opacity:0;pointer-events:none;width:1px!important;height:1px!important;padding:0!important;position:absolute!important}.searchable-link-form{overflow:visible}.searchable-link-form>.searchable-select{width:100%}.task-bulk-action-form .searchable-select{min-width:190px}.bulk-action-form:not([data-selection-active=true]) .searchable-select{display:none}.crud-child-modal{z-index:300;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#22111475;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.crud-child-dialog{border:1px solid var(--border-page);background:#fff;border-radius:13px;gap:14px;width:min(520px,100%);padding:22px;display:grid;position:relative;box-shadow:0 24px 70px #230f123d}.crud-child-dialog h2{color:#262a31;margin:0 0 5px;font-size:16px}.crud-child-dialog p{color:#8b7e81;margin:0;font-size:9px}.crud-child-dialog label{color:#51484b;flex-direction:column;gap:6px;font-size:9px;font-weight:750;display:flex}.crud-child-dialog input{color:#29262a;border:1px solid var(--border-page);width:100%;height:40px;font:inherit;background:#fff;border-radius:8px;outline:0;padding:0 11px}.crud-child-dialog input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #ef14231c}.crud-child-dialog input:disabled{color:#766b6e;background:#f8f5f5}.crud-child-close{color:#8c7c7f;border:1px solid var(--border-page);cursor:pointer;background:#fff;border-radius:7px;width:30px;height:30px;font-size:18px;position:absolute;top:13px;right:13px}.crud-child-actions{justify-content:flex-end;gap:7px;padding-top:4px;display:flex}.crud-child-actions button{border:1px solid var(--border-page);cursor:pointer;border-radius:7px;min-height:36px;padding:0 12px;font-size:9px;font-weight:800}.crud-child-actions button:first-child{color:#62585b;background:#fff}.crud-child-actions button:last-child{color:#fff;background:var(--brand);border-color:var(--brand)}.crud-child-actions button:last-child:hover{background:var(--brand-dark)}@media (max-width:600px){.searchable-select-popover{width:100%}.searchable-link-form{grid-template-columns:1fr}}.bulk-action-form>button{height:38px;color:var(--brand-dark);border-color:var(--border-page);cursor:pointer;background:#fff;border-radius:9px;padding-inline:13px}.bulk-action-form>button:hover{color:#fff;background:var(--brand);border-color:var(--brand)}.bulk-action-form>.action-menu .action-menu-trigger{min-width:134px;height:38px}:is(.crud-section:has(>.user-table-wrap),.crud-section:has(>.task-table-wrap)){padding:0}:is(.crud-section:has(>.user-table-wrap)>.section-heading,.crud-section:has(>.task-table-wrap)>.section-heading){border-bottom:1px solid var(--border-divider);flex-direction:column;justify-content:center;min-height:66px;margin:0;padding:14px 17px;display:flex}:is(.crud-section:has(>.user-table-wrap)>.inline-crud-form,.crud-section:has(>.task-table-wrap)>.inline-crud-form){border-bottom:1px solid var(--border-divider);margin:0;padding:14px 17px}:is(.crud-section:has(>.user-table-wrap)>.section-heading h2,.crud-section:has(>.task-table-wrap)>.section-heading h2){color:#242a32;font-size:13px}:is(.crud-section:has(>.user-table-wrap)>.section-heading p,.crud-section:has(>.task-table-wrap)>.section-heading p){color:#8d7a7d;font-size:8px}@media (max-width:760px){.page-heading{flex-direction:column;align-items:flex-start;min-height:0;padding:0 0 14px}.page-heading h1{font-size:24px}.page-heading-actions{width:100%}.bulk-action-form select{width:110px;min-width:0}.bulk-action-form button{padding-inline:9px}}.project-team-form{grid-template-columns:minmax(220px,1fr) 160px auto;align-items:end;gap:9px;margin-bottom:16px;display:grid}.project-team-form label{color:#51474a;flex-direction:column;gap:6px;font-size:9px;font-weight:750;display:flex}.project-team-form select{border:1px solid var(--border-page);background:#fff;border-radius:8px;width:100%;height:40px;padding:0 10px}.project-team-form button{height:40px}.project-team-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.project-team-grid article{border:1px solid var(--border-page);background:#fffafb;border-radius:9px;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;min-height:62px;padding:10px 12px;display:grid}.project-team-grid article>span{color:#fff;background:var(--brand);border-radius:9px;place-items:center;width:34px;height:34px;font-size:8px;font-weight:800;display:grid}.project-team-grid article>div{min-width:0}.project-team-grid article strong,.project-team-grid article small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.project-team-grid article strong{color:#2d2b31;font-size:10px}.project-team-grid article small{color:#92868a;margin-top:4px;font-size:8px}.team-role{border-radius:9px;padding:5px 8px;font-size:7px}.team-role-lead{color:var(--brand-dark);background:var(--brand-soft)}.team-role-member{color:#5e587f;background:#eeeafd}.team-remove-button{color:var(--brand-dark);background:0 0;border:0;padding:5px 7px;font-size:8px;font-weight:750}.team-remove-button:hover{text-decoration:underline}@media (max-width:760px){.project-team-form,.project-team-grid{grid-template-columns:1fr}}.task-progress-panel{overflow:hidden}.task-progress-panel .table-section-heading{padding:17px 20px}.task-workspace{border-radius:12px;padding:0;overflow:hidden;box-shadow:0 8px 24px #3713170d}.task-workspace-heading{border-bottom:1px solid var(--border-divider);background:#fff;justify-content:space-between;align-items:center;gap:28px;padding:20px 22px;display:flex}.task-workspace-heading h2{margin:3px 0 4px;font-size:17px}.task-workspace-heading p{color:var(--text-muted);margin:0;font-size:11px}.task-overall-progress{flex:none;width:min(260px,34%)}.task-overall-progress div{justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.task-overall-progress strong{color:var(--brand);font-size:16px}.task-overall-progress>span,.subtask-progress>span{height:6px;box-shadow:none;background:#f1e7e8;border-radius:999px;display:block;overflow:hidden}.task-overall-progress i,.subtask-progress i{border-radius:inherit;background:var(--brand);height:100%;box-shadow:none;display:block}.task-properties-form{border-bottom:1px solid var(--border-divider);background:snow;grid-template-columns:repeat(6,minmax(0,1fr)) auto;align-items:stretch;padding:16px 20px;display:grid}.task-property{border-right:1px solid var(--border-divider);min-width:0;padding:3px 14px}.task-property:first-of-type{padding-left:0}.task-property>span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:700;display:block}.task-property strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.task-property-control select,.task-property-control input{width:100%;min-height:34px;margin:-4px 0 0}.task-progress-control{align-items:center;gap:5px;display:flex}.task-progress-control>span{color:var(--text-muted);font-size:11px}.task-save-progress{white-space:nowrap;min-height:38px;box-shadow:none;border-radius:8px;align-self:center;margin-left:14px;padding-inline:16px}.task-description-block{border-bottom:1px solid var(--border-divider);padding:15px 20px}.task-description-block>span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.task-description-block p{margin:6px 0 0;line-height:1.55}.task-subtasks-section .subtask-panel-heading{border-bottom:1px solid var(--border-divider)}.task-subtasks-section .user-table-wrap{border:0;border-radius:0}.task-subtasks-section .user-table{margin:0}.task-subtasks-section .user-table tbody tr:last-child td{border-bottom:0}.subtask-progress{width:150px}.subtask-progress>div{margin-bottom:5px}.subtask-progress strong{font-size:16px}.subtask-progress small{color:var(--text-muted);font-size:9px}.subtask-progress>small{text-align:right;margin-top:5px;display:block}.detail-heading-actions{align-items:center;gap:10px;display:flex}.table-pagination{border-top:1px solid var(--border-divider);background:#fff;border-radius:0 0 11px 11px;justify-content:space-between;align-items:center;gap:20px;min-height:62px;padding:10px 16px;display:flex}.table-pagination-summary{color:var(--text-muted);align-items:center;gap:18px;font-size:11px;display:flex}.table-pagination-summary strong{color:var(--text)}.table-pagination-summary label{align-items:center;gap:9px;display:flex}.table-pagination-summary select{border-color:#d9dfe3;width:68px;min-height:36px;padding:0 10px}.table-pagination nav{align-items:center;gap:7px;display:flex}.table-pagination nav button{width:36px;height:36px;color:var(--text);background:#fff;border:1px solid #dfe3e6;border-radius:8px;place-items:center;padding:0;font-size:11px;font-weight:700;line-height:1;display:grid}.table-pagination nav button:not(.pagination-page-current):hover:not(:disabled){border-color:var(--brand);color:var(--brand);transform:translateY(-1px);box-shadow:0 4px 10px #e3001b1a}.table-pagination nav button.pagination-page-current,.table-pagination nav button.pagination-page-current:hover,.table-pagination nav button.pagination-page-current:focus-visible{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:none;transform:none}.table-pagination nav button>span{color:inherit;font:inherit;line-height:1;display:block}.table-pagination nav button:disabled{cursor:not-allowed;opacity:.4}.pagination-ellipsis{width:24px;color:var(--text-muted);place-items:center;display:grid}@media (max-width:1100px){.task-properties-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.task-property{border-right:0;padding:3px 10px}.task-property:first-of-type{padding-left:10px}.task-save-progress{margin-left:0}}@media (max-width:720px){.task-workspace-heading{flex-direction:column;align-items:flex-start}.task-overall-progress{width:100%}.task-properties-form{grid-template-columns:repeat(2,minmax(0,1fr))}.task-save-progress{grid-column:1/-1}.detail-heading-actions{width:100%}.table-pagination{flex-direction:column;align-items:flex-start}.table-pagination-summary{flex-direction:column;align-items:flex-start;gap:8px}.table-pagination nav{width:100%;overflow-x:auto}}.task-progress-table{min-width:820px}.task-progress-table th:last-child,.task-progress-table td:last-child{width:96px}.task-progress-table select,.task-progress-table input{border:1px solid var(--border-page);color:#29272d;height:38px;font:inherit;background:#fff;border-radius:8px;outline:none}.task-progress-table select{min-width:132px;padding:0 30px 0 10px}.task-progress-table select:hover,.task-progress-table input:hover,.task-progress-table select:focus,.task-progress-table input:focus{border-color:var(--brand)}.table-progress-input{align-items:center;gap:6px;display:flex}.table-progress-input input{width:72px;padding:0 10px}.table-progress-input span{color:#8d7a7d;font-weight:700}.task-progress-table .primary-action{min-height:38px}.task-progress-description{border-top:1px solid var(--border-page);padding:14px 20px 17px}.task-progress-description small{color:#8d7a7d;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.task-progress-description p{color:#625b5e;margin:0;font-size:11px;line-height:1.6}.report-workspace-card{padding:0;overflow:hidden}.report-filter-card{border-bottom:1px solid var(--border-page);justify-content:space-between;align-items:flex-end;gap:18px;padding:14px 18px;display:flex}.report-type-nav{border-bottom:1px solid var(--border-page);align-items:center;gap:5px;padding:12px 18px;display:flex}.report-type-nav a{color:#756a6d;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:9px;font-weight:750;text-decoration:none;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.report-type-nav a:hover{color:var(--brand-dark);border-color:var(--border-page);background:#fff8f9}.report-type-nav a.active{color:#fff;background:var(--brand);border-color:var(--brand)}.report-filter-form{grid-template-columns:repeat(5,minmax(130px,1fr)) auto auto;align-items:end;gap:10px;display:grid}.report-filter-form.separated-report-filter{flex:1;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;min-width:0}.report-filter-form label{color:#51474a;flex-direction:column;gap:6px;min-width:0;font-size:9px;font-weight:750;display:flex}.report-filter-form input,.report-filter-form select{color:#29272d;border:1px solid var(--border-page);width:100%;height:40px;font:inherit;background:#fff;border-radius:8px;outline:none;padding:0 10px}.report-filter-form input:hover,.report-filter-form select:hover,.report-filter-form input:focus,.report-filter-form select:focus{border-color:var(--brand)}.report-filter-form>button,.report-download-button{white-space:nowrap;justify-content:center;align-items:center;gap:6px;height:40px;text-decoration:none;display:inline-flex}.report-preview-card{overflow:hidden}.report-table-area{border-top:1px solid var(--border-page)}.report-download-group{white-space:nowrap;align-items:center;gap:5px;display:flex}.report-download-group>span{color:#8d7a7d;margin-right:3px;font-size:8px;font-weight:750}.report-download-group a{min-height:40px;color:var(--brand-dark);border:1px solid var(--border-page);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:8px;text-decoration:none;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.report-download-group a b{font-size:8px}.report-download-group a:hover,.report-download-group .report-preview-link{color:#fff;background:var(--brand);border-color:var(--brand)}.report-document-screen{background:#f1eeee;min-height:100vh;padding:24px}.report-document-actions{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #ead5d7;border-radius:10px;justify-content:flex-end;gap:7px;max-width:1120px;margin:0 auto 14px;padding:9px;display:flex;position:sticky;top:12px;box-shadow:0 8px 25px #34191c1a}.report-document-actions a,.report-document-actions button{color:#5d5356;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e8d4d6;border-radius:7px;align-items:center;gap:6px;padding:0 12px;font-size:9px;font-weight:750;text-decoration:none;display:inline-flex}.report-document-actions a:first-child{margin-right:auto}.report-document-actions a:hover,.report-document-actions button:hover{color:#fff;background:var(--brand);border-color:var(--brand)}.report-document-page{color:#27272c;background:#fff;border:1px solid #eadadd;width:min(1120px,100%);min-height:790px;margin:auto;padding:42px 48px;box-shadow:0 12px 35px #371e211a}.report-document-header{border-bottom:3px solid var(--brand);padding-bottom:20px}.report-document-header span{color:var(--brand);letter-spacing:1.7px;font-size:10px;font-weight:900}.report-document-header h1{margin:7px 0 5px;font-size:25px}.report-document-header p{color:#7f7477;margin:0;font-size:9px}.report-document-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 24px;display:grid}.report-document-summary div{background:#fff8f9;border:1px solid #efdadd;border-radius:8px;padding:13px 15px}.report-document-summary span{color:#897c7f;font-size:8px;display:block}.report-document-summary strong{margin-top:5px;font-size:18px;display:block}.report-project-section{break-inside:avoid;border-bottom:1px solid #e9d9db;margin-bottom:25px;padding:0 0 25px}.report-project-section:last-child{border:0}.report-project-section h2{align-items:center;gap:9px;margin:0 0 13px;font-size:17px;display:flex}.report-project-section h2 span{color:#fff;background:var(--brand);border-radius:6px;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.report-project-section dl{border:1px solid #eadadd;border-radius:7px;grid-template-columns:repeat(4,1fr);margin:0 0 12px;display:grid;overflow:hidden}.report-project-section dl div{border-right:1px solid #eadadd;padding:9px 11px}.report-project-section dl div:last-child{border:0}.report-project-section dt{color:#8d8083;text-transform:uppercase;font-size:7px}.report-project-section dd{margin:4px 0 0;font-size:9px;font-weight:750}.report-project-section>p{color:#60575a;margin:5px 0;font-size:9px;line-height:1.55}.report-project-section h3{margin:17px 0 8px;font-size:11px}.report-task-list{border:1px solid #eadadd;border-radius:7px;overflow:hidden}.report-task-item{break-inside:avoid;border-bottom:1px solid #eee0e2;padding:11px 13px}.report-task-item:last-child{border:0}.report-task-item h4{gap:8px;margin:0 0 5px;font-size:10px;display:flex}.report-task-item h4 span{color:var(--brand)}.report-task-item p{color:#796e71;margin:3px 0;font-size:8px;line-height:1.5}.report-subtask{background:#faf7f7;border-radius:5px;grid-template-columns:35px minmax(0,1fr) auto;gap:8px;margin:6px 0 0 18px;padding:6px 8px;font-size:8px;display:grid}.report-subtask b{color:var(--brand-dark)}.report-subtask em{color:#766b6e;font-style:normal}.report-no-data{color:#8d8083;background:#faf7f7;border-radius:7px;padding:14px;font-size:9px}.report-document-table{margin-top:22px;overflow:auto}.report-document-table table{border-collapse:collapse;width:100%;font-size:8px}.report-document-table th,.report-document-table td{text-align:left;vertical-align:top;border:1px solid #eadadd;padding:8px}.report-document-table th{color:#8e1019;background:#fff0f2}@media (max-width:700px){.report-document-screen{padding:8px}.report-document-actions{justify-content:flex-start;top:5px;overflow-x:auto}.report-document-actions a:first-child{margin:0}.report-document-page{padding:25px 18px}.report-document-summary{grid-template-columns:1fr 1fr 1fr}.report-project-section dl{grid-template-columns:1fr 1fr}.report-project-section dl div:nth-child(2){border-right:0}.report-project-section dl div:nth-child(-n+2){border-bottom:1px solid #eadadd}}@media print{.report-document-screen{background:#fff;padding:0}.report-document-actions{display:none}.report-document-page{width:100%;min-height:0;box-shadow:none;border:0;padding:12mm}.report-project-section{break-inside:auto}.report-task-item{break-inside:avoid}}.crud-child-modal{z-index:2147483647;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2211149e}body:has(.crud-child-modal){overflow:hidden}:is(body:has(.crud-child-modal) .tasks-data-table th:last-child,body:has(.crud-child-modal) .tasks-data-table td:last-child){z-index:auto!important;position:static!important}.crud-child-dialog input,.crud-child-dialog select{color:#29262a;border:1px solid var(--border-page);width:100%;height:40px;font:inherit;background:#fff;border-radius:8px;outline:0;padding:0 11px}.crud-child-dialog input:focus,.crud-child-dialog select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #ef14231c}.crud-child-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}@media (max-width:600px){.crud-child-fields{grid-template-columns:1fr}}.report-preview-card .table-section-heading{padding:16px 18px}.report-preview-table{min-width:1050px}.report-preview-table th,.report-preview-table td,.report-number-cell{white-space:nowrap}.report-expand-button{color:#6f6568;vertical-align:middle;background:0 0;border:0;border-radius:5px;place-items:center;width:24px;height:24px;margin-right:3px;padding:0;display:inline-grid}.report-expand-button:hover{color:var(--brand);background:#fff1f2}.report-expand-button svg{transition:transform .18s}.report-expand-button.open svg{transform:rotate(90deg)}.report-parent-number{min-width:18px;color:var(--text);vertical-align:middle;font-weight:700;display:inline-block}.report-subtask-row .report-number-cell{color:var(--brand-dark);padding-left:39px;font-weight:700}.report-subtask-row{background:#fcfafa}.report-subtask-row td{color:#6f6568;border-bottom-color:#eee3e4}.report-subtask-row .report-subtask-title{color:#403a3c;padding-left:28px;position:relative}.report-subtask-row .report-subtask-title:before{content:"";border-bottom:1px solid #d5b9bc;border-left:1px solid #d5b9bc;width:7px;height:7px;position:absolute;top:50%;left:14px;transform:translateY(-70%)}@media (max-width:1180px){.report-filter-card{flex-direction:column;align-items:stretch}.report-filter-form,.report-filter-form.separated-report-filter{grid-template-columns:repeat(3,1fr)}.report-download-group{justify-content:flex-end}}@media (max-width:700px){.report-type-nav{overflow-x:auto}.report-type-nav a{flex:none}.report-filter-form,.report-filter-form.separated-report-filter{grid-template-columns:1fr}.report-filter-form>button,.report-download-button{width:100%}.report-download-group{justify-content:flex-start;overflow-x:auto}.report-download-group>span{display:none}.report-download-group a{flex:none}}.crud-child-actions button[type=submit]{color:#fff;background:var(--brand);border-color:var(--brand)}.crud-child-actions button[type=submit]:hover{background:var(--brand-dark)}.crud-child-actions button[value=add-another]{color:var(--brand);background:#fff}.crud-child-actions button[value=add-another]:hover{color:#fff;background:var(--brand)}html[data-theme=dark]{--text:#f4edef;--text-muted:#ad9fa3;--surface:#211a1c;--surface-red:#2a2023;--brand-soft:#3a2327;--border-soft:#4b373b;--border-page:#5a3d43;--border-hover:#91444d;--border-divider:#49363a;scrollbar-color:#777274 #211a1c}html[data-theme=dark] body,html[data-theme=dark] .app-shell,html[data-theme=dark] .page-content,html[data-theme=dark] .dashboard{color:var(--text);background:#161214}html[data-theme=dark] .sidebar,html[data-theme=dark] .topbar,html[data-theme=dark] .app-footer{border-color:var(--border-divider);background:#211a1c}html[data-theme=dark] .panel,html[data-theme=dark] .data-card,html[data-theme=dark] .data-table-section,html[data-theme=dark] .stat-card,html[data-theme=dark] .analytics-card,html[data-theme=dark] .employee-kpi-chart,html[data-theme=dark] .employee-kpi-card,html[data-theme=dark] .task-workspace,html[data-theme=dark] .crud-section,html[data-theme=dark] .report-filter-card,html[data-theme=dark] .report-preview-card{color:var(--text);border-color:var(--border-page);background:#211a1c}html[data-theme=dark] .table-filter-tabs a,html[data-theme=dark] .project-trend-tools>a,html[data-theme=dark] .report-type-nav a,html[data-theme=dark] .report-download-group a,html[data-theme=dark] .user-secondary-button,html[data-theme=dark] .dashboard-quick-actions a{color:#d9cdd0;background:#292124;border-color:#543b40}html[data-theme=dark] .table-filter-tabs a:hover,html[data-theme=dark] .project-trend-tools>a:hover,html[data-theme=dark] .report-type-nav a:hover,html[data-theme=dark] .report-download-group a:hover{color:#ff9da5;background:#342428;border-color:#8d414a}html[data-theme=dark] .table-filter-tabs a.active,html[data-theme=dark] .report-type-nav a.active{color:#fff;background:var(--brand);border-color:var(--brand)}html[data-theme=dark] .table-filter-tabs a b{color:#b5a6aa}html[data-theme=dark] .table-filter-tabs a.active b{color:#ffe0e3}html[data-theme=dark] .user-table,html[data-theme=dark] .task-table,html[data-theme=dark] .report-preview-table{color:var(--text);background:#211a1c}html[data-theme=dark] .user-table th,html[data-theme=dark] .task-table th,html[data-theme=dark] .report-preview-table th,html[data-theme=dark] .crud-data-table th:last-child{color:#d8c9cc;border-color:var(--border-divider);background:#2d2225}html[data-theme=dark] .user-table:has(.crud-action-form) th:last-child{color:#d8c9cc;border-color:var(--border-divider);background:#2d2225}html[data-theme=dark] .user-table:has(.crud-action-select) th:last-child{color:#d8c9cc;border-color:var(--border-divider);background:#2d2225}html[data-theme=dark] .user-table td,html[data-theme=dark] .task-table td,html[data-theme=dark] .report-preview-table td,html[data-theme=dark] .crud-data-table td:last-child{color:#eee7e9;border-color:var(--border-divider);background:#211a1c}html[data-theme=dark] .user-table:has(.crud-action-form) td:last-child{color:#eee7e9;border-color:var(--border-divider);background:#211a1c}html[data-theme=dark] .user-table:has(.crud-action-select) td:last-child{color:#eee7e9;border-color:var(--border-divider);background:#211a1c}html[data-theme=dark] .user-table tbody tr:hover td,html[data-theme=dark] .task-table tbody tr:hover td,html[data-theme=dark] .crud-data-table tr:hover td:last-child{background:#2a2023}html[data-theme=dark] .user-table:has(.crud-action-form) tr:hover td:last-child{background:#2a2023}html[data-theme=dark] .user-table:has(.crud-action-select) tr:hover td:last-child{background:#2a2023}html[data-theme=dark] .selectable-table tr.selected td{background:#352327}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .crud-action-form select,html[data-theme=dark] .crud-action-select{color:#f1e9eb;background-color:#2b2225;border-color:#5b4146}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#8f8185}html[data-theme=dark] input:focus,html[data-theme=dark] select:focus,html[data-theme=dark] textarea:focus,html[data-theme=dark] .crud-action-form select:focus,html[data-theme=dark] .crud-action-select:focus{border-color:#db4653;box-shadow:0 0 0 3px #ef142324}html[data-theme=dark] .crud-action-form select:hover,html[data-theme=dark] .crud-action-select:hover{color:#fff;background-color:#35272a;border-color:#91444d}html[data-theme=dark] .table-pagination{color:var(--text);border-color:var(--border-divider);background:#211a1c}html[data-theme=dark] .table-pagination nav button{color:#d9ced0;background:#2b2225;border-color:#563f44}html[data-theme=dark] .table-pagination nav button:not(.pagination-page-current):hover:not(:disabled){color:#ff9da5;background:#342428;border-color:#b84a55}html[data-theme=dark] .table-pagination nav button.pagination-page-current,html[data-theme=dark] .table-pagination nav button.pagination-page-current:hover,html[data-theme=dark] .table-pagination nav button.pagination-page-current:focus-visible{color:#fff;background:var(--brand);border-color:var(--brand)}html[data-theme=dark] .user-table-wrap,html[data-theme=dark] .task-table-wrap{scrollbar-color:#777274 #211a1c}html[data-theme=dark] .user-table-wrap:has(>.table-pagination)>table{scrollbar-color:#777274 #211a1c}html[data-theme=dark] .task-table-wrap:has(>.table-pagination)>table{scrollbar-color:#777274 #211a1c}html[data-theme=dark] .user-table-wrap::-webkit-scrollbar-track{background:#211a1c;border-color:#49363a}html[data-theme=dark] .task-table-wrap::-webkit-scrollbar-track{background:#211a1c;border-color:#49363a}html[data-theme=dark] .user-table-wrap::-webkit-scrollbar-thumb{background:#777274;border-color:#211a1c}html[data-theme=dark] .task-table-wrap::-webkit-scrollbar-thumb{background:#777274;border-color:#211a1c}html[data-theme=dark] .user-table-wrap::-webkit-scrollbar-thumb:hover{background:#969092}html[data-theme=dark] .task-table-wrap::-webkit-scrollbar-thumb:hover{background:#969092}html[data-theme=dark] .table-scroll-viewport{scrollbar-color:#777274 #211a1c;background:#211a1c}html[data-theme=dark] .table-scroll-viewport::-webkit-scrollbar-track{background:#211a1c;border-color:#49363a}html[data-theme=dark] .table-scroll-viewport::-webkit-scrollbar-thumb{background:#777274;border-color:#211a1c}html[data-theme=dark] .table-scroll-viewport::-webkit-scrollbar-thumb:hover{background:#969092}html[data-theme=dark] .table-scroll-viewport::-webkit-scrollbar-button{background-color:#211a1c}html[data-theme=dark] .table-scroll-viewport::-webkit-scrollbar-corner{background-color:#211a1c}html[data-theme=dark] .table-scroll-viewport::-webkit-scrollbar-button:hover{background-color:#342a2d}html[data-theme=dark] .searchable-select-popover,html[data-theme=dark] .table-create-popover,html[data-theme=dark] .crud-child-dialog,html[data-theme=dark] .account-dropdown{color:var(--text);background:#261e20;border-color:#5a4045;box-shadow:0 18px 45px #00000061}html[data-theme=dark] .searchable-select-options>label:hover{background:#352428}html[data-theme=dark] .crud-child-dialog h2,html[data-theme=dark] .crud-child-dialog label{color:var(--text)}html[data-theme=dark] .crud-child-dialog p{color:var(--text-muted)}html[data-theme=dark] .crud-child-dialog input:disabled{color:#aa9ca0;background:#1c1718}html[data-theme=dark] .crud-child-close,html[data-theme=dark] .crud-child-actions button:first-child,html[data-theme=dark] .crud-child-actions button[value=add-another]{color:#f1e9eb;background:#2b2225;border-color:#5b4146}html[data-theme=dark] .status-todo,html[data-theme=dark] .status-draft,html[data-theme=dark] .status-draf{color:#d1c9cb;background:#353033;border-color:#555054}html[data-theme=dark] .status-planned,html[data-theme=dark] .status-scheduled,html[data-theme=dark] .status-terjadwal,html[data-theme=dark] .status-prospek{color:#ffd98a;background:#46371e;border-color:#725826}html[data-theme=dark] .status-active,html[data-theme=dark] .status-aktif,html[data-theme=dark] .status-in_progress,html[data-theme=dark] .status-berjalan,html[data-theme=dark] .status-dikerjakan,html[data-theme=dark] .status-berlangsung{color:#96d6ff;background:#1d384a;border-color:#315d78}html[data-theme=dark] .status-completed,html[data-theme=dark] .status-done,html[data-theme=dark] .status-selesai{color:#8ce1bd;background:#1d3b31;border-color:#326750}html[data-theme=dark] .status-cancelled,html[data-theme=dark] .status-dibatalkan,html[data-theme=dark] .status-gagal,html[data-theme=dark] .status-terlambat{color:#ffadb5;background:#48252a;border-color:#713840}html[data-theme=dark] .task-name-link{color:#f3edef}html[data-theme=dark] .task-name-link:hover{color:#ff9da5}html[data-theme=dark] .subtask-monitor{color:#eee7e9}html[data-theme=dark] .dashboard-kpi{color:var(--text);border-color:var(--border-page);background:#211a1c;box-shadow:0 8px 24px #00000029}html[data-theme=dark] .dashboard-kpi:hover,html[data-theme=dark] .analytics-panel:hover,html[data-theme=dark] .dashboard-list-panel:hover,html[data-theme=dark] .employee-kpi-panel:hover{border-color:var(--border-hover);box-shadow:0 10px 28px #0000003d}html[data-theme=dark] .dashboard-kpi-top>span,html[data-theme=dark] .analytics-heading p,html[data-theme=dark] .employee-kpi-chart>div:first-child p,html[data-theme=dark] .employee-kpi-identity p,html[data-theme=dark] .employee-kpi-card dt,html[data-theme=dark] .enterprise-meeting p,html[data-theme=dark] .enterprise-meeting>div>small,html[data-theme=dark] .priority-task p,html[data-theme=dark] .priority-task time,html[data-theme=dark] .attention-strip span{color:var(--text-muted)}html[data-theme=dark] .dashboard-kpi>strong,html[data-theme=dark] .analytics-heading h2,html[data-theme=dark] .donut-chart strong,html[data-theme=dark] .employee-kpi-identity h3,html[data-theme=dark] .employee-kpi-card dd,html[data-theme=dark] .enterprise-meeting h3,html[data-theme=dark] .priority-task h3,html[data-theme=dark] .attention-strip b{color:var(--text)}html[data-theme=dark] .dashboard-kpi.tone-red .dashboard-kpi-top>i{color:#ff7f89;background:#44262b}html[data-theme=dark] .dashboard-kpi.tone-purple .dashboard-kpi-top>i{color:#b9a4ff;background:#302947}html[data-theme=dark] .dashboard-kpi.tone-orange .dashboard-kpi-top>i{color:#ffad7f;background:#452d25}html[data-theme=dark] .dashboard-kpi.tone-blue .dashboard-kpi-top>i{color:#88d4ff;background:#203747}html[data-theme=dark] .dashboard-kpi.tone-green .dashboard-kpi-top>i{color:#83dfbc;background:#203b32}html[data-theme=dark] .donut-track{stroke:#403236}html[data-theme=dark] .donut-chart>div{background:#211a1c;box-shadow:0 3px 14px #0000003d}html[data-theme=dark] .chart-grid-line{stroke:#49363a}html[data-theme=dark] .trend-column>span{background:#302629}html[data-theme=dark] .employee-kpi-card:hover,html[data-theme=dark] .enterprise-meeting:hover,html[data-theme=dark] .priority-task:hover{background:#2a2023}html[data-theme=dark] .employee-kpi-identity>div>span{background:#49363a}html[data-theme=dark] .enterprise-meeting>time{color:#ff9da5;background:#3a2327}html[data-theme=dark] .employee-kpi-chart footer{color:var(--text-muted);border-color:var(--border-divider)}html[data-theme=dark] .employee-kpi-chart footer strong,html[data-theme=dark] .employee-kpi-identity>div b,html[data-theme=dark] .enterprise-meeting>div>small b{color:#ff8f99}html[data-theme=dark] .searchable-select>summary{color:var(--text);background:#2b2225;border-color:#5b4146}html[data-theme=dark] .project-value,html[data-theme=dark] .project-month,html[data-theme=dark] .line-chart-legend{fill:var(--text-muted);color:var(--text-muted)}html[data-theme=dark] .trend-column>span{border-color:var(--border-divider)}html[data-theme=dark] .trend-column>span>b,html[data-theme=dark] .trend-column>small,html[data-theme=dark] .distribution-legend span,html[data-theme=dark] .donut-legend b small,html[data-theme=dark] .line-chart-legend span,html[data-theme=dark] .project-trend-filter label{color:var(--text-muted)}html[data-theme=dark] .distribution-legend b{color:var(--text)}html[data-theme=dark] .project-point{stroke:#211a1c}html[data-theme=dark] .project-value.created{fill:#ff8993}html[data-theme=dark] .project-value.completed{fill:#71d8ad}html[data-theme=dark] .table-pagination-summary select{color:var(--text);background:#2b2225;border-color:#563f44}html[data-theme=dark] .detail-heading,html[data-theme=dark] .page-heading{color:var(--text);border-color:var(--border-divider);box-shadow:none;background:0 0}html[data-theme=dark] .detail-heading h1,html[data-theme=dark] .page-heading h1{color:var(--text)}html[data-theme=dark] .task-workspace-heading{border-color:var(--border-divider);background:linear-gradient(#251d20,#211a1c)}html[data-theme=dark] .task-detail-meta>span:not(.status-pill){color:#e4d9dc;background:0 0;border-color:#0000}html[data-theme=dark] .task-detail-meta>span b{color:#b89da2}html[data-theme=dark] .detail-heading-actions .secondary-action{color:#ff9da5;background:#2b2225;border-color:#6a4248}html[data-theme=dark] .detail-heading-actions :where(.danger-button,.user-danger-button){color:#fff;background:var(--brand);border-color:#ff7480}html[data-theme=dark] .task-summary>div,html[data-theme=dark] .user-account-facts>div,html[data-theme=dark] .project-team-grid article,html[data-theme=dark] .profile-photo-section,html[data-theme=dark] .subtask-empty,html[data-theme=dark] .task-properties-form,html[data-theme=dark] .report-subtask-row,html[data-theme=dark] .notification-list article.unread{color:var(--text);border-color:var(--border-divider);background:#2a2023}html[data-theme=dark] .task-summary>div small,html[data-theme=dark] .user-account-facts>div small,html[data-theme=dark] .project-team-grid article small,html[data-theme=dark] .project-description,html[data-theme=dark] .detail-heading p,html[data-theme=dark] .section-heading p{color:var(--text-muted)}html[data-theme=dark] .task-summary>div strong,html[data-theme=dark] .user-account-facts>div strong,html[data-theme=dark] .project-team-grid article strong{color:var(--text)}html[data-theme=dark] .detail-heading>div:first-child>a:first-child,html[data-theme=dark] .user-secondary-button,html[data-theme=dark] .user-danger-button{color:#ff9da5;background:#2b2225;border-color:#6a4248}html[data-theme=dark] .detail-heading>div:first-child>a:first-child:hover,html[data-theme=dark] .user-secondary-button:hover,html[data-theme=dark] .user-danger-button:hover{color:#fff;border-color:var(--border-hover);background:#3a2529}html[data-theme=dark] .progress-cell>span,html[data-theme=dark] .task-overall-progress>span,html[data-theme=dark] .subtask-progress>span{background:#49363a}html[data-theme=dark] .enterprise-datetime input:hover,html[data-theme=dark] .crud-form input:hover,html[data-theme=dark] .crud-form select:hover,html[data-theme=dark] .crud-form textarea:hover,html[data-theme=dark] .inline-crud-form input:hover,html[data-theme=dark] .inline-crud-form select:hover,html[data-theme=dark] .project-team-form select:hover{color:var(--text);border-color:var(--border-hover);background:#35272a}html[data-theme=dark] .project-team-form label,html[data-theme=dark] .crud-form label{color:#d8cdd0}.action-menu{min-width:0;position:relative}.crud-action-form .action-menu,.crud-action-select+.action-menu{width:100%}.action-menu-trigger{width:100%;min-width:132px;height:36px;color:var(--brand-dark);border:1px solid var(--border-hover);font:inherit;cursor:pointer;background:#fff;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:0 11px 0 13px;font-size:9px;font-weight:800;transition:border-color .16s,background-color .16s,color .16s,box-shadow .16s;display:flex}.action-menu-trigger[aria-expanded=true]{color:var(--brand);border-color:var(--brand);box-shadow:0 0 0 3px #ef142317}.action-menu-chevron{flex:none;transition:transform .18s;transform:rotate(90deg)}.action-menu-trigger[aria-expanded=true] .action-menu-chevron{transform:rotate(270deg)}.action-menu-trigger:hover:not(:disabled){color:var(--brand);border-color:var(--brand);background:#fff8f9}.action-menu-trigger:disabled{cursor:not-allowed;opacity:.58}.action-menu-trigger.icon-only{border-radius:10px;justify-content:center;width:38px;min-width:38px;height:38px;margin:0 auto;padding:0}.action-menu-trigger.icon-only[aria-expanded=true]{z-index:2147483601;color:#fff;background:var(--brand);border-color:var(--brand);position:relative;box-shadow:0 5px 14px #cb0d1b3d}.action-menu-popover{z-index:2147483600;color:#302a2d;border:1px solid var(--border-hover);background:#fff;border-radius:9px;gap:2px;padding:5px;animation:.14s ease-out action-menu-in;display:grid;position:fixed;box-shadow:0 14px 34px #3912172e}.action-menu-popover button{min-height:40px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:0 12px;font-size:9px;font-weight:700;transition:color .13s,background-color .13s;display:flex}.action-menu-popover button svg{color:#9b8589;flex:none;width:15px;height:15px}.action-menu-popover button span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.action-menu-popover button:hover,.action-menu-popover button:focus-visible{color:var(--brand-dark);background:var(--brand-soft);outline:0}.action-menu-popover button:hover svg,.action-menu-popover button:focus-visible svg{color:currentColor}.action-menu-popover button.selected{color:#6f6265;background:#f2eeee}.action-menu-popover button.danger{color:#b20f1a}.action-menu-popover button.danger svg{color:currentColor}.action-menu-popover button.danger:hover,.action-menu-popover button.danger:focus-visible{color:#fff;background:var(--brand)}.action-wheel-icon{transition:transform .2s}.action-menu-trigger[aria-expanded=true] .action-wheel-icon{transform:rotate(45deg)}.action-menu-popover.radial-icon-menu{height:116px;box-shadow:none;pointer-events:none;background:0 0;border:0;padding:0;display:block;overflow:visible}.action-menu-popover.radial-icon-menu>button{z-index:1;width:36px;height:36px;min-height:0;color:var(--brand-dark);pointer-events:auto;background:#fff;border:1px solid #f1b9be;border-radius:50%;place-items:center;padding:0;transition:color .14s,background-color .14s,border-color .14s,transform .14s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 14px #4d141a26}.action-menu-popover.radial-icon-menu>button svg{width:16px;height:16px}.action-menu-popover.radial-icon-menu>button:hover,.action-menu-popover.radial-icon-menu>button:focus-visible{z-index:20;color:#fff;background:var(--brand);border-color:var(--brand);outline:0;transform:translate(-50%,-50%)scale(1.08);box-shadow:0 5px 13px #d40e1d3d}.action-menu-popover.radial-icon-menu>button.danger{color:#c31320;background:#fff5f6}.action-menu-popover.radial-icon-menu>button.danger:hover,.action-menu-popover.radial-icon-menu>button.danger:focus-visible{color:#fff;background:#9f0b16}.action-menu-popover.radial-icon-menu>button span{z-index:21;color:#fff;white-space:nowrap;pointer-events:none;background:#2d2528;border:1px solid #ffffff1f;border-radius:6px;width:max-content;max-width:180px;padding:6px 9px;font-size:8px;line-height:1.25;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 7px 18px #0000003d}.action-menu-popover.radial-icon-menu>button:hover span,.action-menu-popover.radial-icon-menu>button:focus-visible span{display:block}@keyframes action-menu-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}html[data-theme=dark] .action-menu-trigger{color:#f3e9eb;background:#2b2225;border-color:#6a4248}html[data-theme=dark] .action-menu-trigger:hover:not(:disabled),html[data-theme=dark] .action-menu-trigger[aria-expanded=true]{color:#ff9da5;background:#35272a;border-color:#b84a55}html[data-theme=dark] .action-menu-popover{color:#eee5e7;background:#2a2123;border-color:#69464c;box-shadow:0 16px 38px #0000006b}html[data-theme=dark] .action-menu-popover button:hover,html[data-theme=dark] .action-menu-popover button:focus-visible{color:#ffabb2;background:#43272c}html[data-theme=dark] .action-menu-popover button.selected{color:#d4c7ca;background:#3a2e31}html[data-theme=dark] .action-menu-popover button.danger{color:#ff929c}html[data-theme=dark] .action-menu-popover button.danger:hover,html[data-theme=dark] .action-menu-popover button.danger:focus-visible{color:#fff;background:var(--brand)}html[data-theme=dark] .action-menu-popover.radial-icon-menu{box-shadow:none;background:0 0;border:0}html[data-theme=dark] .action-menu-popover.radial-icon-menu>button{color:#ff9da5;background:#2f2427;border-color:#74464e}html[data-theme=dark] .action-menu-popover.radial-icon-menu>button:hover,html[data-theme=dark] .action-menu-popover.radial-icon-menu>button:focus-visible{color:#fff;background:var(--brand);border-color:#ff8d97}html[data-theme=dark] .action-menu-popover.radial-icon-menu>button.danger{color:#ff7f8a;background:#382428}html[data-theme=dark] .action-menu-trigger.icon-only[aria-expanded=true]{color:#fff;background:var(--brand);border-color:#ff8d97}html::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track{background:#f4f5f6}html::-webkit-scrollbar-thumb{background:#9aa0a6;border:2px solid #f4f5f6;border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:#747b82}html::-webkit-scrollbar-corner{background:#f4f5f6}html::-webkit-scrollbar-button{background-color:#f4f5f6;background-position:50%;background-repeat:no-repeat;background-size:7px 7px;width:14px;height:14px}html::-webkit-scrollbar-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='m1 5.5 3-3 3 3' fill='none' stroke='%23747b82' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}html::-webkit-scrollbar-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='m1 2.5 3 3 3-3' fill='none' stroke='%23747b82' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}html::-webkit-scrollbar-button:hover{background-color:#e3e6e8}html[data-theme=dark]::-webkit-scrollbar-track{background:#211a1c}html[data-theme=dark]::-webkit-scrollbar-corner{background:#211a1c}html[data-theme=dark]::-webkit-scrollbar-thumb{background:#777274;border-color:#211a1c}html[data-theme=dark]::-webkit-scrollbar-thumb:hover{background:#969092}html[data-theme=dark]::-webkit-scrollbar-button{background-color:#211a1c}html[data-theme=dark]::-webkit-scrollbar-button:hover{background-color:#342a2d}.access-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.access-role-card{position:relative;overflow:hidden}.access-role-card>header{border-bottom:1px solid var(--border-divider);justify-content:space-between;gap:16px;padding:18px 20px;display:flex}.access-role-card>header span{color:var(--brand);letter-spacing:1px;font-size:7px;font-weight:900}.access-role-card>header h2{margin:5px 0 4px;font-size:15px}.access-role-card>header p{color:var(--text-muted);margin:0;font-size:9px}.access-role-card>header>b{height:max-content;color:var(--brand-dark);background:var(--brand-soft);white-space:nowrap;border-radius:99px;padding:5px 8px;font-size:8px}.access-role-form{gap:16px;padding:18px 20px;display:grid}.access-role-fields{grid-template-columns:1fr 1fr;gap:9px;display:grid}.access-role-fields label,.access-assignment-form label{color:#51474a;flex-direction:column;gap:6px;font-size:9px;font-weight:750;display:flex}.access-role-fields input,.access-role-fields select,.access-assignment-form select{width:100%;height:40px;color:var(--text);border:1px solid var(--border-page);background:#fff;border-radius:8px;padding:0 10px}.privilege-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.privilege-groups fieldset{border:1px solid var(--border-page);border-radius:9px;margin:0;padding:11px}.privilege-groups legend{color:var(--brand-dark);padding:0 5px;font-size:8px;font-weight:850}.privilege-groups label{cursor:pointer;border-radius:6px;align-items:center;gap:8px;min-height:35px;padding:5px;display:flex}.privilege-groups label:hover{background:var(--brand-soft)}.privilege-groups input{width:15px;height:15px;accent-color:var(--brand);flex:none}.privilege-groups span{flex-direction:column;gap:2px;font-size:9px;font-weight:700;display:flex}.privilege-groups small{color:var(--text-muted);font-size:7px;font-weight:500}.access-role-delete{padding:0 20px 16px}.access-role-assignments{border-top:1px solid var(--border-divider);background:snow;padding:14px 20px}.access-role-assignments>strong{margin-bottom:8px;font-size:9px;display:block}.access-role-assignments>div{border-bottom:1px solid var(--border-divider);justify-content:space-between;align-items:center;min-height:38px;font-size:9px;display:flex}.access-role-assignments>div span{flex-direction:column;gap:2px;display:flex}.access-role-assignments small{color:var(--text-muted);font-size:7px}.access-role-assignments button{width:26px;height:26px;color:var(--brand);border:1px solid var(--border-page);background:#fff;border-radius:6px}.access-role-assignments>p{color:var(--text-muted);margin:0;font-size:8px}.access-assignment-form{grid-template-columns:1.2fr 1fr 1fr auto;align-items:end;gap:9px;display:grid}.access-assignment-form button{height:40px}html[data-theme=dark] .access-role-fields label,html[data-theme=dark] .access-assignment-form label{color:var(--text)}html[data-theme=dark] .access-role-fields input,html[data-theme=dark] .access-role-fields select,html[data-theme=dark] .access-assignment-form select,html[data-theme=dark] .access-role-assignments button{color:var(--text);border-color:var(--border-page);background:#2b2225}html[data-theme=dark] .access-role-assignments{background:#241d1f}@media (max-width:900px){.access-role-grid{grid-template-columns:1fr}.access-assignment-form{grid-template-columns:1fr 1fr}}@media (max-width:600px){.access-role-fields,.privilege-groups,.access-assignment-form{grid-template-columns:1fr}}