:root{color-scheme:dark;--bg:#07080d;--surface:#0d1018;--surface2:#111520;--line:#232a38;--text:#edf0f8;--muted:#8993a8;--violet:#a783ff;--cyan:#69e3f5;--mint:#68dfc1;--amber:#f0bc62;--red:#f07a8c;--shadow:0 18px 55px rgba(0,0,0,.28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 82% -14%,rgba(93,60,165,.12),transparent 35%),radial-gradient(ellipse at 0% 40%,rgba(35,102,117,.07),transparent 35%),var(--bg);color:var(--text)}::selection{background:rgba(167,131,255,.3);color:#fff}[hidden]{display:none!important}.sidebar{width:254px;background:rgba(8,10,16,.97);border-right:1px solid #171c28;color:#d8deeb;padding:22px 15px 14px;backdrop-filter:blur(22px)}.brand{padding:3px 9px 25px}.brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,rgba(107,78,177,.24),rgba(38,170,181,.12));border:1px solid rgba(154,125,246,.35);box-shadow:0 0 25px rgba(141,98,231,.12)}.brand-mark svg{stroke:#9f83ff}.brand-copy strong{color:#f4f5fb}.brand-copy strong span{color:var(--cyan)}.brand-copy small{letter-spacing:1.7px;color:#79839a}.workspace-label{color:#646e81;letter-spacing:1.6px}.workspace-select{background:#0d1119;border-color:#222a39;color:#dce2ed}.workspace-dot{background:#8f72fa;box-shadow:0 0 0 4px rgba(143,114,250,.12),0 0 12px rgba(143,114,250,.8)}.nav-link{color:#98a2b5;border:1px solid transparent;font-size:11px}.nav-link:hover{background:#111622;color:#f1f3f9;border-color:#1d2533}.nav-link.active{background:linear-gradient(90deg,rgba(128,93,218,.19),rgba(80,111,150,.06));color:#c5b3ff;border-color:rgba(147,115,238,.17);box-shadow:inset 2px 0 #a184ff}.nav-count{color:#b6c0d3;background:#1a2030;border:1px solid #262d3c}.nav-count.alert{color:#ffa7b6;background:#351a29;border-color:#4c2938}.nav-indicator{background:#f0bc62;box-shadow:0 0 10px rgba(240,188,98,.5)}.sidebar-help{background:linear-gradient(145deg,#111521,#0d1018);border-color:#28243a}.help-icon,.sidebar-help button{color:#b49aff}.sidebar-help strong{color:#e5e8f1}.sidebar-help p{color:#8791a5}.profile{border-color:#202634}.profile-copy strong{color:#edf0f7}.profile-copy small{color:#7f899e}.avatar,.top-avatar{background:#24243b;border-color:#393550;color:#dfd8ff}.main-content{margin-left:254px}.topbar{background:rgba(8,10,16,.87);border-color:#191e2a;padding:0 34px;backdrop-filter:blur(18px)}.breadcrumbs{color:#737e92}.breadcrumbs b{color:#384052}.breadcrumbs strong{color:#d8deea}.local-badge{background:#10151e;border-color:#252c3a;color:#a9b4c7;font-size:9px}.local-badge span{background:#7c7f96;box-shadow:0 0 7px rgba(147,133,221,.55)}.top-divider{border-color:#262c38}.icon-button,.mobile-menu{color:#8993a6}.top-avatar{background:#24243b;border-color:#393550;color:#dfd8ff}.page-wrap{width:min(100%,1510px);padding:27px 34px 42px}.app-footer{min-height:43px;height:auto;border-color:#191e2a;padding:8px 34px;color:#687286;font-size:9px}.app-footer b{color:#414959}.app-footer #storage-indicator{gap:7px}.app-footer i{background:#57c9aa;box-shadow:0 0 8px rgba(87,201,170,.4)}.app-footer #storage-indicator[data-sync-status="pending"]{color:#e1b66c}.app-footer #storage-indicator[data-sync-status="error"]{color:#f07a8c}.app-footer #storage-indicator[data-sync-status="saved"]{color:#70dcb8}.page-heading h1{color:#f0f1f8}.page-heading p{color:#8993a7}.eyebrow{color:#8f81c6;letter-spacing:1.45px}.btn{border-color:#303849;background:#131823;color:#c3cada;border-radius:8px;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.btn:hover{border-color:#59647c;background:#191f2c;box-shadow:0 5px 20px rgba(0,0,0,.2);transform:translateY(-1px)}.btn-primary{background:linear-gradient(120deg,#9170f2,#7455df);border-color:#9f7eff;color:white;box-shadow:0 7px 22px rgba(108,75,212,.22)}.btn-primary:hover{background:linear-gradient(120deg,#a182ff,#8263f0);border-color:#b09aff;box-shadow:0 8px 25px rgba(129,92,232,.31)}.btn-quiet,.btn-subtle{background:#151925;border-color:#2b3140;color:#b2bdd0}.btn-danger{color:#ff9dac;border-color:#623340;background:#25151c}.notice,.callout-line{background:#111720;border-color:#263141;color:#aab4c4}.notice-icon{color:#b29aff}.notice-copy strong{color:#e0d6ff}.notice .dismiss{color:#9ca6b7}.notice.warn{background:#211a12;border-color:#483722;color:#c5b69c}.notice.warn .notice-icon{color:#f0bc62}.notice.warn .notice-copy strong{color:#f4d595}.callout-line>svg{stroke:#a98bff}.callout-line strong{color:#e1d8ff}.panel,.stat-card,.readiness-card,.report-card,.scope-card,.integration-card{background:linear-gradient(145deg,rgba(17,21,31,.98),rgba(12,15,23,.98));border-color:#242a38;border-radius:12px;box-shadow:var(--shadow)}.engagement-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:20px;min-height:433px;padding:27px 29px 25px;border:1px solid #28243a;border-radius:17px;overflow:hidden;background:radial-gradient(ellipse at 83% 38%,rgba(94,65,165,.17),transparent 43%),radial-gradient(ellipse at 95% 105%,rgba(28,138,155,.11),transparent 34%),linear-gradient(130deg,#10131d 0%,#0b0e16 62%,#0b0f17 100%);box-shadow:0 20px 70px rgba(0,0,0,.28)}.engagement-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(rgba(141,128,185,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(141,128,185,.22) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 65%)}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1;padding:3px 0}.hero-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:20px;color:#a99ae0}.pulse-dot{width:7px;height:7px;background:#7be3d0;border-radius:50%;box-shadow:0 0 0 4px rgba(123,227,208,.1),0 0 15px rgba(123,227,208,.55)}.hero-code{margin-left:4px;padding:4px 6px;border:1px solid #42364f;background:rgba(48,37,66,.35);border-radius:4px;color:#c2a7ff;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.8px}.engagement-hero h1{margin:0;color:#f2f2f8;font-size:clamp(34px,3.4vw,49px);line-height:1.04;letter-spacing:-2px;font-weight:720}.engagement-hero h1 span{background:linear-gradient(90deg,#b5a0ff 0%,#8e8efc 45%,#79d9e8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lede{max-width:520px;margin:16px 0 23px;color:#a3adc0;font-size:12px;line-height:1.75}.target-intake{width:min(100%,590px)}.target-intake>label{display:block;margin-bottom:7px;color:#8a94a8;font-size:8px;font-weight:750;letter-spacing:1.35px}.target-entry{display:flex;align-items:center;gap:9px;width:100%;padding:5px;background:rgba(7,9,14,.78);border:1px solid #34354d;border-radius:9px;box-shadow:0 9px 30px rgba(0,0,0,.22);transition:border-color .2s,box-shadow .2s}.target-entry:focus-within{border-color:#9e81f3;box-shadow:0 0 0 3px rgba(147,113,237,.13),0 10px 30px rgba(0,0,0,.2)}.input-globe{display:grid;place-items:center;width:30px;height:30px;margin-left:4px;color:#9b8ae2}.input-globe svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.target-entry input{flex:1;min-width:60px;border:0;outline:none;background:transparent;color:#f1f3fa;font-size:11px;padding:9px 0}.target-entry input::placeholder{color:#656f82}.target-entry .btn{padding:10px 12px;font-size:9px}.field-caption{margin:7px 0 0;color:#6f7a8f;font-size:8px;line-height:1.5}.target-check-result{display:flex;align-items:center;gap:10px;width:min(100%,590px);margin-top:11px;padding:10px 12px;border:1px solid #363043;border-radius:9px;background:rgba(15,17,25,.9);color:#c5cadd}.target-check-result.allowed{border-color:#285349;background:rgba(15,40,36,.62)}.target-check-result.denied{border-color:#5a3c41;background:rgba(42,24,30,.62)}.result-mark{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:7px;background:rgba(158,132,241,.18);color:#c0acff;font-size:12px;font-weight:800}.target-check-result.allowed .result-mark{background:rgba(76,180,148,.16);color:#82e3c4}.target-check-result.denied .result-mark{background:rgba(235,126,143,.13);color:#f598a7}.target-check-result>span:nth-child(2){display:grid;gap:2px;min-width:0}.target-check-result strong{font-size:9px}.target-check-result small{color:#9ba5b7;font-size:8px;line-height:1.5}.target-check-result button{margin-left:auto;padding:7px 9px;font-size:8px}.hero-shortcuts{display:flex;align-items:center;gap:12px;margin-top:15px}.hero-shortcuts>span{width:3px;height:3px;border-radius:50%;background:#545c6c}.text-link{color:#b29aff;background:none;border:0;font-size:9px;font-weight:650;padding:4px 0}.text-link:hover{color:#d0c1ff}.text-link span{margin-left:4px}.hero-visual{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:12px 13px 7px;border:1px solid rgba(125,117,164,.18);border-radius:13px;background:radial-gradient(ellipse at 50% 50%,rgba(80,61,136,.13),transparent 65%),rgba(5,7,12,.47);overflow:hidden}.scene-heading{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;color:#9792b5;font:700 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px}.scene-heading>span:first-child{display:flex;align-items:center;gap:7px}.scene-live{width:6px;height:6px;border-radius:50%;background:#74daca;box-shadow:0 0 10px #74daca}.scene-index{color:#586174;font-size:7px}.scene-stage{position:relative;flex:1;min-height:290px;display:grid;place-items:center;overflow:hidden}.scene-stage:before,.scene-stage:after{content:"";position:absolute;left:50%;top:50%;width:min(68%,320px);aspect-ratio:1;border:1px solid rgba(146,123,216,.12);border-radius:50%;transform:translate(-50%,-50%) rotateX(70deg);pointer-events:none}.scene-stage:after{width:min(84%,400px);transform:translate(-50%,-50%) rotateX(70deg) rotateZ(-29deg);border-color:rgba(97,197,220,.08)}#surface-map{position:absolute;inset:0;width:100%;height:100%;outline:none;touch-action:none;cursor:grab}#surface-map:active{cursor:grabbing}#surface-map:focus-visible{box-shadow:inset 0 0 0 1px rgba(170,143,255,.65)}.scene-tag{position:absolute;z-index:1;display:flex;align-items:center;gap:7px;color:#9391a6;font:700 7px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.8px;pointer-events:none}.scene-tag-top{left:9px;top:24px}.scene-tag-top span{color:#98d5e6}.scene-tag-bottom{left:9px;bottom:17px;color:#71798d}.legend-dot{width:6px;height:6px;border:1px solid #bf9aff;border-radius:50%;box-shadow:0 0 7px rgba(191,154,255,.5)}.scene-axis{position:absolute;right:9px;bottom:14px;display:flex;gap:5px;color:#687287;font:700 7px ui-monospace,SFMono-Regular,Menlo,monospace}.scene-axis span{display:grid;place-items:center;width:15px;height:15px;border:1px solid #283142;border-radius:4px}.scene-controls{display:flex;align-items:center;gap:7px;color:#626c80;font:700 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.8px}.scene-control-key{color:#aaa0c8;font-size:10px}.scene-unavailable .scene-stage:before{box-shadow:inset 0 0 50px rgba(121,89,194,.08)}.scene-unavailable .scene-stage:after{content:"WebGL tidak tersedia";display:grid;place-items:center;width:auto;height:auto;aspect-ratio:auto;border:0;transform:translate(-50%,90px);font-size:9px;color:#8d91a5}.execution-lock{display:flex;align-items:center;gap:12px;margin:13px 0 24px;padding:12px 14px;border:1px solid #443642;border-radius:10px;background:linear-gradient(100deg,rgba(69,34,48,.29),rgba(24,21,32,.83));box-shadow:0 12px 35px rgba(0,0,0,.15)}.lock-mark{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:rgba(239,128,147,.11);color:#ed8a9b}.lock-mark svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.execution-lock>div{min-width:0}.execution-lock strong{display:block;color:#f0d9df;font-size:10px}.execution-lock p{margin:3px 0 0;color:#a99aa7;font-size:9px;line-height:1.5}.execution-lock .btn{margin-left:auto;flex:none}.sample-note{display:flex;align-items:flex-start;gap:9px;margin:-11px 0 21px;padding:9px 12px;background:#11141c;border:1px solid #272a37;border-radius:8px;color:#9ca5b5;font-size:9px;line-height:1.55}.sample-note>span:first-child{display:grid;place-items:center;width:15px;height:15px;flex:none;border:1px solid #4b3b61;border-radius:50%;color:#b39bea;font-size:9px;font-weight:750}.sample-note code{font-size:8px;color:#c7bcdf}.workflow-section{margin-bottom:20px}.section-headline{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:11px}.section-headline .eyebrow{margin-bottom:3px;font-size:8px}.section-headline h2{margin:0;font-size:17px;letter-spacing:-.35px;color:#e9eaf3}.workflow-meta{padding:5px 7px;border:1px solid #2b3140;border-radius:5px;color:#8a93a5;font:700 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.65px}.workflow-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}.workflow-step{position:relative;min-height:143px;padding:13px 13px 11px;border:1px solid #222936;border-radius:10px;background:linear-gradient(145deg,#10141d,#0b0e15);display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}.workflow-step:after{content:"";position:absolute;top:29px;right:-11px;width:12px;height:1px;background:linear-gradient(90deg,#7560ac,transparent);z-index:2}.workflow-step:last-child:after{display:none}.step-number{position:absolute;right:11px;top:10px;color:#4b5364;font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace}.step-icon{display:grid;place-items:center;width:27px;height:27px;margin-bottom:9px;border-radius:8px;background:rgba(148,118,225,.12);color:#b59aff}.step-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.workflow-step strong{font-size:10px;color:#e0e3ec}.workflow-step small{min-height:29px;margin-top:4px;color:#7e899d;font-size:8px;line-height:1.45}.workflow-step button{margin-top:auto;padding:5px 0 0;border:0;background:none;color:#b29aff;font-size:8px;font-weight:650}.workflow-step button span{margin-left:4px}.workflow-step.locked{background:linear-gradient(145deg,#10121a,#0b0d13);border-color:#202530}.workflow-step.locked .step-icon{background:#1a1d27;color:#6e7789}.workflow-step.locked button{color:#7d8697}.stats-grid{gap:11px}.stat-card{padding:13px 14px 12px;min-height:91px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;inset:auto -18px -30px auto;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,rgba(141,112,223,.1),transparent 70%);pointer-events:none}.stat-top{color:#929bad;font-size:9px}.stat-icon{width:24px;height:24px;border-radius:7px;background:#211d35;color:#b39bff}.stat-icon.teal{background:#132a2b;color:#65d6c4}.stat-icon.amber{background:#2e2618;color:#e9bd6b}.stat-icon.red{background:#321d28;color:#f1849c}.stat-value{font-size:22px;color:#f0f1f7}.stat-sub{font-size:8px;color:#9aa4b7}.stat-foot{font-size:8px;color:#778296;margin-top:5px}.stat-foot strong{color:#c6cbd6}.overview-bottom{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.72fr);gap:12px}.panel-header{padding:14px 15px 10px}.panel-header h2{color:#e1e4ed;font-size:11px}.panel-header p{color:#778297;font-size:8px}.panel-body{padding:0 15px 14px}.report-prompt{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:17px 17px 15px;overflow:hidden}.report-prompt:after{content:"";position:absolute;right:-25px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(132,103,219,.15),transparent 70%);pointer-events:none}.report-prompt-icon{display:grid;place-items:center;width:30px;height:30px;margin-bottom:11px;border-radius:9px;background:#211d35;color:#b69aff}.report-prompt-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.report-prompt .eyebrow{font-size:7px;margin-bottom:6px}.report-prompt h2{max-width:260px;margin:0;color:#e5e5f0;font-size:15px;letter-spacing:-.35px;line-height:1.3}.report-prompt p{margin:7px 0 13px;color:#8e98ab;font-size:9px;line-height:1.6}.report-prompt .btn{font-size:8px}.report-prompt>small{margin-top:9px;color:#737e91;font-size:7px}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{text-align:left;padding:9px 11px;background:#0e121a;color:#778196;font-size:7px;text-transform:uppercase;letter-spacing:.8px;font-weight:750;border-top:1px solid #202634;border-bottom:1px solid #202634}.data-table td{padding:10px 11px;border-bottom:1px solid #1d2330;color:#abb4c4;font-size:8px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tr:hover td{background:rgba(255,255,255,.018)}.finding-mark{background:#271d2b;color:#d99ac6}.finding-title strong{color:#d7dce6;font-size:8px;max-width:220px}.finding-title small{color:#7b8699;font-size:7px}.severity-pill,.status-pill,.origin-pill{border-radius:5px;font-size:7px}.severity-pill.critical{color:#ff8998;background:#3a1d27}.severity-pill.high{color:#f1a070;background:#352419}.severity-pill.medium{color:#ebc16c;background:#332c1c}.severity-pill.low{color:#76d3a2;background:#192d27}.severity-pill.info{color:#99a9c4;background:#202735}.status-pill.review{color:#e6bd70;background:#302719}.status-pill.open{color:#a3afff;background:#222544}.status-pill.confirmed{color:#69d2b7;background:#17312e}.status-pill.false-positive{color:#a0a8b5;background:#222631}.origin-pill{color:#bba6ed;background:#29223a;font-size:6px}.score{color:#d2d7e2}.risk-bar{background:#232938}.risk-bar span{background:linear-gradient(90deg,#9375ee,#65d8da)}.muted{color:#778296}.search-box input,.filter-select{border-color:#2c3444;background:#0d1119;color:#dce1ec}.search-box input:focus,.field input:focus,.field select:focus,.field textarea:focus,.filter-select:focus{border-color:#8d72df;box-shadow:0 0 0 3px rgba(143,114,224,.13)}.search-box svg{stroke:#8994a7}.filter-row{margin-bottom:12px}.table-panel .data-table th{background:#0e121a}.mini-action{border-color:#2e3545;background:#131824;color:#aab4c5}.mini-action:hover{border-color:#7761c2;color:#d5c9ff}.empty-state{color:#828da1}.empty-icon{background:#171d29;color:#8d9bb1}.empty-state strong{color:#cbd1df}.scope-layout{gap:13px}.scope-card{background:linear-gradient(145deg,#11151f,#0c0f17);border-color:#242a38;padding:16px}.scope-card h2{color:#e0e4ed}.scope-card>p{color:#8690a3}.rule-header strong{font-size:9px;color:#ccd2df}.rule-header span{font-size:8px;color:#737e92}.rule-row{background:#0b0e15;border-color:#202736}.rule-row code,.scope-code{color:#b7c2d4}.rule-row button{color:#9b8790}.roe-setting{border-color:#242a37}.roe-setting strong{color:#cbd2df}.roe-setting small{color:#758094}.setting-value{color:#c1b2ee}.target-check input{background:#0b0f17;color:#dce2ed;border-color:#303849}.target-result{background:#10141d;color:#929db1}.target-result.allowed{background:#142b27;color:#77d8bd}.target-result.denied{background:#302126;color:#e895a2}.subtle-card,.system-note{background:#0b0e15;border-color:#222a38;color:#8792a6}.subtle-card strong{color:#ccd1dd}.system-note svg{stroke:#a892e7}.report-grid{gap:12px}.report-card{padding:15px}.report-card h2{color:#e0e4ed}.report-card p{color:#8d97aa}.report-icon{background:#211d35;color:#b89fff}.report-history{grid-column:1/-1}.report-record{border-color:#222834}.report-record strong{color:#d4dae5}.report-record small{color:#818ca0}.file-mini{border-color:#39324c;color:#b6a0ef}.link-button{color:#b5a1ef}.section-heading h2{color:#e0e4ed}.section-heading small{color:#808b9e}.audit-row{border-color:#202632}.audit-mark{background:#1d1d31;color:#ac98ef}.audit-copy strong{color:#d7dce7}.audit-copy small,.audit-time{color:#778297}.readiness-grid{gap:10px}.integration-card{padding:12px}.integration-logo{background:#211d35;color:#b59cff}.integration-top strong{color:#dde2ed}.integration-state{background:#2c2418;border-color:#443823;color:#e6bd6d}.integration-state.active{color:#76d8bd;background:#152c27;border-color:#264f43}.integration-card p{color:#8b96a9}.integration-card>button{border-color:#292f3e;background:#131823;color:#909bad}.pd-panel{margin-top:13px}.pd-card-actions a{color:#b39dff}.pd-card-actions button{color:#919bad!important}.role-cards{gap:10px;margin-top:13px}.role-cards article{background:#10141d;border-color:#252c39}.role-cards strong{color:#d5dbe5}.role-cards p{color:#8792a5}.table-bottom{border-color:#202632;color:#737f93}.modal-backdrop{background:rgba(3,4,8,.78);backdrop-filter:blur(10px)}.modal{background:#11151f;border-color:#30374a;box-shadow:0 30px 100px rgba(0,0,0,.65)}.modal-header{background:rgba(17,21,31,.96);border-color:#242a38}.modal-header h2{color:#edf0f7}.modal-header p{color:#8d97a9}.modal-close{color:#909bae}.modal-form{padding:15px 18px 18px}.field label{color:#b8c0cf}.field input,.field select,.field textarea{border-color:#303849;background:#0b0f17;color:#dce2ed}.field textarea{resize:vertical}.field small{color:#7c879b}.field input::placeholder,.field textarea::placeholder{color:#657085}.form-hint{background:#171925;border-color:#2b2b3b;color:#9aa4b6}.form-hint svg{stroke:#b49cfa}.modal-actions{border-color:#252b38}.detail-block,.detail-text{background:#0d1119;border-color:#222a38}.detail-block span{color:#7f8a9d}.detail-block strong{color:#d0d6e2}.detail-text{color:#aab4c3}.toast-region{right:18px;bottom:17px}.toast{border-color:#2b5146;background:#101f1b;color:#b9edda}.toast.warn{background:#251e13;border-color:#54452d;color:#f2d393}.toast.error{background:#29171e;border-color:#56303a;color:#f5abb7}#auth-gate{background:radial-gradient(ellipse at 50% 0%,rgba(99,71,156,.17),transparent 38%),radial-gradient(ellipse at 90% 70%,rgba(41,120,139,.1),transparent 38%),#07080d;color:#eaf0f6}.auth-card{background:linear-gradient(145deg,#131722,#0d1018);color:#e2e6ef;border-color:#2a3040;box-shadow:0 24px 80px rgba(0,0,0,.5)}.auth-brand strong{color:#edf0f7}.auth-brand strong span{color:var(--cyan)}.auth-brand small{color:#8894a5}.auth-brand .brand-mark svg{stroke:#a78cff}.auth-kicker{color:#b39cff}.auth-card h1{color:#f0f1f7}.auth-subtitle{color:#929caf}.auth-form label{color:#c4cbd8}.auth-form input{border-color:#303849;background:#0b0f17;color:#dce2ed}.auth-form input:focus{border-color:#8f73e6;box-shadow:0 0 0 3px rgba(143,115,230,.13)}.auth-form small{color:#808b9f}.auth-message{color:#f08d9c}.auth-message.info{color:#84d9c2}.auth-foot{border-color:#282e3b;color:#758094}.auth-callout{background:#0d1119;border-color:#2b3240;color:#9ba6b8}.auth-callout strong{color:#dce1eb}.mobile-menu{display:none}@media(max-width:1200px){.sidebar{width:224px}.main-content{margin-left:224px}.page-wrap{padding:23px 23px 35px}.topbar{padding:0 23px}.app-footer{padding:8px 23px}.engagement-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);padding:23px;gap:14px}.engagement-hero h1{font-size:clamp(34px,3.8vw,44px)}.workflow-track{gap:8px}.workflow-step{padding:11px}.readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.sidebar{width:68px;padding:20px 9px 12px}.brand{padding:0 6px 25px}.brand-copy,.workspace-label,.workspace-select,.nav-link>span:not(.nav-icon),.sidebar-help,.profile-copy,.more-btn{display:none}.main-nav{align-items:center}.nav-link{justify-content:center;width:45px;padding:0}.nav-icon,.nav-icon svg{width:18px;height:18px}.nav-count{position:absolute;transform:translate(15px,-12px);min-width:16px;padding:0 4px;font-size:8px}.nav-indicator{position:absolute;transform:translate(15px,-11px);width:6px;height:6px}.sidebar-bottom>.nav-link{margin:0 auto}.profile{justify-content:center;padding:14px 0 0}.main-content{margin-left:68px}.engagement-hero{grid-template-columns:minmax(0,1.05fr) minmax(260px,.9fr);padding:20px;gap:12px}.scene-stage{min-height:260px}.hero-lede{font-size:11px}.workflow-track{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-step:after{display:none}.stats-grid{gap:8px}.overview-bottom{grid-template-columns:minmax(0,1.3fr) minmax(210px,.75fr)}}@media(max-width:680px){.sidebar{transform:translateX(-100%);width:254px;padding:22px 15px 13px;transition:transform .2s ease;box-shadow:12px 0 35px rgba(0,0,0,.42)}.sidebar.mobile-open{transform:translateX(0)}.sidebar.mobile-open .brand-copy,.sidebar.mobile-open .workspace-label,.sidebar.mobile-open .workspace-select,.sidebar.mobile-open .nav-link>span:not(.nav-icon),.sidebar.mobile-open .sidebar-help,.sidebar.mobile-open .profile-copy,.sidebar.mobile-open .more-btn{display:initial}.sidebar.mobile-open .workspace-select{display:flex}.sidebar.mobile-open .brand{padding:2px 9px 27px}.sidebar.mobile-open .main-nav{align-items:stretch}.sidebar.mobile-open .nav-link{width:100%;justify-content:flex-start}.sidebar.mobile-open .nav-count,.sidebar.mobile-open .nav-indicator{position:static;transform:none}.sidebar.mobile-open .nav-count{margin-left:auto}.sidebar.mobile-open .nav-indicator{margin-left:auto}.sidebar.mobile-open .sidebar-help{display:flex}.sidebar.mobile-open .profile{justify-content:flex-start;padding:15px 4px 0}.main-content{margin-left:0}.topbar{height:55px;padding:0 13px}.mobile-menu{display:grid}.breadcrumbs{margin-right:auto;margin-left:9px;font-size:9px}.topbar-right{gap:8px}.local-badge{font-size:7px;padding:5px 7px}.topbar-right .top-divider,.topbar-right .icon-button{display:none}.topbar-right #workspace-logout{font-size:0;padding:7px 9px}.topbar-right #workspace-logout:after{content:"Keluar";font-size:8px}.topbar-right #workspace-password{font-size:0;padding:7px 9px}.topbar-right #workspace-password:after{content:"Akun";font-size:8px}.topbar-right .top-avatar{display:none}.page-wrap{padding:16px 12px 28px}.app-footer{height:auto;min-height:42px;padding:8px 12px;font-size:7px;gap:8px}.app-footer #storage-indicator{max-width:150px;text-align:right}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:15px}.page-heading h1{font-size:23px}.page-heading p{font-size:9px}.heading-actions{width:100%}.heading-actions .btn{flex:1}.engagement-hero{grid-template-columns:1fr;gap:15px;padding:18px 15px 14px;border-radius:14px}.hero-copy{padding:0}.hero-eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:14px;flex-wrap:wrap}.hero-code{font-size:6px}.engagement-hero h1{font-size:clamp(34px,10vw,43px);letter-spacing:-1.6px}.hero-lede{margin:12px 0 17px;font-size:10px;line-height:1.65}.target-entry{gap:5px}.target-entry .btn{padding:9px 8px;font-size:8px}.target-entry input{font-size:10px}.target-entry input::placeholder{font-size:9px}.field-caption{font-size:7px}.target-check-result{align-items:flex-start;flex-wrap:wrap}.target-check-result>span:nth-child(2){flex:1}.target-check-result button{margin:0 0 0 31px}.hero-shortcuts{margin-top:12px}.hero-visual{min-height:280px;padding:10px}.scene-stage{min-height:235px}.execution-lock{align-items:flex-start;margin:10px 0 19px;padding:10px}.execution-lock p{font-size:8px}.execution-lock .btn{align-self:center;padding:7px 8px;font-size:7px}.lock-mark{width:27px;height:27px}.sample-note{font-size:8px}.workflow-section{margin-bottom:16px}.section-headline h2{font-size:16px}.workflow-track{gap:7px}.workflow-step{min-height:137px;padding:10px}.workflow-step strong{font-size:9px}.workflow-step small{font-size:7px;min-height:34px}.workflow-step button{font-size:7px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:12px}.stat-card{min-height:82px;padding:10px}.stat-top{font-size:8px}.stat-icon{width:21px;height:21px}.stat-value{font-size:20px}.stat-foot{font-size:7px}.overview-bottom,.scope-layout,.report-grid{grid-template-columns:1fr;gap:9px}.report-history{grid-column:auto}.report-prompt{min-height:205px}.panel-header{padding:12px 12px 9px}.panel-body{padding:0 12px 12px}.data-table th{padding:8px;font-size:6px}.data-table td{padding:8px;font-size:7px}.finding-title strong{max-width:130px}.finding-title small{font-size:6px}.table-panel .data-table td:first-child,.table-panel .data-table th:first-child{padding-left:10px}.table-panel .data-table td:last-child,.table-panel .data-table th:last-child{padding-right:10px}.filter-row{gap:6px}.search-box{max-width:none;flex-basis:100%}.filter-select{flex:1}.readiness-grid{grid-template-columns:1fr}.report-history{grid-column:auto}.report-card p{min-height:0}.report-record{grid-template-columns:35px 1fr}.report-record .link-button{grid-column:2;text-align:left}.modal-backdrop{padding:9px}.modal{max-height:94vh}.modal-header{padding:15px 14px 10px}.modal-form{padding:12px 14px 15px}.form-grid{grid-template-columns:1fr;gap:10px}.field.wide{grid-column:auto}.detail-grid{grid-template-columns:1fr}.toast-region{right:9px;bottom:9px;left:9px}.toast{max-width:none}.scope-card{padding:12px}.table-bottom{flex-direction:column}.role-cards{grid-template-columns:1fr}.report-prompt h2{font-size:16px}}@media(max-width:380px){.local-badge{display:none}.page-heading h1{font-size:21px}.workflow-track{grid-template-columns:1fr 1fr}.workflow-step{min-height:145px}.target-entry{gap:2px}.input-globe{width:23px;margin-left:2px}.target-entry .btn{gap:4px;padding:8px 6px;font-size:7px}.execution-lock .btn{max-width:96px;white-space:normal}.hero-shortcuts{gap:8px}.hero-shortcuts .text-link{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.submission-state{display:flex;align-items:center;gap:13px;margin:0 0 13px;padding:13px 15px;border:1px solid #3c3447;border-radius:10px;background:linear-gradient(100deg,rgba(57,43,73,.34),rgba(17,19,28,.8))}.submission-state>div{min-width:0}.submission-state .eyebrow{display:block;margin:0 0 4px;font-size:7px}.submission-state strong{display:block;color:#e4dcf4;font-size:10px}.submission-state p{margin:3px 0 0;color:#9290a4;font-size:8px;line-height:1.5}.submission-state .integration-state{flex:none}.submission-state .btn{margin-left:auto;flex:none;font-size:8px}