:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--nh-teal:#2aa2ad;--nh-teal-strong:#35c3c7;--nh-cyan:#67e8f9;--nh-bg:#07111f;--nh-bg-2:#0a1628;--nh-panel:#0f1b2d;--nh-panel-2:#132238;--nh-border:#24364f;--nh-text:#f7fbff;--nh-text-soft:#d9e6f2;--nh-muted:#9fb2c7;--nh-muted-2:#7f96ad;--nh-success:#7ee2a8;--nh-warning:#ffd166;--nh-danger:#ff8f8f;--nh-shadow:0 18px 48px #00000047;--nh-radius:16px}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--nh-bg);color:var(--nh-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.app,.loginPage,.loginCard,.contentCard,.manualCard,.sidebar,.topbar{color:var(--nh-text)}.app p,.app label,.app td,.app th,.app span,.loginPage p,.loginPage label,.loginPage span{color:inherit}.app input,.app textarea,.app select,.loginPage input,.loginPage textarea,.loginPage select{caret-color:var(--nh-cyan);color:var(--nh-text)!important;background:#0a1526!important;border:1px solid #314763!important}.app input::placeholder,.app textarea::placeholder,.loginPage input::placeholder,.loginPage textarea::placeholder{opacity:1;color:#8097ae!important}.app input:focus,.app textarea:focus,.app select:focus,.loginPage input:focus,.loginPage textarea:focus,.loginPage select:focus{border-color:var(--nh-teal-strong)!important;outline:none!important;box-shadow:0 0 0 3px #35c3c729!important}.app option,.loginPage option{color:var(--nh-text)!important;background:#0a1526!important}.app label,.loginPage label{font-weight:650;color:#dce9f5!important}.app small,.app .secondary,.app .dataCount,.app .topbar p,.app .brand span{color:var(--nh-muted)!important}.app{background:radial-gradient(circle at 85% 0,#2aa2ad1a,#0000 28rem),linear-gradient(#07111f 0%,#081321 100%);grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--nh-border);z-index:20;background:linear-gradient(#081421 0%,#0a1727 100%);height:100vh;padding:22px 16px;position:sticky;top:0;box-shadow:10px 0 35px #00000026}.main{width:100%;min-width:0}.brand{border-bottom:1px solid #536f8f38;align-items:center;gap:11px;min-height:72px;margin-bottom:10px;padding:10px 8px 18px;display:flex}.brandIcon{background:#02060b;border:1px solid #35c3c759;border-radius:12px;place-items:center;width:72px;height:46px;display:grid;overflow:hidden;box-shadow:0 8px 22px #0000003d}.brandLogo{object-fit:contain;width:100%;height:100%;display:block}.brand h2{letter-spacing:-.01em;margin:0 0 2px;font-size:15px;color:var(--nh-text)!important}.brand span{font-size:11px}.sidebar nav{gap:7px;margin-top:14px;display:grid}.navItem{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;width:100%;padding:11px 13px;transition:all .18s;color:#c7d8e9!important}.navItem:hover{background:#35c3c714;border-color:#35c3c729;transform:translate(2px);color:#fff!important}.navItem.active{box-shadow:inset 3px 0 0 var(--nh-teal-strong);background:linear-gradient(135deg,#2aa2ad42,#2aa2ad1f);border-color:#35c3c76b;font-weight:750;color:#eaffff!important}.topbar{z-index:15;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07111fe0;border-bottom:1px solid #4158748c;justify-content:space-between;align-items:center;gap:16px;min-height:82px;padding:16px 24px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.025em;margin:0;font-size:clamp(20px,2vw,27px);color:#fff!important}.topbar p{margin:5px 0 0;font-size:12px}.firestoreStatus{white-space:nowrap;background:#1e875221;border:1px solid #4bd07e47;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700;color:#aaf0c4!important}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:22px 24px 0;display:grid}.statCard,.contentCard,.manualCard{border:1px solid var(--nh-border);border-radius:var(--nh-radius);background:linear-gradient(#111f32fa,#0d192afa);box-shadow:0 8px 28px #00000029}.statCard{padding:16px;position:relative;overflow:hidden}.statCard:before{content:"";background:linear-gradient(180deg, var(--nh-teal-strong), transparent);width:3px;position:absolute;inset:0 auto 0 0}.statCard>:first-child{color:var(--nh-muted)!important}.statCard>:last-child{color:#fff!important}.contentCard,.manualCard{margin:18px 24px 24px;overflow:hidden}.manualCard{padding:20px;overflow:visible}.manualHeader,.tableHeader{justify-content:space-between;align-items:center;gap:14px;display:flex}.tableHeader{border-bottom:1px solid var(--nh-border);padding:17px 18px}.tableHeader h2,.manualHeader h2{margin:0;color:#fff!important}.tableWrapper{width:100%;overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%}th{z-index:2;text-align:left;letter-spacing:.045em;text-transform:uppercase;border-bottom:1px solid #2a3d57;padding:13px 14px;font-size:10px;position:sticky;top:0;color:#b7c9dc!important;background:#0d192a!important}td{vertical-align:top;background:0 0;border-bottom:1px solid #2b3d549e;padding:14px;font-size:12px;line-height:1.5;color:#ecf4fb!important}tbody tr{transition:background .16s}tbody tr:hover{background:#35c3c70b}tbody tr:last-child td{border-bottom:0}.conversation,.summaryCell{overflow-wrap:anywhere;color:#f4f8fc!important}.idCell{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#a9bdd2!important}.unitBadge{background:#2aa2ad1f;border:1px solid #35c3c738;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:750;color:#dffcff!important}.badge{letter-spacing:.015em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:27px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex;color:#fff!important}.respon-komplain{color:#fff1f1!important;background:#7f1515!important;border-color:#b52a2a!important}.respon-apresiasi{color:#eafff3!important;background:#12683f!important;border-color:#289563!important}.respon-umum{color:#edf6ff!important;background:#17365c!important;border-color:#285889!important}.status-proses{color:#fff6cf!important;background:#725211!important;border-color:#a77a20!important}.status-done{color:#e9fff6!important;background:#116342!important;border-color:#238a61!important}.status-belum_ditangani{color:#e5edf6!important;background:#25364d!important;border-color:#40566f!important}.primaryButton,.secondaryButton,.handleButton,.projectButton{cursor:pointer;border-radius:10px;min-height:38px;padding:9px 13px;font-weight:750;transition:transform .15s,box-shadow .15s,border-color .15s}.primaryButton{box-shadow:0 8px 20px #2aa2ad2e;color:#021518!important;background:linear-gradient(135deg,#57dddd,#2aa2ad)!important;border:1px solid #64e6e6!important}.primaryButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #2aa2ad42}.secondaryButton,.handleButton,.projectButton{color:#eaf8ff!important;background:#12233a!important;border:1px solid #31506f!important}.secondaryButton:hover:not(:disabled),.handleButton:hover:not(:disabled),.projectButton:hover:not(:disabled){border-color:var(--nh-teal-strong)!important;background:#16304a!important}button:disabled{opacity:.5;cursor:not-allowed}.projectDuration{margin-top:6px;font-size:11px;color:#b7c9dc!important}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.formGroup{gap:7px;min-width:0;display:grid}.formGroup.full{grid-column:1/-1}.formGroup input,.formGroup select,.formGroup textarea{border-radius:10px;width:100%;min-height:42px;padding:10px 11px}.formGroup textarea{resize:vertical;min-height:105px}.formActions,.importActions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.importBox{background:#0a1727;border:1px dashed #395875;border-radius:13px;padding:16px}.formAlert{background:#15243a;border:1px solid #314761;border-radius:10px;padding:10px 12px;color:#eaf2fb!important}.errorAlert,.importError{color:#ffd5d5!important;background:#7e171733!important;border-color:#ff6d6d57!important}.successAlert{color:#caffdd!important;background:#11634238!important;border-color:#4adb8b52!important}.app [role=dialog],.app .modal,.app .modalContent{color:var(--nh-text)!important}.loginPage{min-height:100vh!important;color:var(--nh-text)!important;background:radial-gradient(circle at 50% 12%,#2aa2ad2e,#0000 26rem),radial-gradient(circle at 0 100%,#2aa2ad14,#0000 24rem),#06101d!important;place-items:center!important;padding:24px!important;display:grid!important}.loginCard{width:min(100%,430px)!important;max-width:430px!important;color:var(--nh-text)!important;background:linear-gradient(#111f32fa,#0b1727fa)!important;border:1px solid #2c415b!important;border-radius:20px!important;padding:30px!important;box-shadow:0 28px 80px #0000006b!important}.loginBrand{text-align:center;margin-bottom:22px}.loginLogoWrap{background:#010408;border:1px solid #35c3c747;border-radius:15px;place-items:center;width:255px;max-width:86%;height:86px;margin:0 auto 16px;display:grid;overflow:hidden;box-shadow:0 12px 34px #0000004d}.loginLogo{object-fit:contain;width:100%;height:100%}.loginCard h1{letter-spacing:-.025em;font-size:25px;color:#fff!important;margin:0!important}.loginSubtitle{font-size:13px;color:#a9bfd3!important;margin:7px 0 0!important}.loginDivider{text-align:center;margin:20px 0;font-size:11px;position:relative;color:#9ab0c5!important}.loginDivider:before,.loginDivider:after{content:"";background:#2a3d56;width:42%;height:1px;position:absolute;top:50%}.loginDivider:before{left:0}.loginDivider:after{right:0}*{scrollbar-width:thin;scrollbar-color:#34536e #0a1626}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#091524}::-webkit-scrollbar-thumb{background:#34536e;border:2px solid #091524;border-radius:999px}@media (width<=920px){.app{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--nh-border);height:auto;padding:12px;position:relative}.brand{min-height:auto;padding:4px 4px 10px}.sidebar nav{gap:7px;padding-bottom:4px;display:flex;overflow-x:auto}.navItem{white-space:nowrap;width:auto}.navItem:hover{transform:none}.topbar{align-items:flex-start;padding:14px 16px;position:relative}.stats{padding:16px 16px 0}.contentCard,.manualCard{margin:14px 16px 18px}.formGrid{grid-template-columns:1fr}}@media (width<=620px){.topbar{flex-direction:column}.topbar>div:last-child{flex-wrap:wrap;justify-content:space-between;width:100%}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.loginCard{border-radius:16px!important;padding:22px!important}.loginLogoWrap{width:225px;height:76px}.manualHeader,.tableHeader{flex-direction:column;align-items:flex-start}}.filterToolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.dashboardFilters{flex-wrap:wrap;flex:auto;align-items:flex-end;gap:10px;display:flex}.filterGroup{flex-direction:column;gap:6px;min-width:130px;display:flex}.filterGroup label{color:#9fb4c8;margin:0}.filterGroup input,.filterGroup select{min-height:36px;padding:7px 10px}.filterResetButton{align-self:flex-end;min-height:36px}.dataCount{white-space:nowrap;align-self:center}.firestoreStatus{display:none!important}body,button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}body{font-size:12px!important}.topbar h1{font-size:22px!important;font-weight:750!important;line-height:1.2!important}.tableHeader h2,.manualHeader h2,.contentCard h2,.manualCard h2{font-size:14px!important;font-weight:750!important;line-height:1.3!important}table th{letter-spacing:.035em!important;font-size:11px!important;font-weight:750!important;line-height:1.3!important}table td,.conversation,.summaryCell,.idCell{font-size:12px!important;line-height:1.5!important}.filterGroup label{font-size:11px!important;font-weight:750!important}.filterGroup input,.filterGroup select{font-size:12px!important;font-weight:500!important}.filterResetButton,.dataCount{font-size:12px!important}.formGroup label,.app form label,.loginPage label{font-size:11px!important;font-weight:700!important}.formGroup input,.formGroup select,.formGroup textarea,.app form input,.app form select,.app form textarea{font-size:12px!important;font-weight:500!important}.app select,.app option,.loginPage select,.loginPage option,.app input::placeholder,.app textarea::placeholder,.loginPage input::placeholder{font-size:12px!important}.primaryButton,.secondaryButton,.handleButton,.projectButton,.app button,.loginPage button{font-size:12px!important;font-weight:700!important}.badge,.unitBadge{font-size:10px!important;font-weight:750!important}.app small,.secondary,.projectDuration,.loginSubtitle,.topbar p{font-size:11px!important}.loginCard h1{font-size:22px!important;font-weight:750!important}.loginCard input{font-size:12px!important}.loginSubtitle,.loginDivider{font-size:11px!important}.app [role=dialog],.app .modal,.app .modalContent,.app [role=dialog] input,.app [role=dialog] select,.app [role=dialog] textarea,.app .modal input,.app .modal select,.app .modal textarea{font-size:12px!important}.statCard{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-height:96px;display:flex}.statCard>:first-child{width:100%;display:block;font-size:11px!important;font-weight:700!important;line-height:1.3!important}.statCard>:last-child{letter-spacing:-.03em;width:100%;display:block;font-size:28px!important;font-weight:800!important;line-height:1!important}.pagination,.pagination button,.pagination span{font-size:12px!important}.dashboardDataTable{table-layout:fixed!important;width:100%!important}.dashboardDataTable th,.dashboardDataTable td{text-align:left!important;vertical-align:top!important}.dashboardDataTable .conversation,.dashboardDataTable .summaryCell,.dashboardDataTable .colConversation,.dashboardDataTable .colFeedback{white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.5!important}.dashboardDataTable .summaryCell input,.dashboardDataTable .summaryCell textarea{box-sizing:border-box!important;width:100%!important}.dashboardDataTable .colResponse .badge,.dashboardDataTable .colResponse select,.dashboardDataTable .colHandling button{max-width:100%!important}@media (width>=1200px){.dashboardDataTable .colConversation{width:19%!important}.dashboardDataTable .colFeedback{width:33%!important}.dashboardDataTable .colHandling{width:13%!important}}@media (width<=1100px){.dashboardDataTable{min-width:1120px!important}.dashboardFilters{width:100%}}@media (width<=700px){.filterGroup{flex:150px;min-width:150px}.filterResetButton,.dataCount{width:100%}}.dashboardDataTable .expandableTextWrap{width:100%;min-width:0;display:block;text-align:left!important}.dashboardDataTable .expandableText{width:100%;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;text-align:left!important;line-height:1.5!important}.dashboardDataTable .expandableText.clamped{line-clamp:3;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important}.dashboardDataTable .expandableText.expanded{line-clamp:unset;-webkit-line-clamp:unset!important;display:block!important;overflow:visible!important}.dashboardDataTable .expandTextButton{width:auto!important;min-width:0!important;box-shadow:none!important;color:#56d9c6!important;text-align:left!important;cursor:pointer!important;background:0 0!important;border:0!important;margin:3px 0 0!important;padding:0!important;font-size:11px!important;font-weight:700!important;line-height:1.3!important;display:inline-block!important}.dashboardDataTable .expandTextButton:hover{text-decoration:underline!important}.dashboardDataTable .expandTextButton:focus-visible{outline-offset:2px!important;border-radius:2px!important;outline:1px solid!important}.dashboardDataTable .conversation .expandableText,.dashboardDataTable .summaryCell .expandableText{max-height:none}.app{transition:grid-template-columns .2s}.app.sidebarHidden{grid-template-columns:0 minmax(0,1fr)!important}.sidebar{transition:width .2s,padding .2s,opacity .15s,border-color .15s;overflow:hidden}.sidebar.isHidden{opacity:0;pointer-events:none;border-right-color:#0000!important;width:0!important;min-width:0!important;padding-left:0!important;padding-right:0!important}.sidebarToggle{cursor:pointer;flex:none;justify-content:center;align-items:center;gap:7px;min-width:72px;min-height:40px;color:#d9ecf8!important;box-shadow:none!important;background:#0f2337eb!important;border:1px solid #417499a6!important;border-radius:10px!important;padding:8px 11px!important;display:inline-flex!important}.sidebarToggle:hover{background:#1a3a4ef2!important;border-color:#35c3c7a6!important}.sidebarToggleIcon{font-size:18px;line-height:1}.sidebarToggleText{font-size:11px;font-weight:750}.topbarTitle{flex:auto;min-width:0}.dashboardDataTable .colDate{width:10%!important}.dashboardDataTable .colPerson{width:13%!important}.dashboardDataTable .colUnit{width:8%!important}.dashboardDataTable .colConversation{width:18%!important}.dashboardDataTable .colResponse{width:8%!important}.dashboardDataTable .colFeedback{width:30%!important}.dashboardDataTable .colHandling{width:13%!important}.dashboardDataTable th,.dashboardDataTable td{padding-left:12px!important;padding-right:12px!important}.dashboardDataTable .colDate,.dashboardDataTable .colPerson{overflow-wrap:normal!important;word-break:normal!important}.dashboardDataTable .colDate{white-space:normal!important}.dashboardDataTable .colPerson{overflow-wrap:anywhere!important}@media (width>=1350px){.dashboardDataTable .colDate{width:9%!important}.dashboardDataTable .colPerson{width:12%!important}.dashboardDataTable .colUnit{width:8%!important}.dashboardDataTable .colConversation{width:19%!important}.dashboardDataTable .colResponse{width:8%!important}.dashboardDataTable .colFeedback{width:31%!important}.dashboardDataTable .colHandling{width:13%!important}}@media (width<=920px){.app.sidebarHidden{grid-template-columns:1fr!important}.sidebar.isHidden{display:none!important}.topbar{gap:10px!important}.sidebarToggle{min-width:44px}.sidebarToggleText{display:none}.dashboardDataTable{min-width:1180px!important}}.filterLabelGroup{flex:330px;position:relative;min-width:280px!important}.dashboardLabelPicker{width:100%;position:relative}.dashboardLabelChips{flex-wrap:wrap;gap:6px;margin-bottom:7px;display:flex}.dashboardLabelChip{color:#dff9fa;background:#1455605c;border:1px solid #2db5bd8c;border-radius:999px;align-items:center;gap:5px;max-width:220px;padding:5px 7px 5px 9px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.dashboardLabelChip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboardLabelChip button{cursor:pointer;justify-content:center;align-items:center;color:#cdeff2!important;background:#ffffff14!important;border:0!important;border-radius:50%!important;width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;font-size:14px!important;line-height:1!important;display:inline-flex!important}.dashboardLabelChip button:hover{background:#ffffff29!important}.dashboardLabelSearchWrap{width:100%;position:relative}.dashboardLabelSearchWrap>input{box-sizing:border-box;min-height:36px;width:100%!important}.dashboardLabelSuggestions{z-index:50;background:#0d1d2e;border:1px solid #3e688cd9;border-radius:10px;max-height:250px;padding:6px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 32px #00000057}.dashboardLabelSuggestions>button{cursor:pointer;min-height:32px;color:#d6e7f4!important;text-align:left!important;background:0 0!important;border:0!important;border-radius:7px!important;width:100%!important;padding:7px 9px!important;font-size:12px!important;font-weight:600!important;display:block!important}.dashboardLabelSuggestions>button:hover{color:#7ff4eb!important;background:#27aeb724!important}.dashboardLabelEmpty{color:#8da7bb;padding:8px 9px;font-size:11px}.dashboardLabelHint{color:#7e9ab0;margin-top:5px;line-height:1.35;display:block;font-size:10px!important}@media (width<=900px){.filterLabelGroup{flex-basis:100%;min-width:230px!important}}.tableLabelChips{flex-wrap:wrap;align-items:flex-start;gap:5px;display:flex}.dashboardDataTable .colUnit{cursor:default}.dashboardDataTable .colUnit[title]{cursor:pointer}.inlineLabelEditor{background:#091a2a;border:1px solid #35c3c7b8;border-radius:9px;width:100%;min-width:150px;padding:5px;position:relative;box-shadow:0 0 0 2px #35c3c71f}.inlineLabelEditorRow{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.inlineLabelEditChip{background:#2aa2ad29;border:1px solid #35c3c773;border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:4px 5px 4px 7px;display:inline-flex;color:#e5fcff!important;font-size:10px!important;font-weight:750!important}.inlineLabelEditChip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inlineLabelEditChip button{justify-content:center;align-items:center;color:#dffcff!important;cursor:pointer!important;background:#ffffff14!important;border:0!important;border-radius:50%!important;width:17px!important;min-width:17px!important;height:17px!important;min-height:17px!important;padding:0!important;font-size:13px!important;line-height:1!important;display:inline-flex!important}.inlineLabelEditChip button:hover{background:#ffffff2e!important}.inlineLabelEditInput{width:auto!important;min-width:70px!important;min-height:26px!important;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;flex:80px!important;padding:2px 3px!important;font-size:11px!important}.inlineLabelSuggestions{z-index:120;background:#0b1e30;border:1px solid #436c8ff2;border-radius:9px;max-height:220px;padding:5px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 34px #0000006b}.inlineLabelSuggestions button{color:#deedf7!important;text-align:left!important;cursor:pointer!important;background:0 0!important;border:0!important;border-radius:6px!important;width:100%!important;padding:7px 8px!important;font-size:11px!important;display:block!important}.inlineLabelSuggestions button:hover,.inlineLabelSuggestions button.isActive{color:#7ff4ed!important;background:#35c3c729!important}.inlineLabelEditHint{color:#7993aa;margin-top:4px;font-size:9px;line-height:1.25}.manualMultiLabelPicker{cursor:text;background:#0a1526;border:1px solid #314763;border-radius:10px;width:100%;min-height:42px;position:relative}.manualMultiLabelPicker:focus-within{border-color:var(--nh-teal-strong);box-shadow:0 0 0 3px #35c3c729}.manualMultiLabelRow{flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:5px 8px;display:flex}.manualLabelChip{background:#2aa2ad29;border:1px solid #35c3c773;border-radius:999px;align-items:center;gap:5px;max-width:220px;padding:5px 7px 5px 9px;display:inline-flex;color:#e5fcff!important;font-size:11px!important;font-weight:750!important}.manualLabelChip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.manualLabelChip button{justify-content:center;align-items:center;color:#dffcff!important;cursor:pointer!important;background:#ffffff14!important;border:0!important;border-radius:50%!important;width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;font-size:14px!important;line-height:1!important;display:inline-flex!important}.manualMultiLabelInput{width:auto!important;min-width:100px!important;min-height:28px!important;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;flex:110px!important;padding:3px 2px!important}.manualMultiLabelSuggestions{z-index:120;background:#0b1e30;border:1px solid #436c8ff2;border-radius:10px;max-height:250px;padding:6px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 38px #0000006b}.manualMultiLabelSuggestions button{min-height:34px;color:#deedf7!important;text-align:left!important;cursor:pointer!important;background:0 0!important;border:0!important;border-radius:7px!important;width:100%!important;padding:8px 10px!important;font-size:12px!important;display:block!important}.manualMultiLabelSuggestions button:hover,.manualMultiLabelSuggestions button.isActive{color:#7ff4ed!important;background:#35c3c729!important}.manualLabelHint{color:#7f96ad!important}.filterKeywordGroup{flex:260px;min-width:220px!important}.filterKeywordGroup input{width:100%}@media (width<=900px){.filterKeywordGroup{flex-basis:100%}}.archiveCard{min-height:220px}.archiveBulkToolbar{border-bottom:1px solid var(--nh-border);background:#0712206b;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 18px;display:flex}.archiveBulkInfo{color:var(--nh-muted);text-align:center;font-size:11px}.archivePermanentDeleteButton{cursor:pointer;border-radius:10px;min-height:38px;padding:9px 16px;font-size:12px;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 8px 20px #7f1d1d38;color:#fff5f5!important;background:#7f1d1d!important;border:1px solid #b83a3a!important}.archivePermanentDeleteButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #7f1d1d4d}.archivePermanentDeleteButton:disabled{opacity:.42;cursor:not-allowed}.archiveCheckColumn{width:46px;min-width:46px;text-align:center!important}.archiveCheckbox{accent-color:#2aa2ad;cursor:pointer;width:16px;height:16px}.archiveCheckbox:disabled{cursor:not-allowed}.archiveRowSelected td{background:#2aa2ad12}.archiveLabelList{flex-wrap:wrap;gap:6px;min-width:120px;display:flex}@media (width<=920px){.archiveBulkToolbar{align-items:stretch}.archivePermanentDeleteButton{width:100%}}.dashboardTableCard .filterToolbar{flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:flex-end!important;gap:10px!important;display:flex!important}.dashboardTableCard .dashboardFilters{flex-wrap:nowrap!important;flex:none!important;align-items:flex-end!important;gap:10px!important;width:auto!important;min-width:0!important;display:flex!important}.dashboardTableCard .filterGroup,.dashboardTableCard .filterKeywordGroup,.dashboardTableCard .filterLabelGroup{flex:0 0 168px!important;width:168px!important;min-width:168px!important;max-width:168px!important;margin:0!important}.dashboardTableCard .filterGroup>label{margin:0!important;display:none!important}.dashboardTableCard .filterGroup>input,.dashboardTableCard .filterGroup>select,.dashboardTableCard .filterKeywordGroup>input{box-sizing:border-box!important;width:168px!important;min-width:168px!important;max-width:168px!important;height:42px!important;min-height:42px!important;padding:8px 10px!important;display:block!important}.dashboardTableCard .filterLabelGroup .gmailLabelPicker{box-sizing:border-box!important;width:168px!important;min-width:168px!important;max-width:168px!important;min-height:42px!important;position:relative!important}.dashboardTableCard .filterTanggalGroup{flex:0 0 286px!important;width:286px!important;min-width:286px!important;max-width:286px!important}.dashboardTableCard .filterTanggalRange{min-height:42px;width:100%!important}.dashboardTableCard .filterTanggalRange>input[type=date]{flex:132px;width:132px!important;min-width:0!important;max-width:132px!important;height:42px!important}.dashboardTableCard .filterTanggalRange>span{flex:none;color:var(--nh-muted)!important}.dashboardTableCard .filterLabelGroup .gmailLabelInputRow{box-sizing:border-box!important;width:100%!important;min-height:40px!important}.dashboardTableCard .filterLabelGroup .gmailLabelInput{width:100%!important;min-width:0!important}.dashboardTableCard .filterLabelGroup .dashboardLabelHint{width:168px!important;max-width:168px!important}.dashboardTableCard .filterResetButton{white-space:nowrap!important;flex:none!important;align-self:flex-end!important;width:auto!important;min-width:68px!important;height:42px!important;min-height:42px!important;margin:0!important}.dashboardTableCard .filterToolbar>.dataCount{white-space:nowrap!important;align-self:flex-end!important;align-items:center!important;min-height:42px!important;margin-left:auto!important;padding-bottom:1px!important;display:inline-flex!important}@media (width<=1180px){.dashboardTableCard .filterToolbar{flex-wrap:wrap!important}.dashboardTableCard .dashboardFilters{flex-wrap:wrap!important;flex:100%!important;width:100%!important}.dashboardTableCard .filterToolbar>.dataCount{margin-left:0!important}}@media (width<=700px){.dashboardTableCard .filterGroup,.dashboardTableCard .filterKeywordGroup,.dashboardTableCard .filterLabelGroup{flex:100%!important;width:100%!important;min-width:100%!important;max-width:100%!important}.dashboardTableCard .filterGroup>input,.dashboardTableCard .filterGroup>select,.dashboardTableCard .filterKeywordGroup>input,.dashboardTableCard .filterLabelGroup .gmailLabelPicker,.dashboardTableCard .filterLabelGroup .dashboardLabelHint{width:100%!important;min-width:100%!important;max-width:100%!important}.dashboardTableCard .filterResetButton{width:100%!important}}@media (width>=1200px){.appShell{width:calc(100% - 180px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}}@media (width>=1600px){.appShell{width:calc(100% - 200px)!important}}@media (width>=1900px){.appShell{width:calc(100% - 220px)!important}}html,body,#root{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important}body{overflow-x:hidden!important}@media (width>=1200px){#root{width:100vw!important}.app{width:calc(100vw - 238px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}}@media (width>=1900px){.app{width:calc(100vw - 260px)!important}}@media (width<=1199px){.app{width:100%!important;max-width:none!important;margin:0!important}}.respon-saran{color:#fff4d6!important;background:#5a3b12!important;border-color:#a56b1b!important}.directDoneButton{cursor:pointer;border-radius:10px;min-height:38px;padding:9px 13px;font-weight:750;transition:transform .15s,box-shadow .15s,border-color .15s;color:#ecfff4!important;background:#14532d!important;border:1px solid #22c55e!important}.directDoneButton:hover:not(:disabled){transform:translateY(-1px);background:#166534!important;border-color:#4ade80!important}.directDoneButton:disabled{opacity:.5;cursor:not-allowed}.handleButton{color:#eaffff!important;background:#123b52!important;border:1px solid #2aa2ad!important}.handleButton:hover:not(:disabled){background:#18536b!important;border-color:#67e8f9!important}.projectButton{color:#ecfff4!important;background:#14532d!important;border:1px solid #22c55e!important}.projectButton:hover:not(:disabled){background:#166534!important;border-color:#4ade80!important}