.surveyor-library{--library-surface:color-mix(in srgb, var(--card) 92%, var(--paper));--library-soft:color-mix(in srgb, var(--navy) 5%, transparent);--library-shadow:0 10px 30px rgba(var(--navy-rgb), .08)}.surveyor-library-tabs{border-bottom:1px solid var(--line);align-items:center;gap:4px;margin-bottom:18px;display:flex}.surveyor-library-tabs.is-rujukan{margin-bottom:24px}.surveyor-library-tabs a{color:var(--ink-soft);border-bottom:2px solid #0000;align-items:center;min-height:42px;padding:0 16px;font-size:13px;font-weight:650;display:inline-flex}.surveyor-library-tabs a:hover{color:var(--ink);text-decoration:none}.surveyor-library-tabs a.active{border-color:var(--brass);color:var(--ink)}.surveyor-library-workspace{background:var(--library-surface);border:1px solid var(--line);box-shadow:var(--library-shadow);border-radius:16px;min-height:390px;padding:18px}.surveyor-library-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.surveyor-library-search{background:color-mix(in srgb, var(--paper) 72%, var(--card));border:1px solid color-mix(in srgb, var(--line) 78%, transparent);border-radius:11px;flex:1;align-items:center;gap:10px;max-width:620px;min-height:44px;padding:0 13px;transition:background .16s,border-color .16s,box-shadow .16s;display:flex}.surveyor-library-search:focus-within{background:var(--card);border-color:color-mix(in srgb, var(--navy) 52%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--navy) 14%, transparent)}.surveyor-library-search svg{color:var(--ink-faint);stroke:currentColor;stroke-width:1.9px;flex:none;width:18px;height:18px}.surveyor-library-search:focus-within svg{color:var(--navy)}.surveyor-library .surveyor-library-search input,.surveyor-library .surveyor-library-search input:focus,.surveyor-library .surveyor-library-search input:focus-visible{appearance:none;box-shadow:none;color:var(--ink);background:0 0;border-radius:0;outline:none;width:100%;min-width:0;padding:0;font-size:13px;border:0!important}.surveyor-library-view{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:2px;display:inline-flex}.surveyor-library-view button,.surveyor-library-filters button,.surveyor-library-empty button,.surveyor-library-breadcrumb button{color:var(--ink-soft);cursor:pointer;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.surveyor-library-view button{border-radius:7px;width:40px;height:38px}.surveyor-library-view button[aria-pressed=true]{background:var(--card);box-shadow:0 1px 4px rgba(var(--navy-rgb), .14);color:var(--navy)}.surveyor-library-view svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:17px;height:17px}.surveyor-library-filters{flex-wrap:wrap;gap:7px;margin:16px 0 12px;display:flex}.surveyor-library-filters button{border:1px solid var(--line);border-radius:999px;min-height:36px;padding:0 13px;font-size:12px;font-weight:650}.surveyor-library-filters button:hover{background:var(--library-soft);color:var(--ink)}.surveyor-library-filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.surveyor-library-breadcrumb{color:var(--ink-faint);white-space:nowrap;align-items:center;gap:5px;min-height:38px;font-size:12px;display:flex;overflow:auto}.surveyor-library-breadcrumb button{color:var(--ink-soft);min-height:34px;padding:0 3px}.surveyor-library-breadcrumb button:hover{color:var(--navy);text-underline-offset:3px;text-decoration:underline}.surveyor-library-breadcrumb svg{fill:none;stroke:currentColor;stroke-width:1.8px;flex:none;width:14px;height:14px}.surveyor-library-results{border-top:1px solid var(--line);color:var(--ink-faint);font-family:var(--font-mono), monospace;letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:7px;margin-top:1px;padding:13px 1px;font-size:10.5px;display:flex}.surveyor-library-toolbar+.surveyor-library-results{margin-top:14px}.surveyor-library-folders{grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:12px;padding:14px 2px;display:grid}.surveyor-library-folder{background:color-mix(in srgb, var(--card) 86%, var(--paper));border:1px solid color-mix(in srgb, var(--navy) 10%, var(--line));color:var(--ink);cursor:pointer;font:inherit;text-align:left;border-radius:12px;align-items:flex-start;gap:13px;min-height:82px;padding:13px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:flex}.surveyor-library-folder:hover{background:color-mix(in srgb, var(--library-soft) 68%, var(--card));border-color:color-mix(in srgb, var(--brass) 42%, var(--line));box-shadow:0 7px 17px rgba(var(--navy-rgb), .07);transform:translateY(-1px)}.surveyor-library-folder>span:last-child{gap:3px;min-width:0;display:grid}.surveyor-library-folder strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.surveyor-library-folder small{color:var(--ink-soft);font-size:11px}.surveyor-library-folder-visual{flex:none;justify-content:center;align-items:center;width:72px;height:56px;display:inline-flex;position:relative}.surveyor-library-folder-silhouette{color:color-mix(in srgb, var(--brass) 68%, var(--card));fill:currentColor;height:56px;stroke:color-mix(in srgb, var(--brass) 82%, var(--navy));stroke-width:.7px;width:72px}.surveyor-library-folder-visual.is-vessel .surveyor-library-folder-silhouette{color:color-mix(in srgb, var(--navy) 14%, var(--card));stroke:color-mix(in srgb, var(--navy) 42%, var(--line))}.surveyor-library-folder-visual.is-es .surveyor-library-folder-silhouette{color:color-mix(in srgb, var(--navy) 10%, var(--card));stroke:color-mix(in srgb, var(--navy) 31%, var(--line))}.surveyor-library-folder-marker{background:var(--navy);border:2px solid var(--card);color:var(--brass-light);border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;display:flex;position:absolute;bottom:-1px;right:-2px;box-shadow:0 2px 5px #0718302e}.surveyor-library-folder-visual.is-vessel .surveyor-library-folder-marker{background:var(--brass);color:var(--navy)}.surveyor-library-folder-visual.is-es .surveyor-library-folder-marker{background:var(--navy-700);color:var(--brass-light)}.surveyor-library-folder-marker svg{fill:none;stroke:currentColor;stroke-width:1.65px;width:16px;height:16px}.surveyor-library-vessel-folders,.surveyor-library-subfolders{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}.surveyor-library-vessel-folder,.surveyor-library-subfolders .surveyor-library-folder{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;min-height:158px;padding:17px}.surveyor-library-vessel-folder>span:last-child,.surveyor-library-subfolders .surveyor-library-folder>span:last-child{gap:5px}.surveyor-library-vessel-folder strong,.surveyor-library-subfolders .surveyor-library-folder strong{font-size:13px}.surveyor-library-vessel-folder small+small{color:var(--ink-faint);font-family:var(--font-mono), monospace;letter-spacing:.03em;font-size:10px}.surveyor-library-workspace.is-list .surveyor-library-vessel-folder,.surveyor-library-workspace.is-list .surveyor-library-subfolders .surveyor-library-folder{flex-direction:row;justify-content:flex-start;align-items:center;min-height:68px;padding:10px 12px}.surveyor-library-workspace.is-list .surveyor-library-folder-visual,.surveyor-library-workspace.is-list .surveyor-library-folder-silhouette{width:48px;height:38px}.surveyor-library-workspace.is-list .surveyor-library-folder-marker{border-width:1.5px;width:20px;height:20px;bottom:-2px;right:-3px}.surveyor-library-files{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.surveyor-library-file{background:color-mix(in srgb, var(--card) 80%, var(--paper));border:1px solid var(--line);color:var(--ink);border-radius:10px;align-items:center;gap:12px;min-height:68px;padding:10px 12px;display:flex}.surveyor-library-file-link{transition:border-color .16s,box-shadow .16s,transform .16s}.surveyor-library-file-link:hover{border-color:var(--brass);box-shadow:0 6px 15px rgba(var(--navy-rgb), .08);text-decoration:none;transform:translateY(-1px)}.surveyor-library-file-icon{color:var(--navy-700);border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.surveyor-library-file-icon.foto{background:color-mix(in srgb, var(--brass) 22%, var(--card));color:#a87900}.surveyor-library-file-icon.es{background:color-mix(in srgb, var(--navy) 10%, var(--card))}.surveyor-library-file-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:20px;height:20px}.surveyor-library-file-copy{gap:3px;min-width:0;display:grid}.surveyor-library-file-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.surveyor-library-file-copy span{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.surveyor-library-file-copy small{color:var(--ink-faint);font-family:var(--font-mono), monospace;font-size:10px}.surveyor-library-documents{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.surveyor-library-document{background:color-mix(in srgb, var(--card) 84%, var(--paper));border:1px solid var(--line);border-radius:12px;grid-template-columns:62px minmax(0,1fr);gap:11px;min-height:96px;padding:11px;display:grid;overflow:hidden}.surveyor-library-document-thumb{background:var(--navy);color:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:72px;padding:6px;display:flex}.surveyor-library-document-thumb.tone-1{background:#34566a}.surveyor-library-document-thumb.tone-2{background:#75522a}.surveyor-library-document-thumb.tone-3{background:#3f5c50}.surveyor-library-document-thumb svg{fill:none;height:25px;stroke:var(--brass-light);stroke-width:1.4px;width:25px}.surveyor-library-document-thumb span{font-family:var(--font-mono), monospace;text-align:center;font-size:7.5px;line-height:1.2}.surveyor-library-document-copy{align-content:center;gap:4px;min-width:0;display:grid}.surveyor-library-document-copy strong{font-size:12px;line-height:1.35}.surveyor-library-document-copy span{color:var(--ink-soft);font-size:11px}.surveyor-library-document-copy small{color:var(--ink-faint);font-family:var(--font-mono), monospace;font-size:9.5px}.surveyor-library-workspace.is-list .surveyor-library-documents,.surveyor-library-workspace.is-list .surveyor-library-folders{grid-template-columns:1fr}.surveyor-library-workspace.is-list .surveyor-library-document{grid-template-columns:70px minmax(0,1fr)}.surveyor-library-workspace.is-grid .surveyor-library-file{grid-template-columns:1fr;align-content:start;align-items:start;gap:12px;min-height:156px;padding:16px;display:grid}.surveyor-library-workspace.is-grid .surveyor-library-file-icon{width:44px;height:44px}.surveyor-library-workspace.is-grid .surveyor-library-file-copy{gap:5px}.surveyor-library-workspace.is-grid .surveyor-library-document{grid-template-columns:1fr;align-content:start;min-height:184px;padding:12px}.surveyor-library-workspace.is-grid .surveyor-library-document-thumb{gap:6px;min-height:96px}.surveyor-library-workspace.is-grid .surveyor-library-document-thumb svg{width:48px;height:48px}.surveyor-library-workspace.is-list .surveyor-library-folders,.surveyor-library-workspace.is-list .surveyor-library-files,.surveyor-library-workspace.is-list .surveyor-library-documents{grid-template-columns:minmax(0,1fr);gap:0;padding:6px 0}.surveyor-library-workspace.is-list .surveyor-library-folder,.surveyor-library-workspace.is-list .surveyor-library-file,.surveyor-library-workspace.is-list .surveyor-library-document{border:0;border-bottom:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;align-items:center;gap:11px;min-height:62px;padding:9px 3px;transform:none}.surveyor-library-workspace.is-list .surveyor-library-folder:hover,.surveyor-library-workspace.is-list .surveyor-library-file-link:hover{background:color-mix(in srgb, var(--library-soft) 56%, transparent);border-color:var(--line);box-shadow:none;transform:none}.surveyor-library-workspace.is-list .surveyor-library-folder{flex-direction:row;justify-content:flex-start;display:flex}.surveyor-library-workspace.is-list .surveyor-library-folder>span:last-child{flex-wrap:wrap;flex:1;align-items:baseline;gap:3px 10px;display:flex}.surveyor-library-workspace.is-list .surveyor-library-folder>span:last-child small:not(:last-child):after{color:var(--ink-faint);content:"·";margin-left:10px}.surveyor-library-workspace.is-list .surveyor-library-folder-visual,.surveyor-library-workspace.is-list .surveyor-library-folder-silhouette{width:46px;height:36px}.surveyor-library-workspace.is-list .surveyor-library-folder-marker{width:18px;height:18px;bottom:-1px;right:-2px}.surveyor-library-workspace.is-list .surveyor-library-folder-marker svg{width:10px;height:10px}.surveyor-library-workspace.is-list .surveyor-library-file{display:flex}.surveyor-library-workspace.is-list .surveyor-library-file-icon{border-radius:7px;width:36px;height:36px}.surveyor-library-workspace.is-list .surveyor-library-document{grid-template-columns:46px minmax(0,1fr);display:grid}.surveyor-library-workspace.is-list .surveyor-library-document-thumb{border-radius:6px;gap:0;min-height:46px;padding:4px}.surveyor-library-workspace.is-list .surveyor-library-document-thumb span{display:none}.surveyor-library-workspace.is-list .surveyor-library-document-thumb svg{width:20px;height:20px}@media (max-width:560px){.surveyor-library-workspace.is-list .surveyor-library-folder>span:last-child{flex-direction:column;align-items:flex-start;gap:1px}.surveyor-library-workspace.is-list .surveyor-library-folder>span:last-child small:not(:last-child):after{content:none}}.surveyor-library-empty{background:color-mix(in srgb, var(--paper) 70%, var(--card));border:1px dashed color-mix(in srgb, var(--ink-faint) 38%, transparent);color:var(--ink-soft);text-align:left;border-radius:12px;justify-content:center;align-items:center;gap:13px;min-height:148px;margin-top:12px;padding:20px;display:flex}.surveyor-library-empty>svg{fill:color-mix(in srgb, var(--brass) 35%, var(--card));stroke:#a87900;stroke-width:1.2px;width:37px;height:34px}.surveyor-library-empty div{gap:4px;display:grid}.surveyor-library-empty strong{color:var(--ink);font-size:13px}.surveyor-library-empty p{margin:0;font-size:12px}.surveyor-library-empty button{border:1px solid var(--line);white-space:nowrap;border-radius:8px;min-height:38px;margin-left:5px;padding:0 11px;font-size:12px;font-weight:650}.surveyor-library-empty button:hover{background:var(--card);color:var(--ink)}.surveyor-library .sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.surveyor-library button:focus-visible,.surveyor-library a:focus-visible,.surveyor-library input:focus-visible{outline:2px solid var(--brass);outline-offset:2px}@media (max-width:760px){.surveyor-library-workspace{border-radius:13px;padding:14px}.surveyor-library-folders,.surveyor-library-documents{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.surveyor-library-tabs{margin-left:-3px;overflow-x:auto}.surveyor-library-tabs a{padding:0 12px}.surveyor-library-toolbar{flex-direction:column;align-items:stretch}.surveyor-library-search{max-width:none}.surveyor-library-view{align-self:flex-end}.surveyor-library-folders,.surveyor-library-documents{grid-template-columns:1fr}.surveyor-library-empty{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.surveyor-library-empty button{margin-left:50px}}@media (prefers-reduced-motion:reduce){.surveyor-library *,.surveyor-library :before,.surveyor-library :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--navy-950:#071830;--navy:#0b2545;--navy-900:#123566;--navy-800:#1a4680;--navy-700:#2b5a95;--navy-600:#4574ab;--navy-rgb:11, 37, 69;--brass:#ffc300;--brass-light:#ffd54a;--brass-rgb:255, 195, 0;--paper:#f4f7f6;--paper-2:#e4eae9;--card:#fff;--ink:#0b2545;--ink-soft:#4c5f73;--ink-faint:#8a9399;--line:rgba(var(--navy-rgb), .14);--green:#2e9e5b;--green-bg:#e4f3ea;--yellow:#c99a1f;--yellow-bg:#fbf1da;--yellow-ink:#7a5209;--orange:#d9770d;--orange-bg:#fbeadc;--red:#bf4638;--red-bg:#fbe4e1;--blue:#2064e8;--blue-bg:#e2eafd;--radius:10px}:root[data-theme=dark]{--paper:#0e151c;--paper-2:#1f2932;--card:#182028;--ink:#e8ecef;--ink-soft:#9ba9b4;--ink-faint:#647079;--line:#ffffff21;--navy-700:#7eb3d6;--navy-600:#5b9bd5;--green:#4cc585;--green-bg:#4cc58529;--yellow:#e3b94a;--yellow-bg:#e3b94a29;--yellow-ink:#f0cf83;--orange:#e08a52;--orange-bg:#e08a5229;--red:#e2776a;--red-bg:#e2776a2e;--blue:#6ea3f5;--blue-bg:#6ea3f529}.app[data-skin=internal]{--navy:#050f24;--navy-900:#0b2a52;--navy-800:#0f3f73;--navy-700:#155a96;--navy-600:#1e7bc4;--navy-rgb:8, 27, 51;--paper:#f3f6fb;--paper-2:#e6edf7;--ink:#081b33;--ink-soft:#4a5c74;--brass:#ffb800;--brass-rgb:255, 184, 0;--green:#12b76a;--green-bg:#ddf9ec;--yellow:#e0a100;--yellow-bg:#fef3d8;--orange:#f0650f;--orange-bg:#fde7d8;--red:#f0324a;--red-bg:#fde1e5;--line:rgba(var(--navy-rgb), .13);--radius:12px;--teal:#00897b;--teal-bright:#00c2ac;--teal-deep:#0b2545;--teal-glow:#dff7f3;--violet:#7c5cff;--violet-bg:#eee9ff;--layer-gate-bg:#0b25450d;--layer-gate-border:#0b254538;--layer-side-bg:#0b25450a;--pillar-surveyor:#00a99a;--pillar-operator:#ffb800;--pillar-asuransi:#7c5cff;--cat-safety:#0b2545;--cat-safety-bg:#dce3eb;--cat-env:#1a4680;--cat-env-bg:#dee7f0;--cat-crew:#2b5a95;--cat-crew-bg:#e1e9f2;--cat-ism:#4574ab;--cat-ism-bg:#e4edf4;--cat-doc:#6690bd;--cat-doc-bg:#e7eff6;--cat-gap:#8aa8cc;--cat-gap-bg:#eaf1f7;--cat-office:#3d6b52;--cat-office-bg:#e2ece6}:root[data-theme=dark] .app[data-skin=internal]{--paper:#1b1e24;--paper-2:#24282f;--card:#2a2e36;--ink:#e8ecf0;--ink-soft:#a7b2be;--ink-faint:#8a93997d;--line:#e8ecf024;--navy-700:#7eb3d6;--navy-600:#5b9bd5;--teal:#3f95c9;--teal-deep:#125e9c;--teal-glow:#3f95c929;--green:#3db86e;--green-bg:#3db86e29;--yellow:#e0b02e;--yellow-bg:#e0b02e29;--orange:#f0941a;--orange-bg:#f0941a2e;--red:#e5584a;--red-bg:#e5584a29;--layer-gate-bg:#ffc30014;--layer-gate-border:#ffc3004d;--layer-side-bg:#3f95c914;--cat-safety:#5b8fd6;--cat-safety-bg:#5b8fd629;--cat-env:#3fa9e0;--cat-env-bg:#3fa9e029;--cat-crew:#7fa8e0;--cat-crew-bg:#7fa8e029;--cat-ism:#3fc4e0;--cat-ism-bg:#3fc4e029;--cat-doc:#8fb8dc;--cat-doc-bg:#8fb8dc29;--cat-gap:#a8c2e0;--cat-gap-bg:#a8c2e029;--cat-office:#6fbd97;--cat-office-bg:#6fbd9729}.app[data-skin=internal] .sidebar{background:linear-gradient(165deg, var(--navy) 0%, var(--navy-900) 45%, #0a2f5c 75%, var(--navy) 100%);box-shadow:inset -1px 0 #00c2ac1f}.app[data-skin=internal] .navitem:hover{background:#ffffff12}.app[data-skin=internal] .navitem.active{background:linear-gradient(90deg, rgba(var(--brass-rgb), .22), rgba(var(--brass-rgb), .06));border-color:rgba(var(--brass-rgb), .5);box-shadow:0 0 0 1px rgba(var(--brass-rgb), .15), 0 4px 14px -6px rgba(var(--brass-rgb), .5);font-weight:600}.app[data-skin=internal] .navitem.active:before{content:"";background:var(--brass);width:4px;box-shadow:0 0 10px var(--brass);border-radius:4px;position:absolute;top:6px;bottom:6px;left:-10px}.app[data-skin=internal] .navitem .badge{background:linear-gradient(135deg, var(--red), #ff6b7f)}.app[data-skin=internal] .btn-primary{background:linear-gradient(135deg, var(--brass-light), var(--brass));border:1px solid var(--brass);color:var(--navy);box-shadow:0 4px 14px -4px rgba(var(--brass-rgb), .6);font-weight:700}.app[data-skin=internal] .btn-primary:hover{background:linear-gradient(135deg, var(--brass-light), var(--brass));filter:brightness(1.06);box-shadow:0 6px 18px -4px rgba(var(--brass-rgb), .75);transform:translateY(-1px)}.app[data-skin=internal] .badge-green,.app[data-skin=internal] .badge-a{background:linear-gradient(135deg, var(--green), #0e9e5e);color:#fff;box-shadow:0 2px 8px -3px #12b76ab3}.app[data-skin=internal] .badge-yellow,.app[data-skin=internal] .badge-b{background:linear-gradient(135deg, var(--yellow), #c98600);color:#fff;box-shadow:0 2px 8px -3px #e0a100b3}.app[data-skin=internal] .badge-orange,.app[data-skin=internal] .badge-c{background:linear-gradient(135deg, var(--orange), #c94f0a);color:#fff;box-shadow:0 2px 8px -3px #f0650fb3}.app[data-skin=internal] .badge-red,.app[data-skin=internal] .badge-d{background:linear-gradient(135deg, var(--red), #c31834);color:#fff;box-shadow:0 2px 8px -3px #f0324ab3}.app[data-skin=internal] .badge-navy,.app[data-skin=internal] .pill.navy{background:linear-gradient(135deg, var(--teal-bright), var(--teal));color:#fff;box-shadow:0 2px 8px -3px #00c2ac99}.app[data-skin=internal] .hero-focus{background:radial-gradient(120% 160% at 100% 0%, #7c5cff59, transparent 55%), radial-gradient(90% 140% at 0% 100%, #00c2ac47, transparent 55%), linear-gradient(120deg, var(--navy), var(--navy-900) 55%, #0a2f5c);border:1px solid rgba(var(--brass-rgb), .18);border-radius:16px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:0 14px 36px -14px #050f24a6}.app[data-skin=internal] .hero-focus .eyebrow{color:#ffd54a;background:rgba(var(--brass-rgb), .14);border:1px solid rgba(var(--brass-rgb), .35);border-radius:20px;align-items:center;gap:6px;padding:4px 11px 4px 9px;font-weight:700;display:inline-flex}.app[data-skin=internal] .hero-focus h2{font-size:22.5px;font-weight:700}.app[data-skin=internal] .kpi-strip .kseg{border-top:3px solid var(--teal);position:relative}.app[data-skin=internal] .kpi-strip .kseg:nth-child(2){border-top-color:var(--orange)}.app[data-skin=internal] .kpi-strip .kseg:nth-child(3){border-top-color:var(--yellow)}.app[data-skin=internal] .kpi-strip .kseg:nth-child(4){border-top-color:var(--violet)}.app[data-skin=internal] .tripilar-strip{box-shadow:0 10px 26px -14px rgba(var(--navy-rgb), .35);border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:18px;display:grid;overflow:hidden}.app[data-skin=internal] .tp-seg{background:var(--card);border-right:1px solid var(--line);align-items:center;gap:12px;padding:16px 18px;display:flex;position:relative}.app[data-skin=internal] .tp-seg:last-child{border-right:none}.app[data-skin=internal] .tp-seg:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.app[data-skin=internal] .tp-seg.surveyor:before{background:var(--pillar-surveyor);box-shadow:0 0 12px var(--pillar-surveyor)}.app[data-skin=internal] .tp-seg.operator:before{background:var(--pillar-operator);box-shadow:0 0 12px var(--pillar-operator)}.app[data-skin=internal] .tp-seg.asuransi:before{background:var(--pillar-asuransi);box-shadow:0 0 12px var(--pillar-asuransi)}.app[data-skin=internal] .tp-av{width:38px;height:38px;font-family:var(--font-spectral), serif;color:#fff;border-radius:11px;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.app[data-skin=internal] .tp-seg.surveyor .tp-av{background:linear-gradient(135deg, var(--pillar-surveyor), #00695c)}.app[data-skin=internal] .tp-seg.operator .tp-av{background:linear-gradient(135deg, var(--pillar-operator), #b37700)}.app[data-skin=internal] .tp-seg.asuransi .tp-av{background:linear-gradient(135deg, var(--pillar-asuransi), #4b32c9)}.app[data-skin=internal] .tp-role{text-transform:uppercase;letter-spacing:.7px;color:var(--ink-faint);font-size:10px;font-weight:700}.app[data-skin=internal] .tp-name{color:var(--ink);margin-top:1px;font-size:13px;font-weight:700}.app[data-skin=internal] .tp-status{color:var(--ink-soft);align-items:center;gap:5px;margin-top:2px;font-size:11px;display:flex}.app[data-skin=internal] .tp-status .live{background:var(--green);width:6px;height:6px;box-shadow:0 0 0 3px var(--green-bg);border-radius:50%;flex:none}.app[data-skin=internal] .tp-status .idle{background:var(--ink-faint);border-radius:50%;flex:none;width:6px;height:6px}@media (max-width:900px){.app[data-skin=internal] .tripilar-strip{grid-template-columns:1fr}.app[data-skin=internal] .tp-seg{border-right:none;border-bottom:1px solid var(--line)}.app[data-skin=internal] .tp-seg:last-child{border-bottom:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-inter), system-ui, sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px}h1,h2,h3,h4,.display{font-family:var(--font-spectral), serif}.mono,code,.idcode{font-family:var(--font-mono), monospace;overflow-wrap:anywhere}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--brass);color:var(--ink)}input,select,textarea{background:var(--card);color:var(--ink);border:1px solid var(--line)}input:where(:not([type=hidden],[type=checkbox],[type=radio],[type=file])),select,textarea{border-radius:8px;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}input:where(:not([type=hidden],[type=checkbox],[type=radio],[type=file])):hover,select:hover,textarea:hover{border-color:var(--ink-soft)}input:where(:not([type=hidden],[type=checkbox],[type=radio],[type=file])):focus,select:focus,textarea:focus{border-color:var(--navy-700);box-shadow:0 0 0 3px rgba(var(--brass-rgb), .18);outline:none}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}input::placeholder,textarea::placeholder{color:var(--ink-faint)}.app[data-skin=operator]{--navy:#0e1657;--navy-900:#2440c4;--navy-800:#3454d1;--navy-700:#3454d1;--navy-600:#8fa3f5;--navy-rgb:14, 22, 87;--brass:#ffb703;--brass-light:#ffe08a;--brass-rgb:255, 183, 3;--green:#12a454;--green-bg:#dcf6e7;--yellow:#e69b0a;--yellow-bg:#fdf0d8;--orange:#e9660f;--orange-bg:#fde3d5;--red:#e23a3a;--red-bg:#fbdcdc;--blue:#2064e8;--blue-bg:#e2eafd;--teal:#0d9c8c;--purple:#7c3aed;--pink:#db2777;--cyan:#0891b2}.app[data-skin=operator] .sidebar{background:linear-gradient(165deg, var(--navy-900) 0%, var(--navy) 60%, var(--navy) 100%);box-shadow:inset -1px 0 #7c3aed1f}.app[data-skin=operator] .navitem:hover{background:#ffffff12}.app[data-skin=operator] .navitem.active{background:linear-gradient(90deg, rgba(var(--brass-rgb), .22), rgba(var(--brass-rgb), .06));border-color:rgba(var(--brass-rgb), .5);box-shadow:0 0 0 1px rgba(var(--brass-rgb), .15), 0 4px 14px -6px rgba(var(--brass-rgb), .5);font-weight:600}.app[data-skin=operator] .navitem.active:before{content:"";background:var(--brass);width:4px;box-shadow:0 0 10px var(--brass);border-radius:4px;position:absolute;top:6px;bottom:6px;left:-10px}.app[data-skin=operator] .navitem .badge{background:linear-gradient(135deg, var(--red), #ff6b7f)}.app[data-skin=operator] .btn-primary{background:linear-gradient(135deg, var(--brass-light), var(--brass));border:1px solid var(--brass);color:var(--navy);box-shadow:0 4px 14px -4px rgba(var(--brass-rgb), .6);font-weight:700}.app[data-skin=operator] .btn-primary:hover{filter:brightness(1.06);box-shadow:0 6px 18px -4px rgba(var(--brass-rgb), .75);transform:translateY(-1px)}.app[data-skin=operator] .badge-green,.app[data-skin=operator] .badge-a{background:linear-gradient(135deg, var(--green), #0e8a47);color:#fff}.app[data-skin=operator] .badge-yellow,.app[data-skin=operator] .badge-b{background:linear-gradient(135deg, var(--yellow), #c17f08);color:#fff}.app[data-skin=operator] .badge-blue{background:linear-gradient(135deg, var(--blue), #1747a8);color:#fff}.app[data-skin=operator] .badge-orange,.app[data-skin=operator] .badge-c{background:linear-gradient(135deg, var(--orange), #c14f0a);color:#fff}.app[data-skin=operator] .badge-red,.app[data-skin=operator] .badge-d{background:linear-gradient(135deg, var(--red), #b52a2a);color:#fff}.app[data-skin=operator] .badge-navy,.app[data-skin=operator] .pill.navy{background:linear-gradient(135deg, var(--navy-800), var(--navy-900));color:#fff}.app[data-skin=operator] .hero-focus{background:radial-gradient(120% 160% at 100% 0%, #7c3aed59, transparent 55%), radial-gradient(90% 140% at 0% 100%, #0891b247, transparent 55%), linear-gradient(120deg, var(--navy-900), var(--navy) 65%);border:1px solid rgba(var(--brass-rgb), .18);border-radius:16px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:0 14px 36px -14px #0e1657a6}.app[data-skin=operator] .hero-focus .eyebrow{color:#ffd54a;background:rgba(var(--brass-rgb), .14);border:1px solid rgba(var(--brass-rgb), .35);border-radius:20px;align-items:center;gap:6px;padding:4px 11px 4px 9px;font-weight:700;display:inline-flex}.app[data-skin=operator] .hero-focus h2{font-size:22.5px;font-weight:700}.app[data-skin=operator] .kpi-strip .kseg{border-top:3px solid var(--teal);position:relative}.app[data-skin=operator] .kpi-strip .kseg:nth-child(2){border-top-color:var(--orange)}.app[data-skin=operator] .kpi-strip .kseg:nth-child(3){border-top-color:var(--yellow)}.app[data-skin=operator] .kpi-strip .kseg:nth-child(4){border-top-color:var(--purple)}.app[data-skin=operator] .dash-section-title{font-family:var(--font-spectral), serif;border-top:2px solid var(--line);margin:28px 0 12px;padding-top:20px;font-size:17.5px;font-weight:600}.app[data-skin=operator] .dash-bar-row{grid-template-columns:150px 1fr 46px;align-items:center;gap:10px;padding:8px 0;font-size:13.5px;display:grid}.app[data-skin=operator] .dash-bar-row .dbr-label{color:var(--ink);font-weight:600}.app[data-skin=operator] .dash-bar-row .dbr-label small{color:var(--ink-faint);font-size:11px;font-weight:400;display:block}.app[data-skin=operator] .dash-bar-track{background:var(--paper);border:2px solid var(--line);border-radius:5px;height:12px;overflow:hidden}.app[data-skin=operator] .dash-bar-fill{border-radius:5px;height:100%}.app[data-skin=operator] .dash-bar-row .dbr-val{font-family:var(--font-mono), monospace;text-align:right;font-weight:700}.app[data-skin=operator] .zone-dist-row{border-bottom:1.5px dashed var(--line);align-items:center;gap:12px;padding:9px 0;font-size:13.5px;display:flex}.app[data-skin=operator] .zone-dist-row:last-child{border-bottom:none}.app[data-skin=operator] .zone-dist-row .zdr-dot{border-radius:3px;flex:none;width:11px;height:11px}.app[data-skin=operator] .zone-dist-row .zdr-label{flex:1}.app[data-skin=operator] .zone-dist-row .zdr-count{font-family:var(--font-mono), monospace;font-weight:700}.app[data-skin=operator] .kantor-score-grid{grid-template-columns:200px 1fr;align-items:center;gap:24px;display:grid}@media (max-width:900px){.app[data-skin=operator] .kantor-score-grid{grid-template-columns:1fr}}.app[data-skin=operator] .gauge-ring{border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.app[data-skin=operator] .gauge-ring .gauge-hole{background:var(--card);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:11px}.app[data-skin=operator] .gauge-hole .gh-num{font-family:var(--font-spectral), serif;font-size:23.5px;font-weight:700}.app[data-skin=operator] .gauge-hole .gh-lbl{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.3px;font-size:10px}.app[data-skin=operator] .kapal-split{grid-template-columns:1fr 240px;align-items:start;gap:16px;display:grid}@media (max-width:900px){.app[data-skin=operator] .kapal-split{grid-template-columns:1fr}}.app[data-skin=operator] .kt-name{font-family:var(--font-spectral), serif;font-size:14.5px;font-weight:600}.app[data-skin=operator] .kt-jenis{color:var(--ink-soft);font-size:12px}.app[data-skin=operator] .kapal-donut-panel{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);overflow:hidden}.app[data-skin=operator] .kdp-head{text-transform:uppercase;letter-spacing:.4px;color:var(--ink-soft);border-bottom:2px solid var(--line);background:var(--paper);padding:9px 14px;font-size:12px;font-weight:600}.app[data-skin=operator] .kdp-row{border-bottom:1.5px solid var(--line);align-items:center;gap:10px;padding:12px 14px;display:flex}.app[data-skin=operator] .kdp-row:last-child{border-bottom:none}.app[data-skin=operator] .kli-donut{border-radius:50%;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.app[data-skin=operator] .kli-donut .kd-hole{background:var(--card);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:6px}.app[data-skin=operator] .kd-hole .kd-num{font-family:var(--font-spectral), serif;font-size:13.5px;font-weight:700}.app[data-skin=operator] .kd-hole .kd-lbl{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.2px;font-size:7px}.app[data-skin=operator] .kli-donut-legend{color:var(--ink-soft);flex-direction:column;gap:2px;min-width:50px;font-size:10.5px;display:flex}.app[data-skin=operator] .kli-donut-legend span{justify-content:space-between;gap:6px;display:flex}.app[data-skin=operator] .kli-donut-legend i{border-radius:2px;flex:none;width:7px;height:7px;margin-right:4px;display:inline-block}.app{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.builder-head h1{margin-top:4px}.builder-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.builder-crumb{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.back-link{color:var(--ink-soft);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.back-link:hover{color:var(--ink)}.builder-toolbar{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:18px;padding:16px 18px;display:flex}.builder-toolbar .field{flex:1;min-width:170px;margin:0}.builder-toolbar .field-kategori{flex:0 170px}.builder-toolbar .field-versi{flex:0 130px}.builder-toolbar .builder-actions{margin-left:auto}.card+.tabs{margin-top:16px}.tabs-inline{border-bottom:none;margin-bottom:0}.builder-actions{gap:8px;display:flex}.notice-ok{background:var(--green-bg);color:var(--green);border:1px solid var(--green);border-radius:8px;margin-bottom:14px;padding:9px 12px;font-size:12.5px}.builder-tree{flex-direction:column;gap:14px;display:flex}.bab-card{border:1px solid var(--line);border-left:3px solid var(--navy);border-radius:var(--radius);background:var(--card);padding:16px}.link-add{border:1px dashed var(--line);width:100%;color:var(--navy-600);text-align:center;cursor:pointer;background:0 0;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;display:block}.link-add:hover{background:var(--paper)}.link-danger{color:var(--red);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-family:inherit;font-size:11.5px;font-weight:600}.link-danger:hover{text-decoration:underline}.sub-card{border:1px solid var(--line);border-left:3px solid var(--navy-600);background:var(--paper);border-radius:8px;margin:12px 0 12px 12px;padding:12px}.q-card{border:1px solid var(--line);background:var(--card);border-radius:8px;margin:10px 0;padding:12px}.row-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.bab-card>.row-head{background:var(--paper);border-bottom:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;margin:-16px -16px 14px;padding:12px 16px}.sub-card>.row-head{border-bottom:1px solid var(--line);border-radius:8px 8px 0 0;margin:-12px -12px 10px;padding:10px 12px}.bab-card>.row-head .in-judul{font-family:Spectral,Georgia,serif;font-size:14.5px;font-weight:600}.in-nomor{border-radius:8px;width:64px;padding:8px 10px;font-size:13px}.in-nomor.wide{width:84px}.in-judul{border-radius:8px;flex:1;min-width:160px;padding:8px 10px;font-size:13px}.q-grid{grid-template-columns:1fr;gap:8px;display:grid}.q-grid input,.q-grid select{border-radius:8px;width:100%;padding:8px 10px;font-size:13px}.q-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.bab-card.non-scoring,.sub-card.non-scoring{border-left-color:var(--yellow)}.scoring-toggle{cursor:pointer;white-space:nowrap;font:inherit;border:none}.skor-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;border:1px solid #0000;border-radius:20px;max-width:230px;padding:6px 30px 6px 14px;font-family:inherit;font-size:12px;font-weight:600}.skor-select-aktif{background-color:var(--green-bg);border-color:var(--green);color:var(--green)}.skor-select-non{background-color:var(--yellow-bg);border-color:var(--yellow);color:var(--yellow)}.skor-select-belum{background-color:var(--red-bg);border-color:var(--red);color:var(--red)}.skor-select option{background:var(--card);color:var(--ink);font-weight:500}.answer-config{border:1px solid var(--line);background:var(--paper);border-radius:8px;margin-top:10px;padding:11px 12px;font-size:12.5px}.answer-config select{max-width:260px;font-size:12.5px}.answer-config textarea{resize:vertical;border-radius:8px;width:100%;padding:8px 10px;font-size:12.5px}.answer-config .konfig-label{margin-bottom:6px;font-size:11px;font-weight:600;display:block}.table-col-row{align-items:center;gap:8px;max-width:420px;margin-bottom:7px;display:flex}.table-col-row input{flex:1;min-width:0}.link-add-inline{width:auto;padding:6px 12px;font-size:11.5px}.konfig-baris{max-width:140px;margin-top:8px}.q-jenis{margin-top:10px}.js-tabs{flex-wrap:wrap;gap:6px;display:flex}.at-btn{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);cursor:pointer;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:600}.at-btn.active{background:var(--navy-600);border-color:var(--navy-600);color:#fff}@keyframes jsLimitFlash{0%,to{background:var(--paper);border-color:var(--line);color:var(--ink-soft)}50%{background:var(--red-bg);border-color:var(--red);color:var(--red)}}.at-btn.js-limit-flash{animation:.42s jsLimitFlash}.config-note{background:var(--yellow-bg);color:var(--yellow-ink);border:1px solid #f0dba8;border-radius:9px;align-items:flex-start;gap:10px;margin-top:12px;padding:11px 14px;font-size:12.5px;line-height:1.6;display:flex}.config-note svg{flex:none;margin-top:1px}.atype-badge{background:var(--paper);border:1px solid var(--line);color:var(--ink-soft);border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600}.weight-tag{font-family:var(--font-mono), monospace;color:var(--ink-soft);font-size:11px}.butir-inputs{flex-wrap:wrap;align-items:end;gap:14px;margin:10px 0;display:flex}.status-toggle{background:var(--green-bg);color:var(--green);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.status-toggle.opp{background:var(--yellow-bg);color:var(--yellow)}.chk{color:var(--ink-soft);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.bobot-tab{flex-direction:column;gap:12px;display:flex}.bobot-head-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.bobot-head-card h3{margin:0 0 2px}.bobot-head-card p{max-width:78ch;margin:0;font-size:12.5px;line-height:1.6}.bobot-head-aksi{align-items:center;gap:8px;font-size:12px;display:flex}.bobot-block{border:1px solid var(--line);background:var(--card);border-radius:9px;overflow:hidden}.bobot-block.bobot-bab{border-left:3px solid var(--navy)}.bobot-block.bobot-subbab{border-left:3px solid var(--navy-600)}.bobot-block.non-scoring{border-left-color:var(--yellow)}.bobot-block-head{background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:11px 14px;display:flex}.bobot-children{flex-direction:column;gap:10px;padding:10px 14px 12px 26px;display:flex}.bobot-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:160px;font-size:12.6px;font-weight:600;overflow:hidden}.bobot-label.big{font-family:Spectral,Georgia,serif;font-size:14px}.bobot-row{border-bottom:1px dashed var(--line);align-items:center;gap:10px;padding:6px 0;display:flex}.bobot-row:last-child{border-bottom:none}.bobot-row .bobot-label{color:var(--ink-soft);font-size:12.3px;font-weight:500}.bobot-input{border:1px solid var(--line);text-align:right;background:var(--card);border-radius:6px;width:72px;padding:6px 8px;font-family:IBM Plex Mono,monospace;font-size:12.5px}.pct{color:var(--ink-soft);font-size:12.5px}.bobot-total{border-top:1px dashed var(--line);color:var(--ink-soft);align-items:center;gap:8px;padding:8px 14px;font-size:11.5px;font-weight:600;display:flex}.bobot-total .btn-ghost{margin-left:auto}.bobot-empty{color:var(--ink-faint);padding:8px 0;font-size:12px}.bab-card.ro,.sub-card.ro{border-left-color:var(--green)}.ro-title{margin-bottom:6px;font-size:13.5px;font-weight:600}.ro-list{margin:0 0 0 18px;padding:0;font-size:13px}.ro-list li{padding:3px 0}.sidebar{background:linear-gradient(180deg, var(--navy), var(--navy-900) 60%, var(--navy));color:#edefef;border-right:1px solid #ffffff0f;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff14;justify-content:center;align-items:center;padding:20px 18px 18px;display:flex}.brand img{object-fit:contain;box-sizing:content-box;background:#fff;border-radius:10px;width:auto;max-width:100%;height:64px;padding:8px 12px}nav.mainnav{flex:1;padding:14px 10px;overflow-y:auto}.nav-section-label{text-transform:uppercase;letter-spacing:1.3px;color:#7c8f9b;padding:14px 12px 6px;font-size:10px}.navitem{cursor:pointer;color:#c7d2d8;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;font-size:13.6px;transition:all .15s;display:flex;position:relative}.navitem svg{opacity:.85;flex:none;width:17px;height:17px}.navitem:hover{color:#fff;background:#ffffff0d}.navitem.active{background:rgba(var(--brass-rgb), .16);color:#fff;border-color:rgba(var(--brass-rgb), .45)}.navitem.active svg{opacity:1;color:var(--brass)}.navitem .badge{background:var(--red);color:#fff;font-size:10px;font-weight:600;font-family:var(--font-mono), monospace;border-radius:20px;margin-left:auto;padding:1px 6px}.sidebar-foot{color:#8296a2;border-top:1px solid #ffffff14;padding:14px 18px 18px;font-size:11.5px}.sidebar-foot b{color:#d9e1e5}.topbar{background:var(--card);border-bottom:1px solid var(--line);z-index:5;justify-content:space-between;align-items:center;padding:16px 30px;display:flex;position:sticky;top:0}.topbar .crumb{color:var(--ink-soft);letter-spacing:.2px;font-size:13px}.topbar .crumb b{color:var(--ink);font-weight:600}.topbar .sub{color:var(--ink-soft);margin-top:2px;font-size:12.5px}.topbar-right{align-items:center;gap:18px;display:flex}.who{align-items:center;gap:10px;display:flex}.who .av{background:var(--navy-800);color:#fff;width:36px;height:36px;font-family:var(--font-spectral), serif;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.who .name{font-size:13px;font-weight:600}.who .role{color:var(--ink-soft);font-size:11px}.main-col{min-width:0}.btn-logout{font-family:var(--font-inter), sans-serif;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.btn-logout:hover{background:var(--red-bg);color:var(--red);border-color:var(--red)}.content{padding:26px 30px 60px}.login-shell{--brand-navy:#1b2b4d;--brand-steel:#0b6c96;--brand-sky:#4fb0e0;--brand-aqua:#55d8d8;--abyss-000:#050a15;--abyss-100:#0a1326;--abyss-200:#101c36;--abyss-300:#1b2b4d;--abyss-400:#274070;--cyan-300:#a4dcf6;--cyan-400:#4fb0e0;--cyan-500:#0b6c96;--teal-400:#55d8d8;--gold-400:#55d8d8;--alert-400:#ff6b7a;--ink-100:#eaf4ff;--ink-300:#a9c4de;--ink-500:#6f8dab;--ink-700:#3f5a78;--lg-line:#4fb0e02e;--lg-line-strong:#4fb0e066;--lg-glass:#101c3694;--font-display:var(--font-orbitron), "Segoe UI", sans-serif;--font-tech:var(--font-rajdhani), "Segoe UI", sans-serif;--font-body:var(--font-inter), "Segoe UI", Roboto, sans-serif;--r-sm:6px;--r-md:10px;--r-lg:16px;--glow-cyan:0 0 24px #4fb0e059;z-index:0;min-height:100vh;font-family:var(--font-body);background:var(--abyss-000);color:var(--ink-100);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;position:relative;overflow-x:hidden}.login-shell :is(h1,h2,p){margin:0}.login-shell ::selection{color:#fff;background:#4fb0e04d}.login-shell :is(a,button,input):focus-visible{outline:2px solid var(--cyan-400);outline-offset:2px}.login-shell .bg-photo{z-index:0;pointer-events:none;background-image:url(/login-ocean.jpg);background-position:60% 56%;background-repeat:no-repeat;background-size:cover;animation:46s ease-in-out infinite alternate lgBgDrift;position:fixed;inset:0;transform:scale(1.04)}@keyframes lgBgDrift{0%{transform:scale(1.04)translate(0,0)}to{transform:scale(1.11)translate(-1.6%,-1.2%)}}.login-shell .bg-canvas{z-index:2;opacity:.7;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.login-shell .bg-vignette{z-index:1;pointer-events:none;background:radial-gradient(1100px 700px at 22% 42%,#0b6c9629,#0000 60%),radial-gradient(900px 620px at 82% 78%,#55d8d81a,#0000 62%),radial-gradient(1200px 900px at 50% 0,#1b2b4d9e,#0000 70%),linear-gradient(#050a15bd 0%,#0a1a3466 45%,#050a15cc 100%);position:fixed;inset:0}.login-shell .bg-grid{z-index:2;pointer-events:none;opacity:.2;background-image:linear-gradient(#4fb0e017 1px,#0000 1px),linear-gradient(90deg,#4fb0e017 1px,#0000 1px);background-size:64px 64px;animation:26s linear infinite lgGridDrift;position:fixed;inset:-20%;transform:perspective(760px)rotateX(62deg)translateY(16%);-webkit-mask-image:linear-gradient(#0000 0%,#000 42%,#0000 88%);mask-image:linear-gradient(#0000 0%,#000 42%,#0000 88%)}@keyframes lgGridDrift{to{background-position:0 512px,0 0}}.login-shell .bg-scan{z-index:3;pointer-events:none;background:linear-gradient(#0000,#4fb0e00e,#0000);height:180px;animation:9s linear infinite lgScanDown;position:fixed;left:0;right:0}@keyframes lgScanDown{0%{top:-180px}to{top:100%}}.login-shell .bg-noise{z-index:3;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>");position:fixed;inset:0}.login-shell .logo-img{background-image:url(/logo-login.png);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}.login-shell .logoplate{background:linear-gradient(158deg,#fff 0%,#eef7ff 55%,#dcedfb 100%);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:0 16px 38px #0000008c,0 0 0 1px #4fb0e08c,0 0 30px #4fb0e038}.login-shell .logoplate:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#ffffffbf 0%,#fff0 42%);position:absolute;inset:0}.login-shell .logoplate.lg{border-radius:13px;padding:11px 14px}.login-shell .logoplate.lg .logo-img{width:146px;height:90px}.login-shell .logoplate .tick{border:2px solid var(--cyan-400);opacity:.9;width:10px;height:10px;position:absolute}.login-shell .logoplate .tick.a{border-bottom:0;border-right:0;top:-5px;left:-5px}.login-shell .logoplate .tick.b{border-top:0;border-left:0;bottom:-5px;right:-5px}.login-shell .lockup{flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:4px;display:flex}.login-shell .lockup-txt{border-left:1px solid var(--lg-line-strong);flex:300px;min-width:260px;padding-left:22px}.login-shell .wavewrap{z-index:1;pointer-events:none;height:190px;position:absolute;bottom:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.login-shell .wavewrap svg{width:220%;height:100%;position:absolute;bottom:0;left:0}.login-shell .wavewrap svg.w1{opacity:.3;animation:26s linear infinite lgWaveA}.login-shell .wavewrap svg.w2{opacity:.19;animation:34s linear infinite lgWaveB}@keyframes lgWaveA{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes lgWaveB{0%{transform:translate(-50%)}to{transform:translate(0)}}.login-shell .statusbar{z-index:5;border-bottom:1px solid var(--lg-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-tech);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-500);background:linear-gradient(90deg,#0a1326e6,#101c368c 50%,#0a1326e6);flex-wrap:wrap;align-items:center;gap:18px;padding:10px 26px;font-size:11.5px;display:flex;position:relative}.login-shell .sb-brand{color:var(--cyan-300);align-items:center;gap:9px;font-weight:700;display:flex}.login-shell .sb-dot{background:var(--teal-400);width:7px;height:7px;box-shadow:0 0 10px var(--teal-400);border-radius:50%;animation:2s ease-in-out infinite lgPulse}@keyframes lgPulse{50%{opacity:.35;transform:scale(.8)}}.login-shell .sb-sep{background:var(--lg-line-strong);width:1px;height:14px}.login-shell .sb-item{align-items:center;gap:7px;display:flex}.login-shell .sb-item b{color:var(--ink-300);letter-spacing:.08em;font-weight:600}.login-shell .sb-spacer{flex:1}.login-shell .sb-clock{font-family:var(--font-display);color:var(--cyan-300);letter-spacing:.1em;font-size:12px}.login-shell .lgn-main{z-index:5;flex:1;grid-template-columns:1.32fr .88fr;align-items:stretch;gap:0;display:grid;position:relative}.login-shell .brandpane{border-right:1px solid var(--lg-line);background:linear-gradient(100deg,#050a15c7 0%,#050a1557 55%,#050a150f 100%);flex-direction:column;justify-content:center;gap:26px;padding:40px 48px 76px 56px;display:flex;position:relative;overflow:hidden}.login-shell .radar{pointer-events:none;opacity:.9;width:700px;height:700px;position:absolute;top:50%;left:-150px;transform:translateY(-50%)}.login-shell .radar i{border:1px solid #4fb0e033;border-radius:50%;margin:auto;position:absolute;inset:0}.login-shell .radar i:first-child{width:100%;height:100%}.login-shell .radar i:nth-child(2){width:72%;height:72%}.login-shell .radar i:nth-child(3){width:46%;height:46%}.login-shell .radar i:nth-child(4){border-color:#4fb0e04d;width:22%;height:22%}.login-shell .radar .sweep{background:conic-gradient(#4fb0e033,#4fb0e000 38%);border:none;border-radius:50%;animation:5.5s linear infinite lgSweep;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0 68%,#0000 72%);mask-image:radial-gradient(circle,#000 0 68%,#0000 72%)}@keyframes lgSweep{to{transform:rotate(360deg)}}.login-shell .radar .cross,.login-shell .radar .cross2{background:#4fb0e01f;border:none;border-radius:0;width:1px;height:100%;position:absolute;top:0;left:50%}.login-shell .radar .cross2{transform:rotate(90deg)}.login-shell .brand-inner{z-index:2;max-width:720px;position:relative}.login-shell .eyebrow{white-space:nowrap;font-family:var(--font-tech);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan-400);border:1px solid var(--lg-line-strong);background:#101c3680;border-radius:999px;align-items:center;gap:10px;margin-bottom:22px;padding:6px 14px;font-size:10.5px;font-weight:600;display:inline-flex}.login-shell .eyebrow svg{width:13px;height:13px}.login-shell .sys-name{filter:drop-shadow(0 2px 18px #050a15d9);font-family:var(--font-display);letter-spacing:.01em;background:linear-gradient(96deg, #fff 0%, var(--cyan-300) 42%, var(--teal-400) 100%);color:#0000;text-shadow:0 0 60px #4fb0e02e;-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,3.6vw,52px);font-weight:900;line-height:1.02}.login-shell .sys-name sup{vertical-align:super;-webkit-text-fill-color:var(--cyan-400);color:var(--cyan-400);font-size:.34em}.login-shell .sys-name .thin{white-space:nowrap;letter-spacing:.22em;color:var(--ink-300);-webkit-text-fill-color:var(--ink-300);margin-top:12px;font-size:.4em;font-weight:500;display:block}.login-shell .motto{text-shadow:0 1px 14px #050a15e6;border-left:2px solid var(--cyan-500);font-family:var(--font-tech);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan-300);max-width:640px;margin-top:20px;padding-left:16px;font-size:clamp(12px,1.05vw,14.5px);font-weight:600;line-height:1.75}.login-shell .first-block{border-top:1px solid var(--lg-line);margin-top:30px;padding-top:26px}.login-shell .first-head{text-shadow:0 2px 16px #050a15e6;font-family:var(--font-display);letter-spacing:.26em;color:#fff;text-transform:uppercase;font-size:clamp(15px,1.5vw,21px);font-weight:700}.login-shell .first-sub{font-family:var(--font-tech);letter-spacing:.22em;text-transform:uppercase;color:var(--teal-400);margin-top:9px;font-size:12px;font-weight:600}.login-shell .first-desc{text-shadow:0 1px 12px #050a15e6;color:var(--ink-300);text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;max-width:660px;margin-top:16px;font-size:13.4px;font-weight:300;line-height:1.78}.login-shell .first-desc b{color:var(--cyan-300);font-weight:500}.login-shell .pillars{grid-template-columns:repeat(5,1fr);gap:9px;max-width:700px;margin-top:26px;display:grid}.login-shell .pillar{border:1px solid var(--lg-line);border-radius:var(--r-md);background:linear-gradient(170deg,#1b2b4d9e,#0a132657);padding:13px 11px 14px;transition:all .32s cubic-bezier(.2,.7,.3,1);position:relative;overflow:hidden}.login-shell .pillar:after{content:"";background:linear-gradient(90deg, var(--cyan-500), var(--teal-400));transform-origin:0;height:2px;transition:all .32s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.login-shell .pillar:hover{border-color:var(--lg-line-strong);box-shadow:0 14px 34px #00000080, var(--glow-cyan);transform:translateY(-5px)}.login-shell .pillar:hover:after{transform:scaleX(1)}.login-shell .pillar .ltr{font-family:var(--font-display);color:var(--cyan-400);text-shadow:0 0 18px #4fb0e080;font-size:24px;font-weight:900;line-height:1}.login-shell .pillar .nm{font-family:var(--font-tech);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-100);margin-top:8px;font-size:10.5px;font-weight:700}.login-shell .pillar .cv{color:var(--ink-500);letter-spacing:.02em;margin-top:6px;font-size:9.8px;line-height:1.45}.login-shell .infonote{border-radius:var(--r-md);border:1px solid var(--lg-line);border-left:2px solid var(--gold-400);background:#0a132680;max-width:700px;margin-top:30px;padding:18px 20px}.login-shell .infonote .tag{font-family:var(--font-tech);letter-spacing:.26em;text-transform:uppercase;color:var(--gold-400);margin-bottom:9px;font-size:10px;font-weight:700;display:block}.login-shell .infonote .lead{font-family:var(--font-display);letter-spacing:.09em;color:var(--ink-100);text-transform:uppercase;font-size:13px;font-weight:500;line-height:1.6}.login-shell .infonote p{color:var(--ink-300);text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;margin-top:10px;font-size:12.4px;font-weight:300;line-height:1.72}.login-shell .infonote p b{color:var(--cyan-300);font-weight:500}.login-shell .eco{flex-wrap:wrap;align-items:stretch;gap:10px;max-width:700px;margin-top:26px;display:flex}.login-shell .eco-lbl{font-family:var(--font-tech);letter-spacing:.26em;text-transform:uppercase;color:var(--ink-700);flex:0 0 100%;margin-bottom:2px;font-size:10px;font-weight:700}.login-shell .eco-item{border:1px solid var(--lg-line);border-radius:var(--r-sm);background:#050a156b;flex:150px;align-items:center;gap:10px;padding:10px 12px;transition:all .25s;display:flex}.login-shell .eco-item:hover{border-color:var(--lg-line-strong);background:#1b2b4d80}.login-shell .eco-item svg{width:17px;height:17px;stroke:var(--cyan-400);fill:none;stroke-width:1.6px;flex:none}.login-shell .eco-item div{min-width:0}.login-shell .eco-item b{font-family:var(--font-tech);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-100);font-size:11px;font-weight:700;display:block}.login-shell .eco-item small{color:var(--ink-500);letter-spacing:.02em;margin-top:2px;font-size:9.6px;display:block}.login-shell .authpane{background:linear-gradient(200deg,#101c3685,#050a15bd);justify-content:center;align-items:center;padding:44px;display:flex;position:relative}.login-shell .authpane:before{content:"";pointer-events:none;background:radial-gradient(600px 480px at 70% 30%,#0b6c9624,#0000 65%);position:absolute;inset:0}.login-shell .lgn-card{border-radius:var(--r-lg);background:var(--lg-glass);border:1px solid var(--lg-line-strong);-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);width:100%;max-width:430px;padding:34px 32px 28px;animation:.8s cubic-bezier(.16,1,.3,1) both lgCardIn;position:relative;box-shadow:0 30px 80px #0000009e,inset 0 1px #ffffff0f}@keyframes lgCardIn{0%{opacity:0;transform:translateY(26px)scale(.98)}}.login-shell .lgn-card .br{border:2px solid var(--cyan-400);opacity:.85;width:20px;height:20px;position:absolute}.login-shell .lgn-card .br.tl{border-radius:var(--r-lg) 0 0 0;border-bottom:0;border-right:0;top:-1px;left:-1px}.login-shell .lgn-card .br.tr{border-radius:0 var(--r-lg) 0 0;border-bottom:0;border-left:0;top:-1px;right:-1px}.login-shell .lgn-card .br.bl{border-radius:0 0 0 var(--r-lg);border-top:0;border-right:0;bottom:-1px;left:-1px}.login-shell .lgn-card .br.br2{border-radius:0 0 var(--r-lg) 0;border-top:0;border-left:0;bottom:-1px;right:-1px}.login-shell .lgn-card-head{text-align:center;margin-bottom:24px;display:block}.login-shell .card-title{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:#fff;font-size:16px;font-weight:700}.login-shell .card-sub{font-family:var(--font-tech);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-500);margin-top:7px;font-size:11px;font-weight:500;line-height:1.7}.login-shell .card-sub em{color:var(--ink-700);font-style:normal}.login-shell .field-label{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.login-shell .field-label span{font-family:var(--font-tech);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-300);font-size:10.5px;font-weight:700}.login-shell .field-label i{color:var(--ink-700);letter-spacing:.04em;font-size:10px;font-style:normal}.login-shell .roles{grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:20px;display:grid}.login-shell .role{cursor:pointer;text-align:center;border-radius:var(--r-sm);border:1px solid var(--lg-line);-webkit-user-select:none;user-select:none;background:#0a132699;padding:11px 6px 10px;transition:all .22s}.login-shell .role svg{width:19px;height:19px;stroke:var(--ink-500);fill:none;stroke-width:1.6px;transition:all .22s}.login-shell .role b{font-family:var(--font-tech);white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500);margin-top:6px;font-size:10px;font-weight:700;transition:all .22s;display:block}.login-shell .role:hover{border-color:var(--lg-line-strong);background:#1b2b4db3}.login-shell .role.on{border-color:var(--cyan-400);box-shadow:var(--glow-cyan);background:linear-gradient(#0b6c9638,#101c3699)}.login-shell .role.on svg{stroke:var(--cyan-300)}.login-shell .role.on b{color:#fff}.login-shell .lgn-field{margin-bottom:16px}.login-shell .inputwrap{position:relative}.login-shell .inputwrap>svg.lead{width:16px;height:16px;stroke:var(--ink-700);fill:none;stroke-width:1.7px;pointer-events:none;z-index:1;transition:all .22s;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.login-shell .inputwrap input[type=text],.login-shell .inputwrap input[type=email],.login-shell .inputwrap input[type=password]{border:1px solid var(--lg-line);border-radius:var(--r-sm);width:100%;color:var(--ink-100);font-family:var(--font-body);letter-spacing:.02em;background:#050a15b8;outline:none;padding:13px 44px 13px 40px;font-size:13.5px;transition:all .22s}.login-shell .inputwrap input::placeholder{color:var(--ink-700)}.login-shell .inputwrap input:hover{border-color:var(--lg-line)}.login-shell .inputwrap input:focus{border-color:var(--cyan-400);box-shadow:0 0 0 3px #4fb0e01f, var(--glow-cyan);background:#101c36bf}.login-shell .inputwrap:focus-within>svg.lead{stroke:var(--cyan-400)}.login-shell .lgn-field.err input{border-color:var(--alert-400);box-shadow:0 0 0 3px #ff6b7a1f}.login-shell .errmsg{font-family:var(--font-tech);letter-spacing:.1em;text-transform:uppercase;color:var(--alert-400);margin-top:7px;font-size:10.5px;font-weight:600}.login-shell .eye{cursor:pointer;z-index:1;background:0 0;border:0;place-items:center;padding:6px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-shell .eye svg{width:16px;height:16px;stroke:var(--ink-500);fill:none;stroke-width:1.7px;transition:all .2s}.login-shell .eye:hover svg,.login-shell .eye[aria-pressed=true] svg{stroke:var(--cyan-300)}.login-shell .lgn-link{font-family:var(--font-tech);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan-400);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:0;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s}.login-shell .lgn-link:hover{color:var(--cyan-300);border-bottom-color:var(--cyan-300)}.login-shell .lgn-btn{border-radius:var(--r-sm);cursor:pointer;width:100%;font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:#04121c;background:linear-gradient(96deg, var(--cyan-400), var(--teal-400));border:0;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-size:12.5px;font-weight:700;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0b6c9657}.login-shell .lgn-btn:before{content:"";background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:60%;height:100%;transition:all .6s;position:absolute;top:0;left:-120%}.login-shell .lgn-btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px #0b6c9680}.login-shell .lgn-btn:hover:before{left:130%}.login-shell .lgn-btn:active{transform:translateY(0)}.login-shell .lgn-btn:disabled{opacity:.75;cursor:progress;transform:none}.login-shell .lgn-btn svg{stroke:#04121c;stroke-width:2.2px;fill:none;width:15px;height:15px}.login-shell .spin{border:2px solid #04121c47;border-top-color:#04121c;border-radius:50%;flex:none;width:14px;height:14px;animation:.7s linear infinite lgSpin}@keyframes lgSpin{to{transform:rotate(360deg)}}.login-shell .lgn-alert{border-radius:var(--r-sm);font-family:var(--font-tech);letter-spacing:.1em;text-transform:uppercase;color:var(--alert-400);background:#ff6b7a17;border:1px solid #ff6b7a66;align-items:center;gap:9px;margin-bottom:16px;padding:12px 14px;font-size:11px;font-weight:600;animation:.4s both lgCardIn;display:flex}.login-shell .lgn-alert svg{width:15px;height:15px;stroke:var(--alert-400);stroke-width:2.4px;fill:none;flex:none}.login-shell .card-foot{border-top:1px solid var(--lg-line);flex-direction:column;gap:12px;margin-top:22px;padding-top:18px;display:flex}.login-shell .trustrow{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.login-shell .lgn-chip{font-family:var(--font-tech);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);border:1px solid var(--lg-line);white-space:nowrap;background:#050a1580;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.login-shell .lgn-chip svg{width:10px;height:10px;stroke:var(--teal-400);fill:none;stroke-width:2px;flex:none}.login-shell .card-note{text-align:center;color:var(--ink-700);font-size:10.6px;line-height:1.65}.login-shell .card-note em{color:var(--ink-700);font-style:normal}.login-shell .rolepick{gap:8px;margin-bottom:18px;display:grid}.login-shell .rolepick .role{text-align:left;color:inherit;font:inherit;background:#0a132699;align-items:center;gap:11px;padding:12px 13px;display:flex}.login-shell .rolepick .role b{color:var(--ink-100);margin-top:0;font-size:11px}.login-shell .rolepick .role svg{flex:none}.login-shell .rolepick .role:disabled{opacity:.55;cursor:progress}.login-shell .footbar{z-index:5;border-top:1px solid var(--lg-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-tech);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-700);background:linear-gradient(90deg,#0a1326eb,#101c3699,#0a1326eb);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 26px;font-size:10.5px;font-weight:500;display:flex;position:relative}.login-shell .footbar b{color:var(--ink-500);font-weight:700}.login-shell .ticker{flex:0 340px;max-width:340px;height:14px;position:relative;overflow:hidden}.login-shell .ticker span{white-space:nowrap;color:var(--cyan-500);animation:24s linear infinite lgTick;position:absolute}@keyframes lgTick{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media (max-width:1180px){.login-shell .lgn-main{grid-template-columns:1fr}.login-shell .brandpane{border-right:0;border-bottom:1px solid var(--lg-line);padding:38px 30px}.login-shell .authpane{padding:38px 26px 48px}.login-shell .radar{opacity:.3;width:520px;height:520px;left:50%;transform:translate(-50%,-50%)}.login-shell .pillars{max-width:none}}@media (max-width:900px){.login-shell .sys-name .thin,.login-shell .eyebrow{white-space:normal}}@media (max-width:760px){.login-shell .statusbar{gap:12px;padding:9px 16px;font-size:10px}.login-shell .sb-hide{display:none}.login-shell .brandpane{padding:30px 20px}.login-shell .lockup-txt{border-left:0;padding-left:0}.login-shell .logoplate.lg .logo-img{width:132px;height:81px}.login-shell .pillars{grid-template-columns:repeat(2,1fr)}.login-shell .pillar:last-child{grid-column:1/-1}.login-shell .authpane{padding:28px 16px 40px}.login-shell .lgn-card{padding:26px 20px 22px}.login-shell .footbar{padding:12px 16px;font-size:9.5px}.login-shell .ticker{display:none}.login-shell .motto{letter-spacing:.12em}}@media (max-width:400px){.login-shell .roles{grid-template-columns:1fr;gap:6px}.login-shell .trustrow{grid-template-columns:repeat(2,1fr)}.login-shell .roles .role{text-align:left;align-items:center;gap:10px;padding:10px 12px;display:flex}.login-shell .roles .role b{margin-top:0}}@media (prefers-reduced-motion:reduce){.login-shell,.login-shell *,.login-shell :before,.login-shell :after{transition:none!important;animation:none!important}}.field{margin-bottom:14px}.field label{color:var(--ink-soft);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.field input:not([type=radio]):not([type=checkbox]),.field select,.answer-config select,.table-col-row input{border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.field select{padding-right:32px}.field textarea{resize:vertical;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.auto-field{background:var(--paper);border:1px solid var(--line);color:var(--ink-soft);border-radius:8px;padding:10px 12px;font-size:14px}.form-modal .field input[readonly]{background:var(--paper);color:var(--ink-soft);cursor:default}.answer-config select,.table-col-row input{padding:8px 10px;font-size:12.5px;transition:border-color .15s,box-shadow .15s}.answer-config select{background-position:right 10px center;padding-right:30px}input[type=checkbox]:not(.chipselect-validator){appearance:none;border:1.5px solid var(--ink-faint);background:var(--card);cursor:pointer;border-radius:4px;flex:none;width:16px;height:16px;margin:0;transition:background .15s,border-color .15s}input[type=checkbox]:not(.chipselect-validator):hover{border-color:var(--navy-700)}input[type=checkbox]:not(.chipselect-validator):checked{border-color:var(--brass);background:var(--brass) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 4l2.5 2.5L9 1' stroke='%230B2545' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 10px 8px no-repeat}input[type=checkbox]:not(.chipselect-validator):focus-visible{box-shadow:0 0 0 3px rgba(var(--brass-rgb), .35);outline:none}input[type=checkbox]:not(.chipselect-validator):disabled{opacity:.5;cursor:not-allowed}.field-checkbox label,.checklist label{color:var(--ink);cursor:pointer;align-items:center;gap:8px;margin-bottom:0;font-size:13px;font-weight:500;display:flex}.field-checkbox label{min-height:42px;padding:0 2px}.chipselect{position:relative}.chipselect-control{text-align:left;cursor:pointer;background:var(--card);width:100%;min-height:42px;color:var(--ink);border:1px solid var(--line);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:8px;padding:6px 32px 6px 10px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.chipselect-control:hover{border-color:var(--ink-soft)}.chipselect-control[aria-expanded=true]{border-color:var(--navy-700);box-shadow:0 0 0 3px rgba(var(--brass-rgb), .18);outline:none}.chipselect-placeholder{color:var(--ink-faint)}.chipselect-single{color:var(--ink)}.chipselect-chips{flex-wrap:wrap;gap:6px;display:flex}.chipselect-chip{background:var(--navy);color:#fff;border-radius:999px;align-items:center;gap:5px;padding:3px 6px 3px 10px;font-size:12.5px;line-height:1.6;display:inline-flex}.chipselect-chip-x{cursor:pointer;opacity:.75;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.chipselect-chip-x:hover{opacity:1;background:#fff3}.chipselect-control.chipselect-locked{cursor:default;opacity:1;color:var(--ink);background-image:none;background-color:var(--paper);padding-right:10px}.chipselect-panel{z-index:20;border:1px solid var(--line);background:var(--card);max-height:260px;box-shadow:0 8px 24px rgba(var(--navy-rgb), .16);border-radius:8px;padding:6px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.chipselect-panel .chipselect-search{z-index:1;background:var(--card);margin-bottom:6px;padding:8px 10px;position:sticky;top:-6px}.chipselect-empty{padding:10px 8px;font-size:13px}.chipselect-option-label{flex:1;min-width:0}.chipselect-option-meta{text-transform:uppercase;letter-spacing:.03em;opacity:.7;flex:none;font-size:11.5px}.chipselect-group+.chipselect-group{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.chipselect-group-label{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-faint);padding:4px 8px;font-size:11px;font-weight:600}.chipselect-option{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;font-size:13.5px;display:flex}.chipselect-option:hover{background:var(--paper)}.chipselect-option-active{background:var(--navy);color:#fff}.chipselect-option-active:hover{background:var(--navy-700)}.chipselect-validator{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.datepicker{position:relative}.datepicker-control{text-align:left;cursor:pointer;background:var(--card);width:100%;min-height:42px;color:var(--ink);border:1px solid var(--line);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect x='2' y='3' width='12' height='11' rx='1.5' stroke='%234c5f73' stroke-width='1.3'/%3E%3Cpath d='M2 6.5h12M5 1.5v3M11 1.5v3' stroke='%234c5f73' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;padding:8px 32px 8px 12px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.datepicker-control:hover{border-color:var(--ink-soft)}.datepicker-control[aria-expanded=true]{border-color:var(--navy-700);box-shadow:0 0 0 3px rgba(var(--brass-rgb), .18);outline:none}.datepicker-value{color:var(--ink)}.datepicker-panel{z-index:20;border:1px solid var(--line);background:var(--card);width:268px;box-shadow:0 8px 24px rgba(var(--navy-rgb), .16);border-radius:10px;padding:10px;position:absolute;top:calc(100% + 4px);left:0}.datepicker-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.datepicker-title{color:var(--ink);font-size:13.5px;font-weight:600}.datepicker-nav{border:1px solid var(--line);background:var(--card);width:26px;height:26px;color:var(--ink-soft);cursor:pointer;border-radius:6px;font-size:15px;line-height:1}.datepicker-nav:hover{background:var(--paper);color:var(--ink)}.datepicker-weekdays,.datepicker-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datepicker-weekdays{margin-bottom:4px}.datepicker-weekdays span{text-align:center;color:var(--ink-faint);font-size:11px;font-weight:600}.datepicker-day{height:30px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:6px;font-family:inherit;font-size:13px}.datepicker-day:hover:not(:disabled){background:var(--paper)}.datepicker-day:disabled{color:var(--ink-faint);cursor:not-allowed;opacity:.4}.datepicker-day-active{background:var(--navy);color:#fff}.datepicker-day-active:hover:not(:disabled){background:var(--navy-700)}.datepicker-clear{background:var(--paper);width:100%;color:var(--ink-soft);cursor:pointer;border:none;border-radius:6px;margin-top:8px;padding:6px;font-family:inherit;font-size:12.5px}.datepicker-clear:hover{background:var(--paper-2);color:var(--ink)}.btn-primary{width:100%;color:var(--ink);background:var(--brass);cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:11px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.btn-primary:hover{background:var(--brass-light)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary.btn-danger{background:var(--red);color:#fff}.btn-primary.btn-danger:hover{background:#a53a2e}.login-error{background:var(--red-bg);color:var(--red);border:1px solid var(--red);border-radius:8px;margin-bottom:14px;padding:9px 12px;font-size:12.5px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px}.card h1{margin:0 0 8px;font-size:20px;font-weight:600}.card p{color:var(--ink-soft);margin:0;font-size:13.5px}.page-head{margin-bottom:18px}.page-head h1{margin:0;font-size:22px;font-weight:600}.muted{color:var(--ink-soft);font-size:13px}.page-head .muted{margin:4px 0 0}.tabs{border-bottom:1px solid var(--line);gap:6px;margin-bottom:18px;display:flex}.tab{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:13.5px;font-weight:500}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);border-bottom-color:var(--brass);font-weight:600}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-head h2{margin:0;font-size:16px;font-weight:600}.card-head .hint{color:var(--ink-soft);cursor:pointer;white-space:nowrap;font-size:11px}.survey-side .indeks-panel .card-head{flex-direction:column;align-items:flex-start;gap:4px}.survey-side .indeks-panel .card-head .hint{white-space:normal}.lock-tag{background:var(--paper-2);color:var(--ink-soft);border-radius:10px;align-items:center;gap:3px;padding:1px 6px;font-size:9.8px;display:inline-flex}.table-wrap{border:1px solid var(--line);border-radius:10px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.row-click{cursor:pointer}.table-wrap .table:has(th:nth-child(4)){min-width:560px}.table th{text-align:left;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--line);background:var(--paper);padding:9px 12px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 12px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--paper)}.user-cell{align-items:center;gap:10px;display:flex}.av-sm{background:var(--navy-800);color:#fff;width:32px;height:32px;font-family:var(--font-spectral), serif;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.user-name{font-weight:600}.user-email{color:var(--ink-soft);font-size:11.5px}.badge{white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.badge-navy{background:var(--paper-2);color:var(--ink)}.badge-green{background:var(--green-bg);color:var(--green)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-yellow{background:var(--yellow-bg);color:var(--yellow)}.badge-orange{background:var(--orange-bg);color:var(--orange)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-a{background:var(--green-bg);color:var(--green)}.badge-b{background:var(--yellow-bg);color:var(--yellow)}.badge-c{background:var(--orange-bg);color:var(--orange)}.badge-d{background:var(--red-bg);color:var(--red)}.badge.dot{align-items:center;gap:5px;display:inline-flex}.badge.dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.btn-inline{justify-self:start;width:auto;margin:0;padding:9px 16px}.btn-ghost{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:600}.btn-ghost:hover{background:var(--paper);color:var(--ink)}.form-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);width:100%;margin-bottom:4px;padding:20px}.form-card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.form-card-head h3{margin:0;font-size:15px;font-weight:600}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:auto;align-items:start;gap:14px;display:grid}.form-grid>.field{grid-template-rows:subgrid;grid-row:span 3;align-content:start;row-gap:0;margin-bottom:0;display:grid}.form-grid.grid-kode{grid-template-columns:minmax(150px,230px) minmax(200px,1fr)}.form-grid.grid-dua{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:700px){.form-grid.grid-kode,.form-grid.grid-dua{grid-template-columns:1fr}}.field-wide{grid-column:1/-1}.form-grid>.field-checkbox>label{grid-row:2}.field-hint{margin-top:6px;font-size:11.5px;line-height:1.4;display:block}.field-hint-warn{color:var(--red);font-weight:600}.field-checkbox{align-items:center;display:flex}.checklist{border:1px solid var(--line);background:var(--card);border-radius:8px;flex-direction:column;gap:2px;max-height:180px;padding:5px;display:flex;overflow-y:auto}.checklist label{border-radius:6px;padding:7px 8px}.checklist label:hover{background:var(--paper)}.checklist-inline{background:0 0;border:0;flex-flow:wrap;gap:8px;max-height:none;padding:0;overflow:visible}.checklist-inline label{border:1px solid var(--line);background:var(--card);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 14px;display:inline-flex}.checklist-inline label:has(input:checked){border-color:var(--brass);background:rgba(var(--brass-rgb), .14)}.form-actions{gap:10px;margin-top:14px;margin-bottom:14px;display:flex}.ship-card{border:1px solid var(--line);border-radius:var(--radius);margin-top:14px;padding:16px 18px}.ship-card-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.ship-card-head h3{font-family:var(--font-spectral), serif;color:var(--ink);margin:0;font-size:18px}.ship-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 20px;margin:0;display:grid}.ship-field dt{text-transform:uppercase;letter-spacing:.04em;color:var(--navy-600);font-size:11px}.ship-field dd{color:var(--ink);margin:2px 0 0;font-size:14px}.workload-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;display:flex}.workload-row:hover{background:var(--paper)}.workload-row:focus-visible{outline:2px solid var(--navy-700);outline-offset:1px}.workload-row .wl-name{flex-shrink:0;width:130px;font-size:12.5px;font-weight:600}.workload-row .wl-track{background:var(--paper);border:1px solid var(--line);border-radius:5px;flex:1;height:16px;display:block;overflow:hidden}.workload-row .wl-fill{color:#fff;height:100%;font-size:10px;font-weight:700;font-family:var(--font-mono), monospace;background:var(--navy-800);justify-content:flex-end;align-items:center;padding-right:6px;display:flex}.workload-row:nth-child(3n+2) .wl-fill{background:var(--navy)}.workload-row:nth-child(3n) .wl-fill{background:var(--yellow)}.workload-row .wl-fill.over{background:var(--red)}.team-card-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.form-card-head .team-card-head{margin-bottom:0}.team-avatar{background:var(--navy-800);color:#fff;width:42px;height:42px;font-family:var(--font-spectral), serif;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.team-card-head .user-name{font-family:var(--font-spectral), serif;font-size:14.5px;font-weight:600}.team-card-head .team-wilayah{color:var(--ink-soft);font-size:11.5px}.team-assign-row{border-bottom:1px dashed var(--line);align-items:center;gap:10px;padding:7px 0;font-size:12.4px;display:flex}.team-assign-row:last-child{border-bottom:none}.team-assign-row .ta-obj{flex:1}.team-assign-row .ta-obj b{display:block}.team-assign-row .ta-obj span{color:var(--ink-soft);font-size:11px}.reschedule-form{gap:8px;min-width:220px;display:grid}.reschedule-actions{gap:8px;display:flex}.vessel-header{background:var(--navy-950);color:#fff;border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:18px 22px;display:flex}.vessel-header .vname{font-family:var(--font-spectral), serif;font-size:20px;font-weight:600}.vessel-header .vmeta{color:#b9d3e4;font-size:11.5px;font-family:var(--font-mono), monospace;margin-top:4px}.vessel-header .vtags{flex-wrap:wrap;gap:8px;display:flex}.pill{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.pill.navy{color:#0b2545;background:#e4eae9}.pill.slate{background:var(--paper-2);color:var(--ink-soft)}.topic-block{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;overflow:hidden}.topic-block>summary{background:var(--paper);cursor:pointer;justify-content:space-between;align-items:center;padding:13px 16px;list-style:none;display:flex}.topic-block>summary::-webkit-details-marker{display:none}.topic-head-left{align-items:center;gap:10px;display:flex}.topic-head-left h2{margin:0;font-size:13.5px;font-weight:600}.topic-head-right{align-items:center;gap:12px;display:flex}.topic-progress{width:120px}.topic-body{padding:14px 16px}.app[data-skin=internal] .topic-block[data-cat]{border-left:5px solid var(--cat)}.app[data-skin=internal] .topic-block[data-cat] .topic-body{background:linear-gradient(180deg, var(--cat-bg) 0, var(--card) 90px)}.app[data-skin=internal] .topic-block[data-cat=safety]{--cat:var(--cat-safety);--cat-bg:var(--cat-safety-bg)}.app[data-skin=internal] .topic-block[data-cat=env]{--cat:var(--cat-env);--cat-bg:var(--cat-env-bg)}.app[data-skin=internal] .topic-block[data-cat=crew]{--cat:var(--cat-crew);--cat-bg:var(--cat-crew-bg)}.app[data-skin=internal] .topic-block[data-cat=ism]{--cat:var(--cat-ism);--cat-bg:var(--cat-ism-bg)}.app[data-skin=internal] .topic-block[data-cat=doc]{--cat:var(--cat-doc);--cat-bg:var(--cat-doc-bg)}.app[data-skin=internal] .topic-block[data-cat=gap]{--cat:var(--cat-gap);--cat-bg:var(--cat-gap-bg)}.app[data-skin=internal] .topic-block[data-cat=office]{--cat:var(--cat-office);--cat-bg:var(--cat-office-bg)}.subbab-divider{align-items:center;gap:9px;margin:18px 0 10px;display:flex}.topic-body>.subbab-divider:first-child{margin-top:0}.sub-bab{border-left:2px solid var(--line);margin-bottom:22px;padding-left:12px}.sub-bab:last-child{margin-bottom:0}.subbab-divider .sd-num{font-family:var(--font-mono), monospace;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);border-radius:5px;flex:none;padding:2px 7px;font-size:10.6px}.subbab-divider .sd-title{color:var(--ink);white-space:nowrap;font-size:11.8px;font-weight:700}.subbab-divider .sd-line{background:var(--line);flex:1;height:1px}.skor-node-form{border:1px solid var(--line);background:var(--paper);border-radius:8px;margin-bottom:16px;padding:14px 16px}.skor-node-form .field:last-of-type{margin-bottom:0}.skor-node-form button{margin-top:4px}.qcard{border:1px solid var(--line);background:var(--card);border-radius:11px;margin-bottom:14px;padding:18px 20px}.qcard-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;display:flex}.qcard-no{font-family:var(--font-mono), monospace;color:var(--ink-soft);background:var(--paper);border-radius:6px;padding:3px 9px;font-size:12px}.qfield{margin-bottom:13px}.qfield:last-child{margin-bottom:0}.qfield select,.qfield input[type=number]{min-width:220px}.qflabel{text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft);align-items:center;gap:6px;margin-bottom:6px;font-size:10.2px;font-weight:600;display:flex}.qflabel-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.qftext{font-size:13.3px;line-height:1.6}.qftext.en{color:var(--ink-soft);font-size:12.6px;font-style:italic}.reg-tag{background:var(--navy-900);color:#fff;letter-spacing:.4px;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:600}.qcard .qnote-full{border:1px solid var(--line);resize:vertical;border-radius:8px;width:100%;padding:9px 11px;font-family:inherit;font-size:12.5px}.seg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{background:var(--card);cursor:pointer;min-height:40px;color:var(--ink-soft);border:none;border-right:1px solid var(--line);padding:10px 16px;font-size:12.5px;font-weight:600}.seg button:last-child{border-right:none}.seg button.on{background:var(--navy-950);color:#fff}.seg button:disabled{cursor:default;opacity:.7}.butir-inputs{flex-wrap:wrap;align-items:flex-end;gap:18px;display:flex}.na-check{align-items:center;gap:6px;margin-top:10px;padding-bottom:10px;font-size:14px;display:flex}.foto-galeri{flex-wrap:wrap;gap:10px;margin:10px 0;display:flex}.foto-item{width:140px;margin:0}.foto-item img{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:140px;height:100px}.foto-item figcaption{color:var(--navy-600);margin-top:4px;font-size:12px}.foto-upload{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;padding:16px 0 4px;display:flex}.foto-upload input[type=text]{flex:1;min-width:220px}.sesi-foot{margin-top:8px}.temuan-card{border:1px solid var(--red);background:var(--red-bg);border-left-width:3px;border-radius:8px;margin-top:10px;padding:12px 14px}.temuan-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.temuan-card textarea{border:1px solid var(--line);resize:vertical;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}.temuan-tl{margin-bottom:16px}.temuan-tl textarea,.temuan-tl input,.temuan-tl select{border:1px solid var(--line);border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}.temuan-tl textarea{resize:vertical}.sla-tag{background:var(--paper-2);color:var(--ink-soft);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.sla-overdue{background:var(--red-bg);color:var(--red)}.temuan-transisi{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding-top:12px;display:flex}.transisi-timeline{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.transisi-timeline h3{color:var(--ink-soft);margin:0 0 8px;font-size:13px}.transisi-item{flex-wrap:wrap;align-items:baseline;gap:10px;padding:4px 0;font-size:13px;display:flex}.utas-chat{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.utas-chat h3{color:var(--ink-soft);margin:0 0 10px;font-size:13px}.chat-body{flex-direction:column;gap:8px;max-height:280px;margin-bottom:10px;display:flex;overflow-y:auto}.bubble{border-radius:12px;flex-direction:column;gap:4px;max-width:78%;padding:8px 12px;font-size:13.5px;line-height:1.4;display:flex}.bubble.me{background:var(--navy);color:#fff;border-bottom-right-radius:3px;align-self:flex-end}.bubble.them{background:var(--paper-2);color:var(--ink);border-bottom-left-radius:3px;align-self:flex-start}.bubble-meta{opacity:.7;font-size:10.5px}.chat-input{gap:8px;display:flex}.chat-input input{border:1px solid var(--line);border-radius:8px;flex:1;padding:8px 10px;font-family:inherit;font-size:14px}.opp-filter{background:var(--paper);border:2px solid var(--line);border-radius:9px;flex-wrap:wrap;gap:6px;margin-bottom:16px;padding:4px;display:inline-flex}.opp-filter a,.opp-filter button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 14px;font-size:13.5px;font-weight:600;text-decoration:none}.opp-filter a.active,.opp-filter button.active{background:var(--card);color:var(--navy);box-shadow:0 1px 2px #0000000f}.opp-row{border:2px solid var(--line);background:var(--card);color:inherit;border-radius:10px;align-items:center;gap:14px;margin-bottom:10px;padding:13px 14px;text-decoration:none;display:flex}.opp-row:hover{border-color:var(--navy-light,var(--navy-600));box-shadow:0 8px 20px #1e3a5f14}.opp-row .oi-ic{background:var(--navy-bg,rgba(var(--navy-rgb), .08));width:34px;height:34px;color:var(--navy);border-radius:9px;flex:none;justify-content:center;align-items:center;display:flex}.opp-row .oi-main{flex:1;min-width:0}.opp-row .oi-title{font-size:14px;font-weight:600}.opp-row .oi-meta{color:var(--ink-soft);margin-top:2px;font-size:12.5px}.opp-row .oi-right{flex:none;align-items:center;gap:10px;display:flex}.chat-wrap{grid-template-columns:1fr 300px;align-items:flex-start;gap:18px;display:grid}@media (max-width:1100px){.chat-wrap{grid-template-columns:1fr}}.doc-list{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.doc-list li{color:var(--ink-soft);align-items:center;gap:8px;font-size:13px;display:flex}.doc-list li svg{color:var(--green);flex:none}.es-stepper{counter-reset:step;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.es-stepper li{counter-increment:step;background:var(--paper-2);color:var(--ink-faint);border-radius:20px;padding:6px 14px 6px 34px;font-size:12.5px;font-weight:600;position:relative}.es-stepper li:before{content:counter(step);font-family:var(--font-mono), monospace;background:var(--ink-faint);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.es-stepper li.aktif{background:var(--navy);color:#fff}.es-stepper li.aktif:before{background:var(--brass);color:var(--ink)}.es-particular{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:14px 0;display:grid}.es-particular>div{background:var(--paper);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:2px;padding:8px 12px;font-size:13px;display:flex}.es-seksi-baca{margin-bottom:14px}.es-seksi-baca h3{color:var(--ink);margin:0 0 4px;font-size:13.5px}.es-seksi-baca p{white-space:pre-wrap;margin:0}.ttd-mode{gap:8px;margin:6px 0 12px;display:flex}.ttd-canvas{border:1px dashed var(--navy-600);touch-action:none;cursor:crosshair;background:#fff;border-radius:8px;max-width:100%;display:block}.ttd-draw{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.ttd-list{flex-wrap:wrap;gap:16px;display:flex}.ttd-item{align-items:center;gap:12px;display:flex}.ttd-img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:6px;width:160px;height:60px}.level-wrap{border:1px solid var(--line);border-radius:8px;flex-wrap:nowrap;gap:6px;margin:14px 0;padding:12px 14px;display:flex}.level-wrap legend{color:var(--ink-soft);width:100%;padding:0 6px;font-size:12px;font-weight:600}.level-wrap label{white-space:nowrap;border:1px solid var(--line);cursor:pointer;background:var(--card);border-radius:999px;align-items:center;padding:8px 12px 8px 29px;font-size:12.5px;transition:border-color .15s,background .15s,color .15s;display:inline-flex;position:relative}.level-wrap label:hover{border-color:var(--navy-700)}.level-wrap label:has(input:checked){border-color:var(--navy-700);background:rgba(var(--brass-rgb), .14);color:var(--navy-900);font-weight:600}.level-wrap input[type=checkbox],.level-wrap input[type=radio]{opacity:0;cursor:pointer;width:15px;height:15px;margin:0;position:absolute;left:8px}.level-wrap label:before{content:"";border:1.5px solid var(--ink-faint);background:var(--card);border-radius:4px;width:15px;height:15px;transition:background .15s,border-color .15s;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.level-wrap label:has(input:checked):before{background:var(--brass);border-color:var(--brass)}.level-wrap label:after{content:"";border:solid var(--navy-900);border-width:0 2px 2px 0;width:4px;height:8px;transition:transform .15s;position:absolute;top:50%;left:14px;transform:translateY(-65%)rotate(45deg)scale(0)}.level-wrap label:has(input:checked):after{transform:translateY(-65%)rotate(45deg)scale(1)}.level-wrap label:has(input:focus-visible):before{box-shadow:0 0 0 3px rgba(var(--brass-rgb), .35)}.field-required{color:var(--red);margin-left:2px}.modal-foot{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.modal-foot .btn-primary,.modal-foot .btn-ghost,.confirm-aksi .btn-primary,.confirm-aksi .btn-ghost{width:auto;margin-top:0;padding:10px 18px;font-size:14px;line-height:1.15}.btn-swap{place-items:center;display:inline-grid}.btn-swap>span{grid-area:1/1}.btn-swap>.swap-off{visibility:hidden}p.form-wajib-hint{border:1px solid var(--line);border-left:3px solid var(--red);background:var(--paper);width:fit-content;max-width:100%;color:var(--ink-soft);border-radius:0 8px 8px 0;align-items:center;margin:0 0 18px;padding:6px 10px;font-size:12px;line-height:1.35;display:flex}.dropzone-wrap{flex-direction:column;align-items:flex-start;gap:12px;width:100%;display:flex}.dropzone{border:1.5px dashed var(--line);background:linear-gradient(var(--card), var(--card)) padding-box, var(--paper);cursor:pointer;text-align:center;width:100%;min-height:128px;color:var(--ink-soft);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:22px 20px;transition:border-color .15s,background .15s,transform .15s;display:flex}.field label.dropzone{color:var(--ink-soft);margin-bottom:0;font-weight:400;display:flex}.field label.dropzone.terisi{color:var(--ink)}.dropzone:hover{border-color:var(--brass);background:var(--paper)}.dropzone.seret{border-color:var(--brass);background:rgba(var(--brass-rgb), .08);border-style:solid;transform:translateY(-1px)}.dropzone.terisi{border-style:solid;border-color:var(--green);background:var(--green-bg);color:var(--ink)}.dropzone-ikon{background:var(--paper-2);width:42px;height:42px;color:var(--navy-600,var(--ink-soft));border-radius:50%;flex:none;place-items:center;display:grid}.dropzone-ikon svg{width:21px;height:21px}.dropzone:hover .dropzone-ikon,.dropzone.seret .dropzone-ikon{background:rgba(var(--brass-rgb), .18);color:var(--brass-ink,#8a6a00)}.dropzone.terisi .dropzone-ikon{color:var(--green);background:#2e9e5b29}.dropzone-teks,.dropzone-berkas{flex-direction:column;gap:3px;min-width:0;max-width:100%;display:flex}.dropzone-judul{color:var(--ink-soft);font-size:13px;font-weight:400}.dropzone-judul b{color:var(--navy-600,var(--ink));text-underline-offset:2px;text-decoration:underline}.dropzone-hint{color:var(--ink-faint);font-size:11px}.dropzone-nama{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.dropzone-meta{color:var(--green);font-size:11px;font-weight:600}.dropzone-ganti{color:var(--ink-soft);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;align-self:center;padding:0;font-family:inherit;font-size:11.5px;font-weight:600;text-decoration:underline}.dropzone-ganti:hover{color:var(--red)}.dropzone-tolak{width:100%}.dropzone-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.dropzone-daftar{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.dropzone-daftar-item{border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.dropzone-daftar-nama{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.dropzone-daftar-ukuran{color:var(--ink-faint,#8a94a6);font-size:12px}.dropzone-daftar-hapus{color:var(--red);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:12px}.storage-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:28px;margin-bottom:18px;padding:16px 18px;display:flex}.storage-card>div:first-child{flex:240px;min-width:220px}.storage-track{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.storage-fill{background:var(--navy);border-radius:4px;height:100%}.storage-stats{flex-wrap:wrap;gap:28px;display:flex}.storage-stat{flex-direction:column;gap:2px;display:flex}.storage-stat b{color:var(--navy);font-size:18px}.storage-stat span{color:var(--ink-faint);font-size:12px}.doc-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.doc-search{border:1px solid var(--line);border-radius:8px;min-width:220px;padding:8px 12px;font-size:13.5px}.doc-ext{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:flex}.doc-ext.pdf{background:var(--red)}.doc-ext.doc{background:#2b5fd9}.doc-ext.xls{background:var(--green)}.doc-ext.img{background:#9b59b6}.doc-ext.other{background:var(--ink-faint)}.doc-name-cell{align-items:center;gap:10px;display:flex}.doc-name-cell .dn{font-weight:600}.doc-name-cell .dm{color:var(--ink-faint);font-size:12px}.doc-actions{align-items:center;gap:6px;display:flex}.doc-icon-btn{border:1px solid var(--line);background:var(--card);width:30px;height:30px;color:var(--ink-soft);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.doc-icon-btn.danger{color:var(--red)}.doc-empty{text-align:center;color:var(--ink-faint);padding:32px 16px}.owner-card{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:16px 18px}.owner-head{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;list-style:none;display:flex}.owner-head::-webkit-details-marker{display:none}.owner-name{font-family:Spectral,Georgia,serif;font-size:17px;font-weight:600}.owner-meta{color:var(--ink-faint);margin-top:2px;font-size:12.5px}.owner-right{align-items:center;gap:16px;display:flex}.owner-fleet{text-align:center}.owner-fleet .n{color:var(--navy);font-size:19px;font-weight:700}.owner-fleet .l{text-transform:uppercase;letter-spacing:.4px;color:var(--ink-faint);font-size:10.5px}.owner-chevron{color:var(--navy);transition:transform .2s}.owner-card[open] .owner-chevron{transform:rotate(180deg)}.owner-body{border-top:1px dashed var(--line);margin-top:14px;padding-top:14px}.owner-info-row{border-bottom:1px dashed var(--line);justify-content:space-between;padding:6px 0;font-size:13.5px;display:flex}.owner-info-row:last-child{border-bottom:none}.owner-info-row span:first-child{color:var(--ink-faint)}.owner-info-row span:last-child{text-align:right;font-weight:600}.owner-kapal-chip{background:var(--navy-bg,rgba(var(--navy-rgb), .08));color:var(--navy);border-radius:20px;align-items:center;gap:6px;margin:6px 6px 0 0;padding:5px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.claim-stepper{flex-direction:column;display:flex}.claim-step{gap:14px;padding-bottom:24px;display:flex;position:relative}.claim-step:last-child{padding-bottom:0}.claim-step .cs-line{background:var(--line);width:2px;position:absolute;top:28px;bottom:-2px;left:13px}.claim-step.done .cs-line{background:var(--green)}.claim-step:last-child .cs-line{display:none}.claim-step .cs-dot{z-index:1;border-radius:50%;flex:none;justify-content:center;align-items:center;width:31px;height:31px;font-size:12.5px;font-weight:700;display:flex}.claim-step.done .cs-dot{background:var(--green);color:#fff}.claim-step.current .cs-dot{background:var(--navy);color:#fff;box-shadow:0 0 0 4px var(--navy-bg,rgba(var(--navy-rgb), .08))}.claim-step.pending .cs-dot{background:var(--paper);border:2px solid var(--line);color:var(--ink-faint)}.claim-step .cs-body{flex:1;padding-top:3px}.claim-step .cs-title{font-size:14px;font-weight:700}.claim-step.pending .cs-title{color:var(--ink-faint);font-weight:600}.claim-step .cs-date{color:var(--ink-faint);margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:12px}.claim-step .cs-note{background:var(--paper);border-radius:7px;margin-top:5px;padding:8px 10px;font-size:13px;line-height:1.55}.claim-step.current .cs-note{background:var(--navy-bg,rgba(var(--navy-rgb), .08));color:var(--navy)}.field-optional{color:var(--ink-faint);margin-left:4px;font-size:11px;font-weight:400}.form-card .btn-primary{width:auto}.indeks-ringkas{margin:6px 0 18px}.indeks-num{font-family:var(--font-spectral), Georgia, serif;color:var(--ink);align-items:baseline;gap:12px;font-size:44px;font-weight:700;line-height:1;display:flex}.indeks-num.muted{color:var(--ink-faint)}.indeks-num small{font-family:var(--font-inter), system-ui, sans-serif;font-size:13px;font-weight:400}.topic-chart{flex-direction:column;display:flex}.topic-chart-row{align-items:center;gap:10px;padding:6px 0;font-size:11.5px;display:flex}.topic-chart-row .tc-label{width:168px;color:var(--ink-soft);flex:none;line-height:1.35}.topic-chart-row .tc-track{background:var(--card);border:1px solid var(--line);border-radius:5px;flex:1;height:8px;overflow:hidden}.topic-chart-row .tc-fill{border-radius:5px;height:100%;display:block}.tc-fill-a{background:var(--green)}.tc-fill-b{background:var(--yellow)}.tc-fill-c{background:var(--orange)}.tc-fill-d{background:var(--red)}.topic-chart-row .tc-val{text-align:right;white-space:nowrap;flex:none;min-width:40px;font-weight:600}.skor-topik{flex-direction:column;gap:14px;display:flex}.skor-topik-head{grid-template-columns:minmax(180px,40%) 1fr;align-items:center;gap:12px;display:grid}.skor-topik-label{font-size:13.5px;font-weight:600}.skor-sub-list{border-left:2px solid var(--line);flex-direction:column;gap:7px;margin:8px 0 0 14px;padding-left:12px;display:flex}.skor-sub-row{grid-template-columns:minmax(160px,40%) 1fr;align-items:center;gap:12px;font-size:12.5px;display:grid}.survey-side .indeks-panel .skor-topik-head,.survey-side .indeks-panel .skor-sub-row{grid-template-columns:1fr;gap:4px}.skor-bar{background:var(--paper-2);border-radius:8px;align-items:center;gap:8px;height:16px;display:flex;position:relative;overflow:hidden}.skor-bar-fill{border-radius:8px 0 0 8px;min-width:2px;height:100%;transition:width .2s}.skor-bar-val{color:var(--ink);font-size:11px;font-weight:600;position:absolute;right:8px}.benchmark-row{flex-wrap:wrap;gap:12px;margin:0 0 18px;display:flex}.benchmark-stat{background:var(--paper);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:3px;min-width:140px;padding:10px 14px;display:flex}.benchmark-label{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.03em;font-size:11.5px}.benchmark-val{color:var(--ink);font-size:20px;font-weight:700}.benchmark-delta{font-size:12px;font-weight:600}.benchmark-delta.up{color:var(--green)}.benchmark-delta.down{color:var(--red)}.tren-chart{width:100%;height:auto;display:block}.tren-grid{stroke:var(--line);stroke-width:1px;stroke-dasharray:3 3}.tren-axis-line{stroke:var(--line);stroke-width:1px}.tren-axis{fill:var(--ink-soft);font-size:10px;font-family:var(--font-mono), monospace}.tren-line{fill:none;stroke:var(--navy-700);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.tren-val{fill:var(--navy);font-size:10px;font-weight:700;font-family:var(--font-mono), monospace}.tren-kosong{padding:18px 0;font-size:13px}.tren-delta{font-size:12px;font-weight:600}.tren-delta.up{color:var(--green)}.tren-delta.down{color:var(--red)}.aksi-row{flex-wrap:wrap;gap:6px;display:flex}.notif-item.unread{background:var(--paper)}tr.notif-item.unread td:first-child{border-left:3px solid var(--brass)}.notif-isi{color:var(--ink-soft);margin:4px 0 0;font-size:12.5px}.dash-grid{gap:16px;display:grid}.surveyor-dashboard>.card{margin-bottom:18px}.surveyor-dashboard>.dash-grid{gap:18px}.surveyor-dashboard>.dash-grid+.dash-grid{margin-top:18px}.dash-grid>*,.dash-kpi>*{min-width:0}.dash-grid.two{grid-template-columns:1.3fr .9fr}.dash-grid.g3{grid-template-columns:1fr 2fr}.dash-grid.equal{grid-template-columns:repeat(2,1fr)}.dash-kpi{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.card-flex{flex-direction:column;display:flex}.card-flex-fill{flex-direction:column;flex:1;justify-content:center;display:flex}@media (max-width:900px){.dash-grid.two,.dash-grid.g3,.dash-grid.equal{grid-template-columns:1fr}.dash-kpi{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.dash-kpi{grid-template-columns:1fr}}.kpi-card .kpi-label{text-transform:uppercase;letter-spacing:.4px;color:var(--ink-faint);font-size:11.5px}.kpi-card .kpi-value{font-family:var(--font-spectral), serif;color:var(--ink);align-items:flex-end;min-height:27px;margin:12px 0 10px;font-size:27px;font-weight:700;line-height:1;display:flex}.kpi-card .kpi-value.money{font-size:clamp(18px,1.55vw,27px)}.kpi-card .kpi-delta{font-family:var(--font-mono), monospace;font-size:11.5px;font-weight:600;line-height:1.45}.kpi-delta.up{color:var(--green)}.kpi-delta.down{color:var(--red)}.kpi-delta.flat{color:var(--ink-soft)}.kpi-delta.warn{color:var(--orange)}.dash-card-title{margin:0;font-size:14.5px;font-weight:600}.dash-hint,.card .dash-hint{color:var(--ink-soft);margin:2px 0 14px;font-size:11.5px}.card:has(table) .dash-hint{max-width:92ch;margin:6px 0 16px;font-size:12px;line-height:1.65}.gauge-wrap{flex-direction:column;align-items:center;padding-top:6px;display:flex}.gauge-arc-a{stroke:var(--green)}.gauge-arc-b{stroke:var(--yellow)}.gauge-arc-c{stroke:var(--orange)}.gauge-arc-d{stroke:var(--red)}.gauge-needle{stroke:var(--navy)}.gauge-hub{fill:var(--navy)}.gauge-num{font-family:var(--font-spectral), serif;color:var(--ink);font-size:40px;font-weight:700;line-height:1.1}.gauge-wrap:has(svg) .gauge-num{margin-top:-32px}.gauge-num.muted{color:var(--ink-faint)}.gauge-class{letter-spacing:.5px;margin-top:8px}.gauge-legend{font-family:var(--font-mono), monospace;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:18px;display:flex}.gauge-legend span{color:var(--ink-soft);align-items:center;gap:5px;font-size:11px;display:flex}.gauge-legend i{border-radius:2px;width:9px;height:9px;display:inline-block}.dot-a{background:var(--green)}.dot-b{background:var(--yellow)}.dot-c{background:var(--orange)}.dot-d{background:var(--red)}.radar-wrap{justify-content:center;padding:6px 0 2px;display:flex}.radar-svg{width:100%;max-width:240px;height:auto}.radar-grid,.radar-axis{fill:none;stroke:var(--line);stroke-width:1px}.radar-data{fill:rgba(var(--navy-rgb), .16);stroke:var(--navy);stroke-width:2px;stroke-linejoin:round}.radar-dot{fill:var(--navy);stroke:#fff;stroke-width:1.5px}.dot-p1{fill:var(--red)}.dot-p2{fill:var(--yellow)}.dot-p3{fill:var(--green)}.radar-label{font-size:11px;font-weight:700;font-family:var(--font-mono), monospace;fill:var(--ink-soft)}.label-p1{fill:var(--red)}.label-p2{fill:var(--yellow)}.label-p3{fill:var(--green)}.radar-legend{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin-top:8px;padding-top:10px;display:flex}.radar-legend span{color:var(--ink-soft);align-items:center;gap:7px;font-size:11px;display:flex}.radar-legend i{border-radius:3px;flex:none;width:9px;height:9px;display:inline-block}.progress-mini{background:var(--paper-2);vertical-align:middle;border-radius:4px;width:100%;height:6px;display:inline-block;overflow:hidden}.progress-mini i{border-radius:4px;height:100%;display:block}.sisahari-wrap{flex-direction:column;gap:3px;min-width:88px;display:flex}.sisahari-wrap .mono{font-size:11px}.sla-row{border-bottom:1px dashed var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.sla-row:last-child{border-bottom:none}.sla-chip{font-family:var(--font-mono), monospace;text-align:center;border-radius:6px;width:34px;padding:3px 8px;font-size:11px;font-weight:700}.sla-count{margin-left:auto}.hero-focus{background:linear-gradient(120deg, var(--navy), var(--navy-800));color:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:24px 26px;display:flex;box-shadow:0 10px 30px -12px #0a182680}.hero-focus .eyebrow{letter-spacing:1.2px;text-transform:uppercase;color:#80c7e6;margin-bottom:8px;font-size:11px}.hero-focus h2{color:#fff;max-width:560px;margin:0 0 8px;font-size:21px;font-weight:600;line-height:1.35}.hero-focus p{color:#c4d9e4;max-width:560px;margin:0;font-size:12.8px;line-height:1.55}.hero-cta{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.hero-cta .btn-primary,.hero-cta .btn-ghost{width:auto;margin:0}.hero-cta .btn-ghost{color:#fff;border-color:#ffffff4d}.hero-cta .btn-ghost:hover{color:#fff;background:#ffffff14}.hero-more{color:#80c7e6;cursor:pointer;margin-top:10px;font-size:11.5px;text-decoration:underline;display:inline-block}.hero-side{text-align:center;flex:none}.hero-side .n{font-family:var(--font-spectral), serif;color:#f0c77a;font-size:38px;font-weight:700;line-height:1}.hero-side .l{color:#c4d9e4;margin-top:4px;font-size:11.5px}.kpi-strip{border:1px solid var(--line);background:var(--card);border-radius:12px;margin-bottom:18px;display:flex;overflow:hidden}.kpi-strip .kseg{border-right:1px solid var(--line);flex:1;padding:14px 18px}.kpi-strip .kseg:last-child{border-right:none}.kpi-strip .klabel{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;font-size:10.8px}.kpi-strip .kval{font-family:var(--font-mono), monospace;color:var(--ink);margin-top:4px;font-size:21px;font-weight:600}.kval.orange{color:var(--orange)}.kval.yellow{color:var(--yellow)}@media (max-width:700px){.kpi-strip{flex-wrap:wrap}.kpi-strip .kseg{border-bottom:1px solid var(--line);flex:50%}}.afeed{flex-direction:column;gap:2px;display:flex}.afeed-item{border-bottom:1px dashed var(--line);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.afeed-item:last-child{border-bottom:none}.afeed-av{width:32px;height:32px;font-family:var(--font-spectral), serif;color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.afeed-body{font-size:13px;line-height:1.4}.afeed-time{font-family:var(--font-mono), monospace;color:var(--ink-faint);margin-top:2px;font-size:11px}.matrix-wrap{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.matrix-blok{align-items:stretch;gap:6px;display:flex}.matrix-grid{grid-template-columns:24px repeat(5,52px);gap:5px;display:grid}.matrix-axis-y{writing-mode:vertical-rl;text-align:center;color:var(--ink-faint);font-size:10px;font-weight:600;transform:rotate(180deg)}.matrix-axis-x{text-align:center;color:var(--ink-faint);margin-top:4px;font-size:10px;font-weight:600}.matrix-head-cell{color:var(--ink-faint);justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.matrix-cell{height:46px;font-family:var(--font-mono), monospace;color:#fff;cursor:pointer;border:2px solid #0000;border-radius:7px;font-size:13px;font-weight:700}.matrix-cell:hover{filter:brightness(1.08)}.matrix-cell.active{border-color:var(--ink);box-shadow:inset 0 0 0 2px #fff}.calc-panel{flex:320px;max-width:460px}.calc-row{gap:10px;margin-bottom:12px;display:flex}.calc-row .field{flex:1}.calc-result{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.calc-result-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:12.5px;display:flex}.calc-result-row:last-child{border-bottom:none}.calc-rf{font-size:15px}.konfig-bar{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.konfig-bar-info,.konfig-bar-aksi{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.konfig-bar-info .mono{font-size:11.5px}.konfig-galat{color:var(--red);font-size:12px}.konfig-in{width:100%;color:inherit;background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 8px;font-size:12.5px}.konfig-in:hover:not(:disabled){border-color:var(--line)}.konfig-in:focus{border-color:var(--navy-700);background:var(--card);box-shadow:0 0 0 3px rgba(var(--brass-rgb), .18);outline:none}.konfig-in:disabled{color:var(--ink-soft)}.konfig-in.t{font-family:var(--font-spectral), serif;font-size:14.5px;font-weight:600}.konfig-sub{color:var(--ink-faint);padding-left:8px;font-size:11px;display:block}.konfig-bobot{flex:none;align-items:center;gap:4px;width:92px;display:flex}.js-rentang{align-items:center;gap:6px;display:flex}.js-rentang .konfig-in{text-align:center;width:72px}.konfig-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ctrl-area-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.ctrl-area-card{margin-bottom:0}.dash-grid.bobot-ringkas{grid-template-columns:1.2fr 1fr;align-items:start;margin-bottom:16px}.bobot-skor{flex-direction:column;gap:16px;display:flex}.bobot-ringkas .card{margin-bottom:0}@media (max-width:1280px){.dash-grid.bobot-ringkas,.ctrl-area-grid{grid-template-columns:1fr}}.ctrl-area-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.ctrl-area-head .t{font-family:var(--font-spectral), serif;font-size:14.5px;font-weight:600}.komponen-row{border-bottom:1px dashed var(--line);align-items:center;gap:10px;padding:6px 0;font-size:12.5px;display:flex}.komponen-row:last-of-type{border-bottom:none}.komponen-row .kname{color:var(--ink-soft);flex:1}.komponen-score{font-family:var(--font-mono), monospace;text-align:center;border:1px solid var(--line);background:var(--paper-2);border-radius:6px;width:62px;padding:5px;font-size:12px}.ctrl-area-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:10px;padding-top:10px;font-size:12px;display:flex}.maturity-current td{background:var(--paper-2);font-weight:700}.priority-bar-row{align-items:center;gap:10px;padding:8px 0;display:flex}.pb-chip{text-align:center;width:32px;font-family:var(--font-mono), monospace;border-radius:6px;flex:none;padding:3px 0;font-size:11px;font-weight:700}.pb-track{background:var(--paper-2);border:1px solid var(--line);border-radius:5px;flex:1;height:18px;overflow:hidden}.pb-fill{color:#fff;height:100%;font-size:11px;font-weight:700;font-family:var(--font-mono), monospace;justify-content:flex-end;align-items:center;min-width:26px;padding-right:8px;display:flex}.pb-fill-p1{background:var(--red)}.pb-fill-p2{background:var(--yellow)}.pb-fill-p3{background:var(--green)}.pb-sla{text-align:right;width:74px;color:var(--ink-faint);font-size:11px}.reco-item{border:1px solid var(--line);border-radius:9px;gap:12px;margin-bottom:10px;padding:13px 14px;display:flex}.reco-pri{background:var(--navy);border-radius:4px;flex:none;align-self:stretch;width:5px}.reco-kritis .reco-pri{background:var(--red)}.reco-peringatan .reco-pri{background:var(--orange)}.reco-administratif .reco-pri{background:var(--yellow)}.reco-baik .reco-pri{background:var(--green)}.reco-item:last-child{margin-bottom:0}.radar-note{margin:10px 0 0;font-size:12px}.reco-title{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:3px;font-size:13px;font-weight:600;display:flex}.reco-desc{color:var(--ink-soft);font-size:12.3px;line-height:1.5}.radar4-wrap{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.radar4-legend{flex:1;min-width:190px}.radar4-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:12.5px;display:flex}.radar4-row:last-child{border-bottom:none}.radar4-row i{background:var(--navy-700);border-radius:2px;flex:none;width:9px;height:9px;margin-right:7px;display:inline-block}.grz-list{gap:14px;display:grid}.grz-card,.int-card{grid-template-columns:1fr auto;align-items:start;gap:10px 18px;display:grid}.grz-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:600}.grz-title{font-family:var(--font-spectral);margin-top:2px;font-size:17px}.grz-meta{margin-top:2px;font-size:12px}.grz-card-score{text-align:right;justify-items:end;gap:4px;display:grid}.grz-num{font-family:var(--font-spectral);font-size:26px;line-height:1}.grz-card-foot{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;font-size:12.5px;display:flex}.grz-entry{border-bottom:1px dashed var(--line);grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;padding:12px 0;display:grid}.grz-del{margin-bottom:4px}.grz-focus-row{border-bottom:1px dashed var(--line);grid-template-columns:140px 1fr 90px;align-items:center;gap:12px;padding:9px 0;display:grid}.grz-focus-name{font-size:13px;font-weight:600}.grz-focus-score{text-align:right}.zone-legend{color:var(--ink-soft);flex-wrap:wrap;gap:12px;margin-top:12px;font-size:11.5px;display:flex}.zone-chip{align-items:center;gap:6px;display:inline-flex}.zone-chip i{border-radius:3px;width:10px;height:10px;display:inline-block}.grz-avg{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:14px;padding-top:12px;display:flex}.grz-avg-num{font-family:var(--font-spectral);margin-left:auto;font-size:30px;line-height:1}.int-score-group{gap:18px;display:flex}.int-score{text-align:right;gap:2px;display:grid}.is-lbl{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.is-num{font-family:var(--font-spectral);font-size:19px;line-height:1}.int-sum,.int-src{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;padding-top:10px;font-size:12.5px;display:flex}.int-sum .grz-avg-num{font-size:22px}@media (max-width:720px){.grz-entry,.grz-focus-row{grid-template-columns:1fr}}.chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);cursor:pointer;border-radius:999px;align-items:center;padding:7px 12px;font-size:12.5px;display:inline-flex}.chip:hover{border-color:var(--navy-600)}.chip.active{background:var(--navy);border-color:var(--ink);color:#fff}.lib-tabs{gap:8px;margin-bottom:14px;display:flex}.lib-tree{margin-top:6px}.lib-node>summary{cursor:pointer;padding:8px 0;font-size:13.5px;font-weight:600}.lib-node-in{border-left:2px solid var(--line);margin-left:18px;padding-left:12px}.lib-empty{margin:4px 0 10px 8px;font-size:12.5px}.lib-files{margin:4px 0 10px;padding:0;list-style:none}.lib-file{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.lib-file-name{font-size:13px}.lib-file-meta{font-size:11.5px}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:12px;display:grid}.lib-cover{aspect-ratio:3/4;background:linear-gradient(160deg, var(--navy-700), var(--navy));border-radius:9px;justify-content:center;align-items:center;display:flex}.lib-ikon{font-size:34px}.lib-cap{flex-direction:column;gap:2px;margin-top:8px;font-size:12.5px;display:flex}.lib-cap .muted{font-size:11.5px}.gate-card{border-left:3px solid var(--brass)}.app[data-skin=internal] .gate-card{background:var(--layer-gate-bg);border-color:var(--layer-gate-border)}.gate-grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:20px;display:grid}.gate-sub{margin:0 0 10px;font-size:13px;font-weight:600}.attend-head,.attend-row{grid-template-columns:1fr 1fr 30px;align-items:center;gap:8px;display:grid}.attend-head{color:var(--ink-soft);margin-bottom:6px;font-size:11.5px}.attend-row{margin-bottom:8px}.attend-row input{border-radius:8px;width:100%;padding:8px 10px;font-size:13px}.attend-remove{border:1px solid var(--line);cursor:pointer;color:var(--ink-soft);background:0 0;border-radius:8px;height:32px}.upload-doc-btn{border:1.5px dashed var(--line);width:100%;color:var(--navy-800);background:var(--paper-2);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;margin-top:12px;padding:11px;font-size:12px;font-weight:600;display:flex}.upload-doc-btn.done{background:var(--green-bg);color:var(--green);border-style:solid;border-color:var(--green)}.attend-source{color:var(--ink-soft);background:var(--paper);border:1px dashed var(--line);border-radius:7px;margin-top:10px;padding:8px 10px;font-size:10.6px}.geo-checkin{background:var(--navy);color:#edefef;border-radius:var(--radius);padding:16px}.geo-checkin .gate-sub,.geo-checkin label{color:#edefef}.gc-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.gc-name{font-size:12.6px;font-weight:600}.gc-role{color:#80c7e6;font-size:10.6px}.gc-loc{font-family:var(--font-mono), monospace;color:var(--brass);margin-top:10px;margin-bottom:12px;font-size:12px}.geo-checkin .checkin-btn{background:var(--brass-light);border-color:var(--brass-light);color:var(--navy-950);width:100%}.lock-banner{background:var(--yellow-bg);color:#8a6a16;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:12.5px}.lock-banner.unlocked{background:var(--green-bg);color:#1f6e43}.checklist-zone.locked{opacity:.45;pointer-events:none;filter:grayscale(.3)}.survey-layout{grid-template-columns:1fr 300px;align-items:start;gap:22px;display:grid}.survey-side{flex-direction:column;gap:16px;display:flex;position:sticky;top:88px}@media (max-width:1050px){.survey-layout{grid-template-columns:1fr}.survey-side{position:static}}.stat-panel{border:1px solid var(--line);background:var(--card);border-radius:12px;overflow:hidden}.app[data-skin=internal] .stat-panel{background:var(--layer-side-bg);border-color:#0b25452e}.stat-panel .sp-head{background:var(--navy);color:#fff;align-items:center;gap:8px;padding:13px 16px;font-size:12.5px;font-weight:700;display:flex}.stat-panel .sp-body{padding:18px 16px}.donut-big{border-radius:50%;width:148px;height:148px;margin:4px auto 6px;position:relative}.donut-hole{background:var(--card);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:24px}.donut-hole .dc-num{font-family:Spectral,serif;font-size:24px;font-weight:700;line-height:1}.donut-hole .dc-lbl{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.4px;text-align:center;margin-top:3px;font-size:9px}.donut-legend{justify-content:center;gap:16px;margin-bottom:14px;display:flex}.donut-legend .dl-item{align-items:center;gap:6px;font-size:11.3px;display:flex}.donut-legend i{border-radius:3px;width:9px;height:9px;display:inline-block}.sp-foot-note{color:var(--ink-soft);background:var(--paper);border-top:1px solid var(--line);padding:10px 16px;font-size:10.3px}.divider{background:var(--line);height:1px;margin:18px 0}.ts-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:7px 0;font-size:11.6px;display:flex}.ts-row:last-child{border-bottom:none}.ts-row .ts-val{font-family:IBM Plex Mono,monospace;font-weight:700}@media (max-width:900px){.gate-grid{grid-template-columns:1fr}}.es-seksi-list{max-width:760px}.es-seksi-row{grid-template-columns:24px minmax(0,1fr) repeat(3,34px);align-items:center;gap:8px;margin-bottom:8px;display:grid}.es-seksi-row input{border-radius:8px;width:100%;padding:8px 10px;font-size:13px}.es-seksi-row .btn-ghost{padding:6px 0;line-height:1.3}.es-seksi-row .btn-ghost:disabled{opacity:.4;cursor:not-allowed}.audit-cari{gap:8px;margin-bottom:12px;display:flex}.list-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.list-toolbar .audit-cari{flex:1;min-width:0;max-width:360px;margin-bottom:0}.audit-cari input{min-width:0}.list-toolbar-count{white-space:nowrap}.note-banner{background:var(--paper);border-left:3px solid var(--navy-600);color:var(--ink-soft);border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.audit-cari input{border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.profil-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.profil-head h2{margin:0 0 3px;font-size:18px;font-weight:600}.profil-head .profil-tipe{color:var(--ink-soft);font-size:11.5px}.page-stack{gap:16px;display:grid}.page-stack>.page-head,.page-stack>.dash-kpi{margin-bottom:0}.cell-sub{color:var(--ink-soft);margin-top:2px;font-size:11px}.terbit-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profil-badges{flex-wrap:wrap;gap:6px;display:flex}.perubahan-list{flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:13px;display:flex}.banding-form{justify-content:flex-start;align-items:flex-end;gap:10px;margin-bottom:16px;display:flex}.banding-form .field{flex:none;width:300px;max-width:100%;margin-bottom:0}.banding-form>button{flex:none;width:auto;margin:0}@media (max-width:520px){.banding-form{flex-wrap:wrap}.banding-form .field{flex:100%}}.delta-naik{color:var(--green);font-weight:600}.delta-turun{color:var(--red);font-weight:600}.delta-nol{color:var(--ink-soft)}.banding-tabel{margin-bottom:16px}.banding-tabel th[scope=row]{width:30%;min-width:180px;color:var(--ink);text-transform:none;letter-spacing:normal;font-size:13px;font-weight:600}.banding-tabel td:nth-child(2),.banding-tabel th:nth-child(2){background:var(--paper)}.banding-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.banding-kolom{border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.banding-kolom h3{align-items:center;gap:8px;margin:0 0 8px;font-size:14px;display:flex}.company-header{grid-template-columns:repeat(4,1fr);gap:16px 24px;display:grid}.company-header .kv{flex-direction:column;gap:3px;display:flex}.company-header .kv label{text-transform:uppercase;letter-spacing:.4px;color:var(--ink-soft);font-size:10.5px;font-weight:600}.company-header .kv span{font-size:13px}.kv-list{flex-direction:column;gap:12px;display:flex}.kv-list .kv{flex-direction:column;gap:3px;display:flex}.kv-list .kv label{text-transform:uppercase;letter-spacing:.4px;color:var(--ink-soft);font-size:10.5px;font-weight:600}.kv-list .kv span{font-size:13px}.bar-row{grid-template-columns:96px minmax(0,1fr) 72px;align-items:center;gap:12px;max-width:560px;margin:12px 0;display:grid}.bar-row-label{color:var(--ink-soft);font-size:12px}.bar-row-val{text-align:right;font-size:12px}p.card-sub{color:var(--ink-soft);margin:0 0 16px;font-size:12.5px}.akun-aksi{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}@media (max-width:900px){.page-stack{gap:16px;display:grid}.page-stack>.page-head{margin-bottom:0}.cell-sub{color:var(--ink-soft);margin-top:2px;font-size:11px}.terbit-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.company-header{grid-template-columns:repeat(2,1fr)}}.tinjau-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tinjau-form input{min-width:220px}.cal-nav{align-items:center;gap:10px;display:flex}.cal-nav-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:7px;width:26px;height:26px;font-family:inherit;font-size:13px;line-height:1}.cal-nav-btn:hover{background:var(--paper)}.cal-month-label{font-family:var(--font-spectral), serif;text-align:center;min-width:110px;font-size:13px;font-weight:700}.cal-legend{color:var(--ink-soft);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:14px;margin-bottom:14px;padding-bottom:12px;font-size:11px;display:flex}.cal-legend span{align-items:center;gap:6px;display:flex}.cal-wrap{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;min-width:0;display:grid}.cal-dow{text-align:center;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.4px;padding-bottom:6px;font-size:10px;font-weight:700}.cal-day{border:1px solid var(--line);cursor:pointer;background:var(--card);width:100%;min-width:0;min-height:56px;font:inherit;text-align:left;border-radius:8px;padding:5px 6px;transition:background .12s;display:block;position:relative;overflow:hidden}.cal-day:hover{background:var(--paper)}.cal-day.outside{cursor:default;opacity:.35;background:0 0;border-color:#0000}.cal-day.today{border-color:var(--brass);border-width:2px;padding:4px 5px}.cal-day.selected{background:var(--teal);border-color:var(--teal)}.cal-day.selected .cal-daynum{color:#fff}.cal-daynum{color:var(--ink);font-size:11.5px;font-weight:600}.cal-dots{flex-wrap:wrap;gap:3px;margin-top:5px;display:flex}.cal-dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.cal-dot.survei{background:var(--navy)}.cal-dot.sla{background:var(--red)}.cal-detail{border:1px dashed var(--line);background:var(--paper);border-radius:10px;min-height:230px;padding:14px 16px}.cal-detail-empty{color:var(--ink-soft);text-align:center;padding:30px 10px;font-size:12px}.cal-detail-date{border-bottom:1px solid var(--line);margin-bottom:10px;padding-bottom:8px;font-size:12.5px;font-weight:700}.cal-event-item{border-bottom:1px solid var(--line);gap:9px;padding:8px 0;display:flex}.cal-event-item:last-child{border-bottom:none}.cal-event-item .cal-dot{margin-top:4px}.cal-event-title{font-size:12.5px;font-weight:600}.cal-event-sub{color:var(--ink-soft);margin-top:2px;font-size:11.5px}@media (max-width:900px){.cal-wrap{grid-template-columns:1fr}}.cal-dot.rapat{background:var(--brass)}.cal-dot.info{background:var(--navy-600)}.cal-dot.libur{background:var(--green)}.acara-jenis{align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.subtabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.riw-subtab{border:1px solid var(--line);color:var(--ink-soft);background:var(--card);border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:600;text-decoration:none}.riw-subtab:hover{border-color:var(--navy-600);color:var(--ink)}.riw-subtab.active{background:var(--teal);border-color:var(--teal);color:#fff}.sesi-subtabs{border-bottom:1px solid var(--line);gap:6px}.sesi-subtab{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:12.8px;font-weight:600;text-decoration:none}.sesi-subtab.active{color:var(--ink);border-color:var(--teal)}.surveyor-riwayat-page .subtabs{border-bottom:1px solid var(--line);flex-wrap:nowrap;align-items:end;gap:4px;margin-bottom:0}.surveyor-riwayat-page .riw-subtab{color:var(--ink-soft);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 16px;font-size:12.5px;font-weight:650;text-decoration:none;transition:border-color .16s,color .16s,background-color .16s;display:inline-flex}.surveyor-riwayat-page .riw-subtab:hover{background:color-mix(in srgb, var(--navy) 5%, transparent);border-color:color-mix(in srgb, var(--navy) 28%, transparent);color:var(--ink)}.surveyor-riwayat-page .riw-subtab:focus-visible{outline:2px solid color-mix(in srgb, var(--navy) 45%, transparent);outline-offset:-2px;border-radius:4px 4px 0 0}.surveyor-riwayat-page .riw-subtab.active,.surveyor-riwayat-page .riw-subtab[aria-current=page]{border-bottom-color:var(--teal);color:var(--ink);background:0 0}.surveyor-riwayat-page .riw-tab-hint{color:var(--ink-soft);margin:12px 0 18px;font-size:12px;line-height:1.55}@media (max-width:700px){.surveyor-riwayat-page .subtabs{scrollbar-width:thin;overflow-x:auto}.surveyor-riwayat-page .riw-subtab{flex:none}}.riw-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.riw-card{border:1px solid var(--line);background:var(--card);color:inherit;border-radius:12px;flex-direction:column;min-height:346px;padding:16px;text-decoration:none;transition:box-shadow .15s,border-color .15s;display:flex}a.riw-card:hover{box-shadow:0 10px 22px -14px rgba(var(--navy-rgb), .3);border-color:var(--teal)}.riw-card.no-data{opacity:.6}.riw-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.riw-card-name{font-size:13px;font-weight:700;font-family:var(--font-spectral), serif;line-height:1.3}.riw-card-sub{color:var(--ink-soft);margin-top:3px;font-size:10.3px}.riw-card-radar{justify-content:center;margin:2px 0;display:flex}.riw-card-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:6px;padding-top:10px;display:flex}.riw-card-score{font-family:var(--font-spectral), serif;font-size:21px;font-weight:700;line-height:1}.riw-card-score .unit{color:var(--ink-soft);font-size:10.5px;font-weight:400}.riw-nodata-note{color:var(--ink-faint);text-align:center;padding:8px 0 2px;font-size:10.8px}.riw-detail-back{color:var(--ink-soft);align-items:center;gap:6px;margin-bottom:14px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.riw-detail-back:hover{color:var(--ink)}.riw-detail-kind{letter-spacing:.4px;text-transform:uppercase;color:var(--ink-faint);font-size:10px;font-weight:700}.riw-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.riw-detail-title{font-family:var(--font-spectral), serif;margin-top:4px;font-size:19px;font-weight:700}.riw-detail-team{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.riw-team-chip{background:var(--paper);border:1px solid var(--line);border-radius:20px;align-items:center;gap:7px;padding:4px 12px 4px 4px;font-size:11.3px;display:flex}.riw-team-av{background:var(--navy-700);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:9.3px;font-weight:700;display:flex}.riw-radar-full{flex-wrap:wrap;align-items:flex-start;gap:26px;display:flex}.riw-radar-breakdown{flex-direction:column;flex:1;gap:13px;min-width:230px;display:flex}.riw-radar-item{border-bottom:1px solid var(--line);padding-bottom:12px}.riw-radar-item:last-child{border-bottom:none;padding-bottom:0}.riw-radar-item-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.riw-radar-dot{border-radius:50%;flex:none;width:9px;height:9px}.riw-radar-item-label{flex:1;font-size:12.5px;font-weight:700}.riw-radar-item-score{font-family:var(--font-mono), monospace;flex:none;font-size:11.5px;font-weight:700}.riw-radar-item-desc{color:var(--ink-soft);font-size:11.6px;line-height:1.6}.riw-rg-item,.riw-opp-item{border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:13px 15px}.riw-rg-item:last-child,.riw-opp-item:last-child{margin-bottom:0}.riw-rg-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.riw-rg-title{font-size:12.5px;font-weight:700}.riw-rg-log{border-top:1px dashed var(--line);flex-direction:column;gap:9px;margin-top:11px;padding-top:11px;display:flex}.riw-rg-log-item{gap:10px;font-size:11.3px;line-height:1.55;display:flex}.riw-rg-log-dot{border-radius:50%;flex:none;width:7px;height:7px;margin-top:5px}.riw-rg-log-meta{flex-direction:column;flex:none;gap:3px;width:88px;display:flex}.riw-rg-log-kind{text-transform:uppercase;letter-spacing:.3px;text-align:center;border-radius:4px;padding:2px 6px;font-size:8.6px;font-weight:700}.riw-rg-log-kind.penilaian{background:var(--paper-2);color:var(--navy-700)}.riw-rg-log-kind.penyelesaian{background:var(--green-bg);color:var(--green)}.riw-rg-log-date{font-family:var(--font-mono), monospace;color:var(--ink-soft);font-size:10.3px}.riw-opp-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.riw-opp-title{font-size:12.3px;font-weight:700}.riw-opp-code{font-family:var(--font-mono), monospace;color:var(--ink-soft);margin-top:2px;font-size:10.3px}.riw-opp-log{border-top:1px dashed var(--line);margin-top:11px;padding-top:11px}.riw-opp-log-title{text-transform:uppercase;letter-spacing:.4px;color:var(--ink-faint);margin-bottom:7px;font-size:10px;font-weight:700}.riw-log-item{gap:9px;padding:4px 0;font-size:11.3px;line-height:1.5;display:flex}.riw-log-dot{background:var(--teal);border-radius:50%;flex:none;width:7px;height:7px;margin-top:5px}.riw-log-date{font-family:var(--font-mono), monospace;color:var(--ink-soft);flex:none;width:88px}.riw-photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.riw-photo{aspect-ratio:4/3;background:var(--paper-2);border-radius:9px;margin:0;position:relative;overflow:hidden}.riw-photo img{object-fit:cover}.riw-photo .rp-cap{color:#fff;background:linear-gradient(to top, rgba(var(--navy-rgb), .85), transparent);padding:8px;font-size:9.6px;font-weight:600;line-height:1.35;position:absolute;inset:auto 0 0}@media (max-width:700px){.riw-radar-full{flex-direction:column;align-items:center}.riw-radar-breakdown{width:100%}}.opp-vessel{margin-top:18px}.opp-vessel-top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;padding:0 4px 10px;display:flex}.opp-vessel-name{font-family:var(--font-spectral), serif;margin:0;font-size:16px;font-weight:700}.opp-vessel-meta{font-family:var(--font-mono), monospace;color:var(--ink-soft);margin-top:3px;font-size:11.5px}.opp-pcounts{flex:none;gap:8px;display:flex}.opp-pcount{text-align:center;border-radius:8px;flex-direction:column;gap:2px;min-width:46px;padding:6px 10px;display:flex}.opp-pcount.kosong{opacity:.35}.opp-pcount .oc-num{font-family:var(--font-spectral), serif;font-size:17px;font-weight:700;line-height:1}.opp-pcount .oc-lbl{letter-spacing:.4px;font-size:9px;font-weight:700}.opp-pcount.p1{background:var(--red-bg);color:var(--red)}.opp-pcount.p2{background:var(--yellow-bg);color:var(--yellow)}.opp-pcount.p3{background:var(--paper-2);color:var(--navy-700)}.pie-wrap{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.pie-chart{border-radius:50%;flex:none;width:120px;height:120px}.pie-legend{flex-direction:column;gap:7px;font-size:12px;display:flex}.pie-legend .pl-item{align-items:center;gap:8px;display:flex}.pie-legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.pie-legend .pl-total{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:4px;padding-top:7px}.verifikasi-panel{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.resolve-bar{border:1px solid var(--line);background:var(--paper);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;padding:10px 14px;font-size:12px;display:flex}.resolve-bar.selesai{background:var(--green-bg);border-color:var(--green);color:var(--green)}.resolve-info{flex-wrap:wrap;flex:1;gap:18px;display:flex}.resolve-modal{border:1px solid var(--line);background:var(--card);width:min(420px,92vw);color:var(--ink);border-radius:12px;padding:22px 24px;animation:.16s ease-out modal-pop;box-shadow:0 24px 60px -18px #0a18268c}.resolve-modal::backdrop{background:rgba(var(--navy-rgb), .45);animation:.16s ease-out modal-fade}.resolve-modal h3{font-family:var(--font-spectral), serif;margin:0 0 14px;font-size:17px}.resolve-modal label{color:var(--ink-soft);margin-bottom:4px;font-size:11.5px;font-weight:600;display:block}.resolve-modal input,.resolve-modal textarea{border:1px solid var(--line);width:100%;font:inherit;background:var(--card);color:var(--ink);border-radius:8px;margin-bottom:12px;padding:8px 10px;font-size:12.5px}.resolve-modal input[readonly]{background:var(--paper);color:var(--ink-soft)}.resolve-modal .datepicker{margin-bottom:12px}.resolve-durasi{background:var(--paper-2);text-align:center;border-radius:8px;margin-bottom:12px;padding:10px 14px}.resolve-durasi span{letter-spacing:.4px;text-transform:uppercase;color:var(--ink-soft);font-size:10px;font-weight:700;display:block}.resolve-durasi b{font-family:var(--font-spectral), serif;color:var(--navy-900);font-size:24px}.resolve-aksi{justify-content:flex-end;gap:10px;display:flex}.confirm-modal{border:1px solid var(--line);background:var(--card);width:min(380px,92vw);color:var(--ink);border-radius:12px;padding:22px 24px;animation:.16s ease-out modal-pop;box-shadow:0 24px 60px -18px #0a18268c}.confirm-modal::backdrop{background:rgba(var(--navy-rgb), .45);animation:.16s ease-out modal-fade}@keyframes modal-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}}@keyframes modal-fade{0%{opacity:0}}.confirm-modal h3{font-family:var(--font-spectral), serif;margin:0 0 8px;font-size:17px}.confirm-modal .confirm-body{color:var(--ink-soft);margin:0 0 18px;font-size:13px}.confirm-modal .confirm-body p{margin:0 0 12px}.confirm-modal .confirm-body label{color:var(--ink);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.confirm-modal .confirm-body input,.confirm-modal .confirm-body textarea{width:100%;font:inherit;resize:vertical;border-radius:8px;padding:8px 10px}.confirm-aksi{justify-content:flex-end;gap:10px;display:flex}.form-modal{border:1px solid var(--line);background:var(--card);width:min(560px,94vw);color:var(--ink);border-radius:12px;padding:22px 24px;animation:.16s ease-out modal-pop;overflow:visible;box-shadow:0 24px 60px -18px #0a18268c}.form-modal::backdrop{background:rgba(var(--navy-rgb), .45);animation:.16s ease-out modal-fade}.sp-modal{width:min(760px,94vw)}.sp-body{max-height:70vh;overflow-y:auto}.particular-table{border-collapse:collapse;width:100%;font-size:13px}.particular-table td{border-bottom:1px dashed var(--line);padding:6px 4px}.particular-table td:first-child{color:var(--ink-soft);width:46%}.particular-table tr:last-child td{border-bottom:none}.photo-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.photo-placeholder{aspect-ratio:4/3;background:repeating-linear-gradient(135deg, var(--paper), var(--paper) 10px, var(--paper-2) 10px, var(--paper-2) 20px);border:1.5px dashed var(--line);color:var(--ink-soft);text-align:center;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:10.5px;display:flex}.photo-placeholder svg{opacity:.55}@media (max-width:560px){.photo-grid{grid-template-columns:repeat(2,1fr)}}.table td .btn-ghost,.table td .btn-primary{white-space:nowrap;align-items:center;width:auto;margin:0;padding:6px 12px;font-size:12.5px;display:inline-flex}.aksi-cell{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagination{justify-content:center;align-items:center;gap:14px;margin-top:14px;display:flex}.pagination .disabled{pointer-events:none;opacity:.4}.chat-attach{border:1px solid var(--line);background:var(--card);color:var(--navy-700);overflow-wrap:anywhere;border-radius:8px;align-items:center;gap:7px;max-width:100%;margin-top:8px;padding:6px 10px;font-size:11.5px;font-weight:600;text-decoration:none;display:inline-flex}.chat-attach:hover{border-color:var(--navy-600)}.attach-kind{background:var(--paper);border:1px solid var(--line);color:var(--ink-soft);letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.chat-attach-btn{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:inline-flex}.chat-attach-btn:hover{border-color:var(--navy-600)}.chat-attach-btn:focus-within{outline:2px solid var(--navy-600);outline-offset:1px}.chat-attach-btn input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pref-btn{border:1px solid var(--line);background:var(--card);height:32px;color:var(--ink-soft);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.pref-btn:hover{border-color:var(--navy-600);color:var(--ink)}.pref-btn.lang span{border-radius:5px;padding:1px 4px}.pref-btn.lang span.on{background:var(--navy-900);color:#fff}.verif-cell{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.int-cat-strip{flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px;display:flex}.int-cat-label{color:var(--ink-soft);font-size:11px;font-weight:600}.int-board{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:820px){.int-board{grid-template-columns:1fr}}.int-col{background:var(--paper);border:1px solid var(--line);border-radius:10px;min-height:120px;padding:12px}.int-col.progress .int-col-head{border-color:var(--yellow)}.int-col.done .int-col-head{border-color:var(--green)}.int-col-head{text-transform:uppercase;letter-spacing:.3px;color:var(--ink-soft);border-bottom:2px solid var(--ink-faint);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;font-size:11px;font-weight:700;display:flex}.int-col-head .sc-count{background:var(--card);font-family:var(--font-mono), monospace;border-radius:10px;padding:2px 8px}.int-cards{flex-direction:column;gap:8px;min-height:40px;display:flex}.int-board-card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:11.5px}.int-board-card .sc-title{margin:6px 0;font-weight:600;line-height:1.4}.int-board-card select{width:100%}.photo-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft);margin:16px 0 8px;font-size:11px;font-weight:600}.card-link{color:inherit;margin-bottom:12px;text-decoration:none;display:block}.card-link:hover{border-color:var(--navy-600)}.card-link-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:11.5px;display:flex}.chat-shell{grid-template-columns:minmax(200px,260px) 1fr;align-items:start;gap:14px;display:grid}.thread-list{flex-direction:column;gap:8px;display:flex}.thread-item{border:1px solid var(--line);background:var(--card);color:inherit;border-left:3px solid #0000;border-radius:10px;padding:10px 12px;text-decoration:none;display:block}.thread-item.active{border-left-color:var(--brass);background:var(--paper)}.thread-name{align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.thread-prev{margin-top:4px;font-size:11.3px}@media (max-width:900px){.chat-shell{grid-template-columns:1fr}}.sched-heading{font-family:var(--font-spectral), serif;color:var(--ink);margin:26px 0 0;font-size:15px;font-weight:700}.today-strip{border:1px solid var(--line);border-left:3px solid var(--brass);border-radius:var(--radius);background:var(--card);padding:14px 16px}.today-label{color:var(--ink-soft);font-size:12.5px;font-weight:600}.today-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:12px;display:grid}.today-card{border:1px solid var(--line);background:var(--paper);border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;display:flex;position:relative}.today-card .tc-badge{position:absolute;top:12px;right:12px}.today-card .tc-kind{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.4px;font-size:10.5px}.today-card .tc-vessel{font-family:var(--font-spectral), serif;padding-right:90px;font-size:15px;font-weight:700}.today-card .tc-meta{font-family:var(--font-mono), monospace;color:var(--ink-soft);font-size:11.3px}.tc-progress{margin:8px 0 4px}.tc-progress-top{color:var(--ink-soft);justify-content:space-between;margin-bottom:5px;font-size:11px;display:flex}.progress-track{background:var(--paper-2);border-radius:20px;height:7px;overflow:hidden}.progress-fill{background:var(--brass);border-radius:20px;height:100%}.page-head-aksi{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}@media (max-width:900px){.app{grid-template-columns:76px 1fr}.navlabel,.nav-section-label,.sidebar-foot{display:none}.brand{justify-content:center;padding:14px 8px}.brand img{height:30px;padding:5px 7px}.navitem{justify-content:center;padding:10px}}@media (max-width:600px){.app{grid-template-columns:60px 1fr}.content{padding:18px 14px 48px}.brand img{height:24px;padding:4px 6px}.topbar{flex-wrap:wrap;gap:10px;padding:12px 14px}.topbar-right{flex-wrap:wrap;justify-content:flex-end;gap:10px}.who .name,.who .role{display:none}.who .av{width:30px;height:30px;font-size:12.5px}.card{padding:18px 14px}.page-head h1{font-size:19px}.tabs{scrollbar-width:none;overflow-x:auto}.tab{white-space:nowrap}.form-grid{grid-template-columns:1fr}.card-head{flex-direction:column;align-items:flex-start}.form-modal{overflow-y:auto}.list-toolbar .audit-cari{flex-basis:100%;max-width:none}.int-card{grid-template-columns:1fr}.int-score-group{flex-wrap:wrap;gap:12px 18px}.builder-actions{flex-wrap:wrap}.matrix-wrap{overflow-x:auto}.ttd-item{flex-wrap:wrap}input:not([type=hidden],[type=checkbox],[type=radio]),select,textarea{min-height:34px}.btn-ghost,.btn-inline,.chip,.pref-btn,.btn-logout,.cal-nav-btn{justify-content:center;align-items:center;min-height:34px;display:inline-flex}.cal-nav-btn{width:34px;height:34px}}@media (max-height:680px){.login-panel{padding:20px 24px}.radar-mini-row{display:none}.login-logo{max-width:min(100%,38vh);margin-bottom:10px}.login-form .form-title{font-size:21px}.login-form .field{margin-bottom:10px}.form-slogan{margin-top:12px}.form-foot{margin-top:12px;padding-top:8px}}@media print{.sidebar,.topbar,.no-print,form{display:none!important}.app,.main-col,.content{margin:0;padding:0;display:block}.card,.today-strip{break-inside:avoid;box-shadow:none}body{background:#fff}}.ref-butir{border:1px dashed var(--line);background:var(--paper);border-radius:10px;margin-top:10px;padding:10px 12px}.ref-butir-judul{color:var(--navy-700);margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.ref-list{gap:8px;margin:0 0 8px;padding:0;list-style:none;display:grid}.ref-detail-card{border:1px solid var(--line);border-left:3px solid var(--navy-600);background:var(--card);border-radius:8px;padding:9px 34px 9px 11px;position:relative}.ref-detail-card.opp{border-left-color:var(--orange)}.ref-card-head{flex-wrap:wrap;align-items:center;gap:7px;font-size:11.5px;display:flex}.ref-card-butir{margin:5px 0 0;font-size:12.5px}.ref-lepas{position:absolute;top:5px;right:5px}.ref-tambah{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.ref-tambah select{flex:260px;min-width:0}.qpreview{border:1px solid var(--line);background:var(--card);border-radius:10px;margin:0 0 16px;padding:11px 14px}.qpreview-inline{margin:4px 0 0}.qpreview>summary{cursor:pointer;color:var(--navy-700);font-size:12.5px;font-weight:700}.qpreview-grup h3{margin:12px 0 6px;font-size:12.5px}.qpreview-list{gap:6px;margin:0;padding-left:20px;font-size:12.5px;display:grid}.qpreview-list li{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.diskusi-butir{border:1px solid var(--line);background:var(--card);border-radius:10px;margin-top:10px;padding:9px 12px}.diskusi-butir>summary{cursor:pointer;color:var(--navy-700);font-size:11.5px;font-weight:700}.diskusi-list{gap:8px;margin:8px 0;padding:0;list-style:none;display:grid}.diskusi-list li{border-left:2px solid var(--line);padding-left:9px}.diskusi-list p{margin:2px 0 0;font-size:12.5px}.diskusi-meta{color:var(--ink-soft);font-size:10.5px}.diskusi-form{align-items:center;gap:7px;margin-top:8px;display:flex}.diskusi-form input[name=teks]{flex:220px;min-width:0}.surveyor-tasks .today-strip{background:0 0;border:0;border-radius:0;margin:0 0 26px;padding:0}.surveyor-tasks .today-label{color:var(--ink-soft);letter-spacing:.9px;text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:5px;margin:0 0 11px;font-size:11px;font-weight:600;display:flex}.surveyor-tasks .today-label .livedate{color:var(--teal-deep);letter-spacing:0;text-transform:none;font-weight:700}.surveyor-tasks .today-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}.surveyor-tasks .today-card{background:var(--navy-950);color:#f7fbff;border:0;border-radius:14px;min-width:0;padding:20px 22px;position:relative;overflow:hidden;box-shadow:0 10px 26px -14px #0a18268c}.surveyor-tasks .today-card.type-kapal{background:linear-gradient(135deg, var(--navy-950), var(--navy-800))}.surveyor-tasks .today-card.type-kru{background:linear-gradient(135deg, var(--navy-950), var(--navy-700))}.surveyor-tasks .today-card.type-kantor{background:linear-gradient(135deg, var(--navy-950), #1e4b61)}.surveyor-tasks .today-card .tc-top{justify-content:space-between;align-items:flex-start;gap:10px;min-height:66px;padding-right:92px;display:flex}.surveyor-tasks .today-card .tc-kind{color:#80c7e6;letter-spacing:.7px;text-transform:uppercase;align-items:center;gap:6px;font-size:10.6px;display:flex}.surveyor-tasks .today-card .tc-vessel{color:#fff;font-family:var(--font-spectral), serif;margin:8px 0 3px;padding:0;font-size:19px;font-weight:600;line-height:1.15}.surveyor-tasks .today-card .tc-meta{color:#b9d3e4;font-family:var(--font-mono), monospace;font-size:11.3px}.surveyor-tasks .today-card .tc-badge{background:var(--brass-light);color:var(--navy-950);letter-spacing:.35px;border:0;border-radius:0 0 0 9px;padding:6px 10px;font-size:10px;font-weight:700;top:0;right:0}.surveyor-tasks .today-card .tc-progress{margin:14px 0 4px}.surveyor-tasks .today-card .tc-progress-top{color:#c4d9e4;margin-bottom:5px;font-size:11px}.surveyor-tasks .today-card .progress-track{background:#ffffff24;height:5px}.surveyor-tasks .today-card .progress-fill{background:var(--brass-light)}.surveyor-tasks .today-card .tc-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.surveyor-tasks .today-card .tc-actions form{margin:0}.surveyor-tasks .today-card .tc-actions .btn-primary{border-color:var(--brass-light);background:var(--brass-light);color:var(--navy-950);padding:10px 18px;font-size:12.8px}.surveyor-tasks .today-card .tc-actions .btn-primary:hover{background:#fff;border-color:#fff}.surveyor-tasks .today-card .qpreview-inline{background:0 0;border:0;border-radius:0;margin:12px 0 0;padding:0}.surveyor-tasks .today-card .qpreview-inline>summary{cursor:pointer;color:#eaf3fa;border:1px solid #ffffff47;border-radius:7px;align-items:center;min-height:34px;padding:7px 12px;font-size:11.8px;list-style:none;display:inline-flex}.surveyor-tasks .today-card .qpreview-inline>summary::-webkit-details-marker{display:none}.surveyor-tasks .today-card .qpreview-inline[open]{background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;padding:14px}.surveyor-tasks .today-card .qpreview-inline[open]>summary{margin-bottom:9px}.surveyor-tasks .today-card .qpreview-inline .muted{color:#c4d9e4}.surveyor-tasks .today-card .qpreview-grup h3,.surveyor-tasks .today-card .qpreview-list{color:#eef7fc}.surveyor-tasks .sched-heading{color:var(--ink);font-family:var(--font-spectral), serif;margin:26px 0 0;font-size:15px;font-weight:700}.surveyor-tasks .chips{gap:8px;margin:10px 0 12px}.surveyor-tasks .chip{padding:7px 12px}.surveyor-tasks .task-table-card{border-radius:12px;padding:0;overflow:hidden}.surveyor-tasks .task-table-card .card-head,.surveyor-tasks .task-table-card .chips,.surveyor-tasks .task-table-card .list-toolbar,.surveyor-tasks .task-table-card .pagination{padding:0 26px}.surveyor-tasks .task-table-card .card-head{padding-top:24px}.surveyor-tasks .task-table-card .list-toolbar{margin-top:12px}.surveyor-tasks .task-table-card .pagination{margin-top:12px;padding-bottom:20px}.surveyor-tasks .task-table-card .table-wrap{border:0;border-radius:0}.surveyor-tasks .task-table-offboard .table{min-width:980px}.surveyor-tasks .task-table-onboard .table{min-width:740px}.surveyor-tasks .task-table-card .table th,.surveyor-tasks .task-table-card .table td{background:0 0}.surveyor-tasks .task-table-card .table tbody tr:hover td{background:var(--paper)}.surveyor-tasks .task-flow-note{border:1px dashed var(--line);background:var(--paper);color:var(--ink-soft);border-radius:9px;margin:9px 0 0;padding:10px 12px;font-size:11.5px;line-height:1.45}@media (max-width:900px){.surveyor-tasks .today-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.surveyor-tasks .today-card{padding:18px}.surveyor-tasks .today-card .tc-top{padding-right:0}.surveyor-tasks .today-card .tc-badge{border-radius:7px;margin-bottom:12px;display:inline-flex;position:static}.surveyor-tasks .today-card .tc-actions,.surveyor-tasks .today-card .tc-actions form,.surveyor-tasks .today-card .tc-actions .btn-primary{width:100%}.surveyor-tasks .today-card .tc-actions .btn-primary{justify-content:center}}