: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}.labelBadges{flex-wrap:wrap;gap:5px;display:flex}.inlineLabelEditor{background:#0d192a;border:1px solid #35c3c747;border-radius:10px;width:min(420px,42vw);min-width:260px;padding:8px}.inlineLabelEditor .formGroup{margin:0}.inlineLabelEditor .formGroup>label:empty{display:none}.inlineLabelEditor input{min-width:150px}.inlineLabelActions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.inlineLabelActions button{width:auto;min-width:86px;padding:8px 12px}.feedbackModalOverlay{z-index:12000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020817d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.feedbackModalCard{background:#0d192a;border:1px solid #2a3d57;border-radius:16px;flex-direction:column;gap:16px;width:min(920px,94vw);max-height:92vh;padding:22px;display:flex;box-shadow:0 24px 80px #0000008c}.feedbackModalHeader,.feedbackModalFooter,.feedbackModalActions{justify-content:space-between;align-items:center;gap:12px;display:flex}.feedbackModalHeader h2{margin:0 0 5px}.feedbackModalHeader p,.feedbackModalFooter>span{color:#8fa7bf;margin:0;font-size:11px}.feedbackModalTextarea{resize:vertical;white-space:pre-wrap;width:100%;min-height:min(520px,58vh);padding:16px;font-size:14px;line-height:1.65}.feedbackModalActions button,.feedbackModalHeader button{width:auto}@media (width<=640px){.feedbackModalOverlay{padding:10px}.feedbackModalCard{width:100%;padding:15px}.feedbackModalFooter{flex-direction:column;align-items:stretch}.feedbackModalActions{width:100%}.feedbackModalActions button{flex:1}}.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}}.statCard{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-height:96px;display:flex}.statCard>:first-child{width:100%;line-height:1.35;display:block;color:#a9bfd3!important;font-size:12px!important;font-weight:600!important}.statCard>:last-child{letter-spacing:-.03em;width:100%;display:block;color:#fff!important;font-size:28px!important;font-weight:800!important;line-height:1!important}.firestoreStatus{display:none!important}.filterToolbar{align-items:flex-end;gap:16px}.dashboardFilters{flex-wrap:wrap;flex:1;align-items:flex-end;gap:10px;display:flex}.filterGroup{gap:5px;min-width:135px;display:grid}.filterGroup label{text-transform:uppercase;letter-spacing:.04em;color:#9fb2c7!important;font-size:10px!important;font-weight:700!important}.filterGroup input,.filterGroup select{border-radius:9px;min-height:38px;padding:7px 10px;color:#f7fbff!important;background:#0a1526!important;border:1px solid #314763!important}.filterGroup input:focus,.filterGroup select:focus{box-shadow:0 0 0 3px #35c3c71f;border-color:#35c3c7!important}.filterResetButton{min-height:38px}.dataCount{white-space:nowrap;font-weight:700;color:#d9e6f2!important}@media (width<=920px){.filterToolbar{align-items:stretch}.dashboardFilters{width:100%}.filterGroup{flex:150px}}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>:first-child{font-size:11px!important;font-weight:700!important;line-height:1.3!important}.statCard>:last-child{font-size:28px!important;font-weight:800!important}.pagination,.pagination button,.pagination span{font-size:12px!important}