@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--kertas: #fdfbf7;--lembut: #efe7d9;--sorot: #f4d9ca;--tinta: #3a2e24;--tinta-2: #5d5047;--redup: #827469;--aksen: #c2603b;--kuning: #c89d51;--hijau: #668260;--garis: #ded4c7;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;font-family:var(--sans);color:var(--tinta);background:var(--kertas);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--kertas)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;min-height:100vh;padding:28px 20px 22px;background:var(--tinta);color:var(--kertas)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--tinta);font-size:18px;font-weight:800;letter-spacing:-.04em}.brand svg{flex:0 0 auto}.brand-domain{color:var(--aksen)}.brand-dark{color:var(--kertas)}.sidebar-nav{display:grid;gap:6px;margin-top:56px}.nav-item{display:flex;align-items:center;gap:12px;min-height:42px;padding:10px 12px;color:#d9cfc3;text-decoration:none;font-size:12px;font-weight:700;transition:background .15s ease,color .15s ease}.nav-item:hover,.nav-item.active{background:#57463a;color:#fff}.nav-icon{display:grid;place-items:center;width:24px;height:24px;background:#604c3d;color:#f5e7d8;font:700 11px var(--mono)}.nav-item.active .nav-icon{background:var(--aksen);color:#fff}.sidebar-bottom{display:grid;gap:14px;margin-top:auto;color:#b7aa9d;font-size:10px;line-height:1.6}.read-only-pill{width:fit-content;border:1px solid #806a58;padding:5px 8px;color:#f1dfd1;font:600 10px var(--mono)}.workspace{min-width:0;background:var(--kertas)}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:30px 42px 24px;border-bottom:1px solid var(--garis)}.topbar h1{margin:5px 0;font-size:26px;letter-spacing:-.045em}.topbar p{margin:0;max-width:650px;color:var(--redup);font-size:12px}.top-actions{display:flex;align-items:center;gap:10px;padding-top:5px}.top-actions select{border:1px solid var(--garis);background:#fff;padding:9px 12px;color:var(--tinta-2);font-size:11px}.admin-badge{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sorot);color:var(--aksen);font:700 11px var(--mono)}.text-button,.ghost-button{border:1px solid var(--garis);background:transparent;color:var(--tinta-2);padding:9px 11px;font-size:10px;font-weight:700}.text-button{border-color:transparent;color:var(--aksen)}.text-button:hover,.ghost-button:hover{border-color:var(--aksen);color:var(--aksen)}.page-content{display:grid;gap:20px;padding:28px 42px 90px}.eyebrow{display:block;color:var(--redup);font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.muted{margin:0 0 12px;color:var(--redup);font-size:11px;line-height:1.55}.body-copy{margin:0;color:var(--tinta-2);font-size:12px;line-height:1.65}.action-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:10px 14px;border:1px solid #d98b6a;background:#fbe9e1;color:#8a3b1e;border-radius:10px;font-size:12px;font-weight:600}.back-link{width:fit-content;color:var(--aksen);font-size:11px;font-weight:700;text-decoration:none}.back-link:hover,.table-link:hover{text-decoration:underline}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi{min-height:116px;padding:16px;border:1px solid var(--garis);background:#fff}.kpi.accent{border-top:3px solid var(--aksen)}.kpi strong{display:block;margin:13px 0 6px;font:700 23px var(--mono);letter-spacing:-.04em}.kpi>span:last-child{color:var(--redup);font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px}.panel{min-width:0;border:1px solid var(--garis);background:#fff;padding:20px}.panel-wide{min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.panel-head h2{margin:0 0 5px;font-size:15px;letter-spacing:-.025em}.panel-head p{margin:0;color:var(--redup);font-size:11px;line-height:1.5}.chip{display:inline-flex;flex:0 0 auto;align-items:center;min-height:24px;border:1px solid var(--garis);background:var(--lembut);padding:4px 8px;color:var(--tinta-2);font:600 9px var(--mono)}.definition{margin-top:18px;border-left:2px solid var(--kuning);padding:10px 12px;background:#fbf7ef;color:var(--redup);font-size:10px;line-height:1.55}.definition strong{color:var(--tinta-2)}.segment-bars{display:grid;gap:13px}.segment-row{display:grid;grid-template-columns:68px minmax(0,1fr) 62px;gap:12px;align-items:center;font-size:11px}.segment-row>span{font:600 11px var(--mono)}.segment-row strong{text-align:right;font:700 11px var(--mono)}.segment-meter,.long-meter{height:10px;background:var(--lembut)}.segment-meter span,.long-meter span{display:block;height:100%;background:var(--aksen)}.segment-row:nth-child(2) .segment-meter span{background:var(--tinta)}.segment-row:nth-child(3) .segment-meter span{background:var(--kuning)}.segment-row:nth-child(4) .segment-meter span{background:var(--hijau)}.age-bars{margin-top:4px}.age-bars .segment-row{grid-template-columns:62px minmax(0,1fr) 62px}.signal-list{display:grid;gap:0}.signal-row{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--garis)}.signal-row:last-child{border-bottom:0}.signal-row strong,.signal-row small{display:block}.signal-row strong{margin-bottom:4px;font-size:12px}.signal-row small{color:var(--redup);font-size:10px;line-height:1.45}.signal-row b{font:700 17px var(--mono)}.signal-dot{width:8px;height:8px;border-radius:50%;background:var(--aksen)}.signal-dot.watch{background:var(--kuning)}.signal-dot.accent{background:var(--hijau)}.meetings-panel{padding-bottom:16px}.table-panel{padding-bottom:14px}.table-scroll{width:100%;overflow-x:auto}table{width:100%;min-width:770px;border-collapse:collapse;text-align:left}th{padding:0 12px 12px;color:var(--redup);font:600 9px var(--mono);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}td{padding:13px 12px;border-top:1px solid var(--garis);color:var(--tinta-2);font-size:11px;vertical-align:middle}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}td strong,td small{display:block}td strong{color:var(--tinta);font-size:11px}td small{margin-top:4px;color:var(--redup);font-size:10px;line-height:1.35}.clickable-row:hover td{background:#fffaf4}.table-link{color:var(--tinta);font-weight:750;text-decoration:none}.mono{font-family:var(--mono);white-space:nowrap}.status-badge,.tier-badge{display:inline-flex;align-items:center;min-height:22px;padding:4px 7px;font:600 9px var(--mono);white-space:nowrap}.status-badge.healthy{color:var(--hijau);background:#e8f0e6}.status-badge.watch{color:#97722a;background:#f7edd5}.status-badge.critical{color:var(--aksen);background:var(--sorot)}.muted-badge{color:var(--redup);background:var(--lembut)}.tier-badge{color:var(--tinta);background:var(--lembut)}.tier-a{background:#e8f0e6;color:var(--hijau)}.tier-b{background:#f7edd5;color:#97722a}.tier-c{background:var(--sorot);color:var(--aksen)}.progress-cell{display:grid;grid-template-columns:35px 80px;align-items:center;gap:8px;font:600 10px var(--mono)}.progress-bar{height:6px;background:var(--lembut)}.progress-bar span{display:block;height:100%;background:var(--aksen)}.actions-cell{display:flex;align-items:center;gap:5px;white-space:nowrap}.primary-button{border:0;background:var(--aksen);color:#fff;padding:11px 15px;font-size:11px;font-weight:750}.primary-button:hover{background:#a94f31}.primary-button.small,.ghost-button{padding:8px 10px;font-size:9px}.filter-row{display:flex;flex-wrap:wrap;gap:7px}.filter-button{border:1px solid var(--garis);background:#fff;padding:8px 11px;color:var(--tinta-2);font-size:10px;font-weight:700}.filter-button:hover,.filter-button.active{border-color:var(--tinta);background:var(--tinta);color:#fff}.detail-hero{display:flex;justify-content:space-between;gap:20px;align-items:center}.detail-hero h2{margin:6px 0 4px;font-size:22px;letter-spacing:-.04em}.detail-hero p{margin:0;color:var(--redup);font-size:11px}.detail-actions{display:flex;gap:7px;align-items:center}.detail-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.7fr);gap:20px;align-items:start}.detail-main,.detail-side{display:grid;gap:20px;min-width:0}.score-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.score-card{border:1px solid var(--garis);padding:11px 8px;background:#fffdf9}.score-card span{display:block;min-height:28px;color:var(--redup);font-size:9px;line-height:1.35}.score-card strong{display:block;margin-top:10px;font:700 16px var(--mono)}.meeting-callout{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;border-left:3px solid var(--aksen);background:var(--sorot)}.meeting-callout h3{margin:5px 0;font-size:15px}.meeting-callout p{margin:0;color:var(--tinta-2);font-size:11px;line-height:1.5}.side-title{margin:0 0 14px;font-size:13px}.contact-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.contact-card strong{display:block;margin:6px 0 4px;font-size:13px}.contact-card a:not(.contact-button){color:var(--aksen);font:700 11px var(--mono);text-decoration:none}.contact-button{border:1px solid var(--aksen);padding:8px 9px;color:var(--aksen);font-size:9px;font-weight:750;text-decoration:none}.detail-list{display:grid;gap:0}.detail-list>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--garis);font-size:10px}.detail-list>div:last-child{border-bottom:0}.detail-list>div span:last-child{color:var(--tinta);font-family:var(--mono);text-align:right}.priority-list{display:grid}.priority-row{display:grid;grid-template-columns:25px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--garis);text-decoration:none}.priority-row:last-child{border-bottom:0}.priority-row:hover strong{color:var(--aksen)}.priority-number{display:grid;place-items:center;width:23px;height:23px;background:var(--tinta);color:#fff;font:700 9px var(--mono)}.priority-row strong,.priority-row small{display:block}.priority-row strong{margin-bottom:3px;font-size:11px}.priority-row small{color:var(--redup);font-size:9px}.priority-amount{font:700 10px var(--mono);text-align:right}.timeline{display:grid;gap:0}.timeline>div{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--garis);font-size:10px}.timeline>div:last-child{border-bottom:0}.timeline span{color:var(--redup);font-family:var(--mono)}.timeline strong{font-size:10px}.sop-panel{border-top:3px solid var(--aksen)}.sop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sop-step{min-height:112px;border:1px solid var(--garis);padding:11px;background:#fffdf9}.sop-step.done{border-color:#b8cdb3}.sop-step.current{border-color:var(--aksen);background:var(--sorot)}.sop-step-top{display:flex;justify-content:space-between;gap:5px;color:var(--redup);font:600 9px var(--mono)}.sop-step.current .sop-step-top span:last-child{color:var(--aksen)}.sop-step h3{margin:10px 0 5px;font-size:11px}.sop-step p{margin:0;color:var(--tinta-2);font-size:9px;line-height:1.45}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#2a1f1773}.modal{width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--garis);background:var(--kertas);box-shadow:0 20px 60px #2a1f1740;padding:22px}.modal-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.modal-head h2{margin:6px 0 4px;font-size:17px;letter-spacing:-.03em}.modal-head p{margin:0;color:var(--redup);font-size:10px}.close-button{align-self:flex-start;border:0;background:transparent;color:var(--redup);font-size:24px;line-height:1}.meeting-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.meeting-form label,.login-form label{display:grid;gap:6px;color:var(--tinta-2);font-size:10px;font-weight:700}.meeting-form input,.meeting-form select,.meeting-form textarea,.login-form input{width:100%;border:1px solid var(--garis);border-radius:0;background:#fff;padding:10px 11px;color:var(--tinta);font-size:11px;outline:none}.meeting-form input:focus,.meeting-form select:focus,.meeting-form textarea:focus,.login-form input:focus{border-color:var(--aksen);box-shadow:0 0 0 2px #c2603b1f}.full-field{grid-column:1 / -1}.modal-actions{display:flex;justify-content:flex-end;gap:8px;grid-column:1 / -1;padding-top:4px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,#f4d9ca 0,transparent 32%),var(--lembut)}.login-card{width:min(430px,100%);border:1px solid var(--garis);background:var(--kertas);padding:34px;box-shadow:0 18px 50px #2a1f171c}.login-copy{margin:55px 0 25px}.login-copy h1{margin:7px 0 8px;font-size:25px;letter-spacing:-.045em}.login-copy p{margin:0;color:var(--redup);font-size:12px;line-height:1.6}.login-form{display:grid;gap:15px}.form-error{margin:-3px 0 0;color:var(--aksen);font-size:10px;line-height:1.45}.login-form .primary-button{margin-top:5px}.prototype-note{margin:24px 0 0;color:var(--redup);font:9px var(--mono);line-height:1.5}@media(max-width:1180px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding:25px 12px 20px}.sidebar .brand>span,.nav-item>span:last-child,.sidebar-bottom small{display:none}.sidebar .brand{justify-content:center}.nav-item{justify-content:center;padding-left:8px;padding-right:8px}.read-only-pill{width:100%;padding:5px 2px;text-align:center;font-size:8px}.topbar,.page-content{padding-left:28px;padding-right:28px}.kpi-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.dashboard-grid,.detail-layout{grid-template-columns:1fr}.detail-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.sop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.app-shell{display:block}.sidebar{display:none}.topbar{display:block;padding:18px 16px}.topbar h1{font-size:22px}.top-actions{margin-top:16px;padding-top:0}.top-actions select{flex:1}.page-content{padding:18px 14px 72px}.kpi-grid,.kpi-grid-five{grid-template-columns:1fr}.panel{padding:16px}.panel-head{display:block}.panel-head .chip{margin-top:12px}.segment-row,.age-bars .segment-row{grid-template-columns:58px minmax(0,1fr) 54px;gap:8px}.detail-hero{display:block}.detail-actions{margin-top:15px}.detail-side{grid-template-columns:1fr}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meeting-callout,.sop-grid,.meeting-form{grid-template-columns:1fr}.full-field,.modal-actions{grid-column:auto}.modal{padding:18px}.login-card{padding:26px 22px}}