:root{--color-primary:#424968;--brand-navy:#424968;--brand-navy-soft:#8066ca;--brand-navy-deep:#424968;--brand-navy-hover:#424968;--brand-navy-tint:#ece9f7;--brand-navy-tint-soft:#f5f8fb;--brand-navy-border:#dcd8eb;--brand-navy-shadow:rgba(8,127,115,.12);--app-canvas:#f5f5f8;--surface-border:#e1dfea;--surface-shadow:0 4px 20px rgba(26,64,49,.04);--surface-shadow-hover:0 12px 30px rgba(26,64,49,.08);--rb-ink:#424968;--rb-muted:#68718e;--rb-line:#e1dfea;--rb-green:#424968}
body,#root,.sinergi-shell{background:var(--app-canvas)!important;color:var(--rb-ink)}
body{font-size:16px}.sinergi-app-scale-frame{zoom:1!important;transform:none!important;width:100%!important;height:100%!important}
.sinergi-sidebar{width:264px!important;background:#fff!important;border-right:1px solid var(--rb-line)!important;box-shadow:none!important}
.sinergi-sidebar-mark{background:#f2f0f8!important;border:1px solid var(--rb-line);border-radius:14px!important;width:44px!important;height:44px!important}
.sinergi-sidebar-scroll{padding:20px 14px!important}.sinergi-sidebar-scroll>div>div:first-child{font-size:12px!important;letter-spacing:.09em;color:#68718e!important}
.sinergi-nav-item{border-radius:11px!important;color:#68718e!important;min-height:43px;transition:background .18s,color .18s}
.sinergi-nav-item:hover{background:#f3f5f8!important}.sinergi-nav-item.is-active{background:#e5ebf4!important;color:#424968!important;box-shadow:inset 3px 0 #424968!important}
.sinergi-nav-item.is-active span{font-weight:800!important}.sinergi-topbar{min-height:78px!important;background:rgba(255,255,255,.95)!important;border-bottom:1px solid var(--rb-line)!important;box-shadow:none!important}
.sinergi-shell .bg-primary{background-color:var(--rb-green)!important}.sinergi-shell .text-primary{color:var(--rb-green)!important}.sinergi-shell .bg-surface{background:var(--app-canvas)!important}
.sinergi-shell :is(input,select,textarea){font-size:14px;accent-color:var(--rb-green)}.sinergi-shell :is(button,a,input,select,textarea):focus-visible,.rb :is(button,a,input,select,textarea):focus-visible{outline:3px solid #8473c9;outline-offset:3px}
.sinergi-shell :is(th,td){font-size:14px!important}.sinergi-shell [class*="text-[8px]"],.sinergi-shell [class*="text-[9px]"],.sinergi-shell [class*="text-[10px]"]{font-size:12px!important;line-height:1.5!important}
.sinergi-shell .font-black{font-weight:750}.rb{font-size:16px;line-height:1.55;color:var(--rb-ink);max-width:1600px;margin:0 auto;width:100%}.rb *{box-sizing:border-box}.rb button,.rb input,.rb select,.rb textarea{font:inherit}.rb button{cursor:pointer}.rb button:disabled{opacity:.5;cursor:not-allowed}.rb h1,.rb h2,.rb h3,.rb p{margin:0}.rb h1{font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-1.3px;line-height:1.2}.rb h2{font-size:20px;font-weight:800;letter-spacing:-.5px}.rb h3{font-size:16px;font-weight:750}.rb small,.rb .muted{color:var(--rb-muted)}.rb small{font-size:13px}.rb .eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--rb-muted);margin-bottom:8px}
.rb-page{padding:12px 8px 36px}.rb-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.rb-header p{margin-top:10px;color:var(--rb-muted);font-size:14px}.rb-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.rb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 17px;border:1px solid var(--rb-line);border-radius:11px;background:#fff;color:var(--rb-ink);font-size:14px!important;font-weight:700!important;text-decoration:none;transition:background .18s,box-shadow .18s}.rb-btn:hover{background:#f0f3f7;box-shadow:0 3px 10px #42496810}.rb-btn.primary{background:var(--rb-green);border-color:var(--rb-green);color:#fff}.rb-btn.primary:hover{background:#424968}.rb-btn.plain{border:0;background:transparent}.rb-pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:#e9eff7;color:#424968;border:1px solid #d9e2ee;padding:6px 11px;border-radius:30px;font-size:12px;font-weight:750}.rb-pill.amber{background:#fff7e6;color:#99600f;border-color:#f3e3b8}.rb-dot{width:7px;height:7px;background:currentColor;border-radius:50%;display:inline-block}
.rb-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:22px}.rb-card{background:#fff;border:1px solid var(--rb-line);border-radius:19px;box-shadow:var(--surface-shadow);min-width:0;overflow:hidden}.rb-card-pad{padding:24px}.rb-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.rb-feature{background:linear-gradient(112deg,#e9eef6,#faf5ee 60%,#e9e7f2);position:relative;padding:30px;display:flex;gap:24px;align-items:center;min-height:215px;border:1px solid #d9e0e9}.rb-feature .feature-copy{flex:1}.rb-feature h2{font-size:27px;line-height:1.3;max-width:450px;margin:5px 0 12px;letter-spacing:-.8px}.rb-feature p{font-size:14px;color:#68718e;max-width:430px;margin-bottom:20px}.rb-feature .feature-icon{height:94px;width:94px;flex:none;display:grid;place-items:center;border-radius:24px;background:#fff9;transform:rotate(-7deg);color:#8066ca;border:1px solid #fff;box-shadow:8px 10px 0 #42496809}.rb-stack{display:grid;gap:22px}.rb-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rb-shortcut{text-align:left;padding:20px;background:#fff;border:1px solid var(--rb-line);border-radius:17px;min-height:149px;transition:border-color .18s,transform .18s}.rb-shortcut:hover{border-color:#94a9c7;transform:translateY(-2px)}.rb-icon{height:40px;width:40px;display:grid;place-items:center;border-radius:12px;background:#e9eef6;color:#8066ca;flex:none}.rb-icon.blue{background:#eaf3fb;color:#3984b7}.rb-icon.amber{background:#fff3df;color:#b47b23}.rb-icon.violet{background:#f2eefa;color:#8570b4}.rb-shortcut h3{margin:14px 0 5px}.rb-shortcut p{font-size:13px;color:var(--rb-muted)}
.rb-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.rb-metric{background:#fff;padding:22px;border:1px solid var(--rb-line);border-radius:17px}.rb-metric .top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:650;color:var(--rb-muted)}.rb-metric strong{display:block;font-size:31px;line-height:1.2;font-weight:800;letter-spacing:-1px;margin:18px 0 5px}.rb-metric small{font-size:12px}.rb-module-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rb-module{display:flex;align-items:center;gap:13px;text-align:left;padding:16px;border:1px solid var(--rb-line);border-radius:13px;background:white;min-width:0}.rb-module:hover{background:#f4f6fa;border-color:#b0a7d3}.rb-module h3{font-size:14px}.rb-module p{font-size:12px;color:var(--rb-muted);margin-top:3px}.rb-module>span:last-child{min-width:0}.rb-search{display:flex;align-items:center;gap:10px;background:#f5f6f8;border:1px solid var(--rb-line);border-radius:11px;padding:10px 14px}.rb-search input{width:100%;outline:none;background:transparent;border:0;font-size:14px}.rb-flow{display:grid;gap:0;counter-reset:flow}.rb-flow-step{position:relative;display:flex;gap:13px;padding:0 0 21px}.rb-flow-step:last-child{padding-bottom:0}.rb-flow-step:not(:last-child):before{content:"";position:absolute;top:33px;bottom:0;left:15px;border-left:1px dashed #c3bed8}.rb-flow-step .num{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eff2f7;color:#4e4280;font-size:12px;font-weight:800;flex:none}.rb-flow-step h3{font-size:14px;margin:3px 0 5px}.rb-flow-step p{font-size:13px;color:var(--rb-muted);line-height:1.5}.rb-row{display:flex;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid #edf0f3}.rb-row:last-child{border:0}.rb-row .body{flex:1;min-width:0}.rb-row p{font-size:13px;color:var(--rb-muted);margin-top:4px}.rb-row h3{font-size:14px}.rb-empty{padding:38px 22px;text-align:center;color:var(--rb-muted);border:1px dashed #d7dde6;border-radius:14px;background:#fafbfc}.rb-empty p{font-size:14px;margin-top:10px}.rb-error{padding:16px;border:1px solid #f4cebe;background:#fff5f0;border-radius:13px;color:#9a4631;font-size:14px;margin-bottom:20px}.rb-loading{padding:30px;color:var(--rb-muted)}.rb-tabs{display:flex;gap:5px;flex-wrap:wrap;padding:5px;background:#eaedf1;border-radius:12px;margin-bottom:24px;width:fit-content}.rb-tabs button{padding:9px 16px;border:0;border-radius:9px;background:transparent;color:#68718e;font-size:14px;font-weight:700}.rb-tabs button.active{background:#fff;color:#424968;box-shadow:0 2px 6px #42496810}.rb-progress{height:7px;border-radius:9px;background:#eceff3;overflow:hidden;margin-top:10px}.rb-progress>span{height:100%;display:block;background:#9374cc;border-radius:9px}
.rb-report-workspace{background:var(--app-canvas)!important}.rb-report-workspace [class*="text-["]{font-size:13px!important}.rb-report-workspace input,.rb-report-workspace select,.rb-report-workspace textarea{font-size:14px!important}.rb-report-workspace .font-black{font-weight:750}.rb-report-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:25px;align-items:start}.rb-section-nav{position:sticky;top:16px;display:grid;gap:5px;background:white;border:1px solid var(--rb-line);border-radius:17px;padding:14px;max-height:80vh;overflow-y:auto}.rb-section-nav button{display:flex;align-items:center;gap:10px;border:0;border-radius:10px;background:transparent;text-align:left;padding:11px;color:var(--rb-muted);font-size:13px;font-weight:650;line-height:1.45}.rb-section-nav button.active{background:#eaeff6;color:#424968}.rb-section-nav .number{font-size:12px;min-width:23px;font-weight:800}.rb-section-nav .done{margin-left:auto;color:#9374cc;flex:none}.rb-report-body{min-width:0;display:grid;gap:22px}.rb-report-section{background:#fff;border:1px solid var(--rb-line);border-radius:18px;padding:24px;scroll-margin-top:25px;min-width:0}.rb-report-section>h2{margin-bottom:8px}.rb-report-section .section-count{font-size:12px;color:var(--rb-muted);margin-bottom:20px}.rb-report-fields{display:grid;gap:16px}.rb-report-item{border:1px solid var(--rb-line);border-radius:13px;padding:20px;background:#fcfdfe}.rb-report-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.rb-report-item-head strong{font-size:14px;line-height:1.5}.rb-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.rb-field{min-width:0}.rb-field.wide{grid-column:1/-1}.rb-field>label{display:block;font-size:13px;font-weight:650;color:#68718e;margin-bottom:8px;line-height:1.5}.rb-field :is(input,select,textarea){width:100%;min-height:43px;border:1px solid #d7dde5!important;border-radius:9px!important;background:#fff!important;color:#424968;padding:10px 12px!important;box-shadow:none!important;line-height:1.65}.rb-field textarea{min-height:100px}.rb-field :disabled{background:#f5f6f8!important;opacity:1}.rb-answer{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;color:#424968;min-height:25px}.rb-answer.empty{color:#68718e;font-style:italic}.rb-report-identity>div{border-bottom:1px solid #eceff3!important;padding:13px 0!important}.rb-report-identity label{font-size:13px!important}.rb-report-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rb-report-flow .rb-flow-step{padding:0}.rb-report-flow .rb-flow-step:before{display:none}.rb-report-flow p{font-size:12px}.rb-report-flow h3{font-size:13px}
@media(min-width:1024px){.sinergi-sidebar-scroll{scrollbar-width:thin}.rb-page{padding:18px 14px 40px}}
@media(max-width:1100px){.rb-grid{grid-template-columns:1fr}.rb-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.rb-report-layout{grid-template-columns:190px minmax(0,1fr)}.rb-module-list{grid-template-columns:repeat(2,minmax(0,1fr))}.rb-report-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:700px){.rb-page{padding:5px 0 25px}.rb-header{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:22px}.rb-header h1{font-size:27px}.rb-shortcuts{grid-template-columns:1fr}.rb-shortcut{min-height:0;padding:17px;display:grid;grid-template-columns:40px 1fr;column-gap:14px}.rb-shortcut h3{margin:0}.rb-shortcut p{grid-column:2}.rb-shortcut .rb-icon{grid-row:1/3}.rb-feature{padding:24px;min-height:0}.rb-feature h2{font-size:23px}.rb-feature .feature-icon{display:none}.rb-card-pad{padding:20px}.rb-metric{padding:17px}.rb-metric strong{font-size:27px}.rb-module-list{grid-template-columns:1fr}.rb-card-head{align-items:flex-start;flex-direction:column}.rb-search{width:100%}.rb-report-layout{grid-template-columns:1fr}.rb-section-nav{display:flex;overflow:auto;max-height:none;position:static;padding:7px;border-radius:12px}.rb-section-nav button{white-space:nowrap;padding:9px}.rb-section-nav .eyebrow{display:none}.rb-report-section{padding:18px}.rb-field-grid{grid-template-columns:1fr}.rb-report-item{padding:15px}.rb-report-flow{grid-template-columns:1fr}.rb-report-workspace>div{padding:14px!important}.rb-report-workspace h1{font-size:22px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.rb-section-nav,.rb-report-flow,.rb-report-workspace button,.rb-report-workspace nav{display:none!important}.rb-report-layout{display:block}.rb-report-section{break-inside:auto;margin-bottom:20px;border:1px solid #ddd;box-shadow:none}.rb-report-item{break-inside:avoid}.rb-report-workspace{position:static!important;overflow:visible!important}.rb-field-grid{grid-template-columns:1fr 1fr}}

:root{--ta-primary:#424968;--ta-primary-hover:#424968;--ta-primary-soft:#ece9f7;--ta-sis-navy:#424968;--ta-canvas:#f5f5f8;--ta-text:#424968;--ta-muted:#68718e;--ta-border:#e1dfea}
.rb-report-section[data-active="false"]{display:none}.rb-report-pager{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.rb-report-pager>span{font-size:13px;color:var(--rb-muted)}@media print{.rb-report-section[data-active="false"]{display:block}.rb-report-pager{display:none}}
.rb-login-story{display:none}.rb-login :is(input,button){font-size:14px}.rb-login form label{font-size:13px}.rb-login form~p{font-size:12px}.rb-login main section{border-radius:28px}.rb-login header>span{background:#ebe8f7;color:#424968;border-color:#d9d4eb;box-shadow:none}.rb-login main h1{color:#424968}
@media(min-width:1000px){.rb-login{background:#fff!important}.rb-login>div.fixed,.rb-login>video{right:auto!important;width:52%!important;transform:none!important}.rb-login>div.bg-gradient-to-b{background:linear-gradient(180deg,rgba(4,48,37,.16),rgba(4,48,37,.78))!important}.rb-login>div.blur-3xl{display:none}.rb-login main{margin-left:52%;width:48%;padding:100px 42px 48px;background:#fff}.rb-login main>section{box-shadow:none;border:0;padding:24px;max-width:440px}.rb-login main>section>.pointer-events-none{display:none}.rb-login header{background:none!important;padding:28px 48px;height:108px}.rb-login-story{display:block;position:fixed;z-index:11;left:5%;bottom:12%;width:41%;color:white}.rb-login-story>span{font-size:12px;font-weight:800;letter-spacing:.18em;color:#b8ceed}.rb-login-story h2{font-size:clamp(32px,3.5vw,54px);line-height:1.16;letter-spacing:-.045em;font-weight:800;margin:22px 0}.rb-login-story p{max-width:430px;font-size:16px;line-height:1.8;color:#e0e5ed}.rb-login-story>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.rb-login-story>div>span{border:1px solid #ffffff42;padding:7px 12px;border-radius:20px;font-size:11px;background:#ffffff0d}.rb-login main h1{font-size:30px}.rb-login main p{font-size:13px;line-height:1.7}}
@media(max-width:1023px){.sinergi-content.overflow-hidden:not(.p-0){padding-top:82px!important}.sinergi-mobile-nav{padding:6px 6px max(6px,env(safe-area-inset-bottom))!important;box-shadow:0 -2px 12px #42496808!important}.sinergi-mobile-nav button[aria-current="page"]{background:#e8eef6!important;color:#424968!important}}

.rb-note{padding:20px 0;border-top:1px solid var(--rb-line)}.rb-note summary{cursor:pointer;list-style:none}.rb-note summary::-webkit-details-marker{display:none}.rb-note h3{margin:12px 0 6px;font-size:15px;line-height:1.5}.rb-note-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--rb-muted);font-size:14px;line-height:1.7}.rb-note-toggle{display:flex;align-items:center;gap:4px;color:var(--rb-green);font-size:12px;font-weight:700;margin-top:9px}.rb-note-full{font-size:14px;line-height:1.85;white-space:pre-wrap;color:#424968;margin-top:12px}.rb-note[open] .rb-note-preview,.rb-note[open] .rb-note-toggle{display:none}
:root{--nx-ink:#424968;--nx-green:#424968;--nx-muted:#68718e;--nx-line:#dbe0e7;--nx-canvas:#f7f5f3;--ta-primary:#424968;--ta-primary-hover:#424968;--ta-border:#dbe0e7;--ta-border-strong:#c6ced9;--ta-text:#424968;--ta-muted:#68718e;--ta-canvas:#f7f5f3;--ta-shadow:0 2px 5px #42496804;--ta-shadow-raised:0 12px 32px #42496810;--rb-ink:#424968;--rb-muted:#68718e;--rb-border:#dbe0e7;--rb-primary:#424968}
button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #4a359f;outline-offset:3px}svg{flex-shrink:0}
.nx-login{height:100dvh;overflow-y:auto;background:#f8f5f2;color:var(--nx-ink);font-family:'Plus Jakarta Sans',sans-serif}.nx-login-top{max-width:1480px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:27px 4.5%}.nx-brand{display:flex;align-items:center;gap:13px}.nx-brand>img{width:46px;height:46px;object-fit:contain}.nx-brand strong{font-size:23px;letter-spacing:.08em;font-weight:800;line-height:1.1}.nx-brand-dot{color:#ac8246}.nx-brand small{display:block;font-size:10px;color:#68718e;margin-top:6px}.nx-internal{display:flex;align-items:center;gap:8px;font-size:11px;color:#68718e}.nx-login-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;max-width:1340px;margin:12px auto 0;padding:0 4.5% 28px;align-items:center}.nx-kicker{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#68718e;font-weight:700}.nx-story-copy h2{font-size:clamp(34px,3.7vw,55px);line-height:1.17;letter-spacing:-.05em;font-weight:650;margin:17px 0}.nx-story-copy h2 em,.nx-login-intro h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#68718e}.nx-story-copy>p{font-size:13px;line-height:1.9;color:#68718e;max-width:440px}.nx-story-media{position:relative;margin-top:28px;height:300px;overflow:hidden;border-radius:110px 22px 22px 22px;background:#d8dee6}.nx-story-image,.nx-story-video{width:100%;height:100%;object-fit:cover;object-position:center 45%;position:absolute;inset:0}.nx-story-video{opacity:0;transition:opacity .4s}.nx-story-video.is-ready{opacity:1}.nx-story-media:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#424968b3);pointer-events:none}.nx-media-caption{display:flex;gap:12px;position:absolute;z-index:1;bottom:22px;left:24px;right:55px;color:white;align-items:center}.nx-media-mark{width:43px;height:43px;border-radius:50%;border:1px solid #ffffff60;display:grid;place-items:center;background:#ffffff15}.nx-media-caption strong{display:block;font-size:14px;font-weight:600}.nx-media-caption small{display:block;font-size:9px;margin-top:6px;line-height:1.6;color:#edf2f8}.nx-video-control{position:absolute;right:16px;bottom:22px;z-index:2;color:#fff;background:#ffffff26;border:1px solid #ffffff66;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.nx-login-panel{background:white;border:1px solid #e7e2da;padding:34px 35px;border-radius:24px;box-shadow:0 20px 60px #42496806;max-width:465px;width:100%;justify-self:center;position:relative}.nx-login-panel:before{content:'';width:46px;height:4px;background:#be9b69;position:absolute;top:-1px;left:35px;border-radius:0 0 4px 4px}.nx-login-intro h1{font-size:34px;line-height:1.2;letter-spacing:-.045em;font-weight:650;margin:14px 0}.nx-login-intro>p{font-size:12px;line-height:1.8;color:#68718e;max-width:310px}.nx-google-area{margin-top:25px}.nx-field-label{display:block;font-size:11px;font-weight:650;color:#424968;margin-bottom:9px}.nx-google-container{position:relative;min-height:46px;margin-top:12px}.nx-google-button{display:flex;justify-content:center;min-height:44px;width:100%}.nx-google-button.is-pending{opacity:0;pointer-events:none}.nx-google-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--nx-line);border-radius:8px;font-size:11px;color:#68718e;gap:8px}.nx-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:#68718e;font-size:10px}.nx-divider:before,.nx-divider:after{content:'';height:1px;background:#e2e6ec;flex:1}.nx-phone-field{display:flex;align-items:center;gap:12px;border:1px solid #cad1db;padding:0 13px;border-radius:10px;color:#68718e;background:#fcfbf9}.nx-phone-field:focus-within{border-color:#8066ca;box-shadow:0 0 0 3px #e8e5f2}.nx-phone-field input{border:0;outline:0;background:transparent;width:100%;height:46px;color:#424968;font-size:13px;min-width:0}.nx-field-help{font-size:10px;line-height:1.6;color:#68718e;margin:8px 0 15px}.nx-login-submit{height:48px;width:100%;border:0;background:#424968;color:white;border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:12px;font-weight:650;transition:background .2s,transform .2s}.nx-login-submit:hover{background:#424968;transform:translateY(-1px)}.nx-login-submit:disabled{opacity:.6;transform:none}.nx-login-security{display:flex;gap:9px;margin-top:13px;color:#68718e;align-items:flex-start}.nx-login-security p{font-size:10px;line-height:1.7;max-width:260px}.nx-login-support{border-top:1px solid #f0ede9;margin-top:23px;padding-top:17px;font-size:10px;line-height:1.8;color:#68718e}.nx-login-support span{font-weight:700;color:#68718e}.nx-login-notice{font-size:11px;line-height:1.7;padding:11px;border-radius:8px;background:#edf1f6;color:#424968;margin:10px 0}.nx-login-notice.error{background:#fff1f0;color:#a53238}.nx-login-footer{max-width:1340px;padding:0 4.5% 22px;margin:auto;display:flex;justify-content:space-between;font-size:9px;color:#68718e}
.sinergi-app-scale-frame .sinergi-sidebar{width:246px!important;background:#fff;border-right:1px solid var(--nx-line)}.sinergi-sidebar>button:first-child{min-height:82px;padding:20px}.sinergi-sidebar-mark{border:0;background:transparent;box-shadow:none}.sinergi-sidebar>div:last-child{padding:12px!important}.sinergi-sidebar>div:last-child>button:first-child{padding:10px!important}.sinergi-topbar{height:74px;min-height:74px!important;background:#fff!important;padding:0 28px!important}.sinergi-content{background:var(--nx-canvas)!important}.sinergi-topbar>div:first-child{max-width:250px!important}.sinergi-topbar>div:first-child>div:first-child{display:none}.sinergi-topbar>div:first-child>div:last-child{font-size:13px;font-weight:650;white-space:normal}.nx-navigation{padding:14px 13px!important;overflow-y:auto;flex:1;min-height:0}.nx-nav-search{display:flex;align-items:center;gap:9px;border:1px solid var(--nx-line);background:#fbfaf8;border-radius:9px;padding:0 10px;color:#68718e;position:sticky;top:0;z-index:2;min-height:38px;margin-bottom:20px}.nx-nav-search input{width:100%;background:transparent;outline:0;min-width:0;font-size:11px}.nx-nav-search button{display:flex}.nx-nav-group{margin:0 0 15px}.nx-nav-heading{display:flex;justify-content:space-between;align-items:center;width:100%;padding:5px 10px 8px;color:#68718e;font-size:9px;font-weight:700;letter-spacing:.05em}.nx-nav-row{position:relative;margin:2px 0}.nx-nav-row .sinergi-nav-item{display:flex;gap:11px;align-items:center;text-align:left;width:100%;min-height:38px;padding:9px 27px 9px 11px;font-size:11px;border:0;border-radius:8px;box-shadow:none;color:#68718e;font-weight:550}.nx-nav-row .sinergi-nav-item span{overflow:visible;white-space:normal;line-height:1.4}.nx-nav-row .sinergi-nav-item:hover{background:#f6f3ef;color:#424968}.nx-nav-row .sinergi-nav-item.is-active{background:#e6ebf1;color:#424968;box-shadow:none;font-weight:700}.nx-nav-row .sinergi-nav-item.is-active svg{filter:none}.nx-favorite{position:absolute;right:5px;top:8px;width:24px;height:24px;display:grid;place-items:center;opacity:0;color:#8c9cb3;border-radius:6px}.nx-nav-row:hover .nx-favorite,.nx-nav-row:focus-within .nx-favorite,.nx-favorite.is-saved{opacity:1}.nx-favorite.is-saved{color:#a8893a}.nx-nav-empty{padding:15px 8px;font-size:11px;color:#68718e}.nx-global-search{display:block;min-width:130px;max-width:370px}.nx-global-search input{font-size:11px!important}
.rb-page{max-width:1500px;padding:0!important}.rb-header{padding:0!important;margin-bottom:20px;gap:16px}.rb-header h1{font-size:30px!important;line-height:1.2;letter-spacing:-.045em;color:var(--nx-ink)}.rb-header p:not(.eyebrow){font-size:12px;line-height:1.8}.rb .eyebrow{font-size:9px;letter-spacing:.12em;color:#68718e}.rb-card,.rb-metric{border-radius:16px!important;box-shadow:0 2px 8px #42496803}.rb-card-pad{padding:22px}.rb-btn{border-radius:9px!important;min-height:37px!important;font-size:11px;font-weight:650!important}.rb-btn.primary{background:#424968!important;color:white!important;border-color:#424968!important;box-shadow:none}.rb-btn.primary:hover{background:#424968!important}.rb-pill{font-size:9px!important;font-weight:600}.rb-tabs{margin-bottom:20px;width:fit-content}.rb-tabs>button{font-size:11px!important;min-height:34px!important}.rb-stack{gap:20px}.rb-metrics{gap:12px}.rb-metric{padding:18px 20px;min-width:0}.rb-metric strong{font-size:29px;line-height:1.3;margin:10px 0 5px}.rb-metric .top{font-size:11px}.rb-metric small{font-size:10px}.rb-card-head h2{font-size:17px!important;letter-spacing:-.025em}.rb-icon{border-radius:11px!important}.rb-row h3{font-size:12px;font-weight:600}.rb-row p{font-size:10px;line-height:1.6}.rb-search input{border:0!important;box-shadow:none!important;background:transparent!important;min-height:34px!important;outline:0}.rb-report-card{border-radius:14px!important}.rb-empty{padding:32px 20px;color:#68718e}
.nx-dashboard-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:18px}.nx-dashboard-heading h1{font-size:27px;font-weight:650;letter-spacing:-.045em;margin:7px 0;color:#424968}.nx-dashboard-heading p{font-size:11px;color:#68718e}.nx-dashboard-heading .nx-kicker{font-size:9px}.nx-day-mark{height:55px;width:55px;background:#f1ebe2;border:1px solid #e5dbcd;border-radius:50%;display:grid;place-items:center;color:#9d7e53}.nx-dashboard-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:20px}.nx-focus-card{background:#efe9e0!important;border:1px solid #e0d6c8!important;position:relative;padding:26px;border-radius:18px!important;overflow:hidden}.nx-focus-card:after{content:'';height:200px;width:200px;border:1px solid #ccb89b70;border-radius:50%;position:absolute;right:-95px;top:-70px;box-shadow:0 0 0 30px #d3c2aa20,0 0 0 60px #d3c2aa20;pointer-events:none}.nx-focus-card .rb-icon{background:#ffffff7a;color:#68718e;width:42px;height:42px}.nx-focus-card h2{font-size:25px;line-height:1.25;letter-spacing:-.04em;max-width:300px;margin:18px 0 10px;color:#424968}.nx-focus-card p{font-size:12px;line-height:1.8;color:#68718e;max-width:330px;margin-bottom:20px}.nx-focus-card .rb-btn{width:fit-content}.nx-queue{padding:21px 23px}.nx-queue .rb-row{padding:12px 0}.nx-queue .rb-row .rb-icon{width:32px;height:32px}.nx-queue .rb-row .nx-queue-count{font-size:19px;font-weight:650;color:#8b793b;min-width:28px;text-align:right}.nx-quicklinks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nx-quicklinks button{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--nx-line);border-radius:12px;padding:15px;text-align:left;font-size:11px;color:#424968;font-weight:600}.nx-directory-tabs{display:flex;gap:5px;overflow-x:auto;margin-bottom:20px;padding-bottom:2px}.nx-directory-tabs button{white-space:nowrap;padding:7px 12px;min-height:31px!important;font-size:10px;color:#68718e;border:1px solid transparent;background:#faf8f6;border-radius:7px!important}.nx-directory-tabs button.active{background:#e6ebf1;border-color:#ced6e2;color:#68718e}.rb-module-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}.rb-module{padding:17px 0;border:0;border-bottom:1px solid #f0ede9;border-radius:0!important;align-items:flex-start;gap:12px}.rb-module h3{font-size:11px;font-weight:650;margin:2px 0 4px}.rb-module p{font-size:10px;line-height:1.7;color:#68718e}.rb-module .rb-icon{width:35px;height:35px}.rb-module:hover{background:#faf8f4}
.nx-filterbar{display:flex;gap:12px;align-items:flex-end;padding:16px;background:white;border:1px solid var(--nx-line);border-radius:12px;margin-bottom:20px}.nx-filterbar>label{display:block;min-width:0}.nx-filterbar>label>span{display:block;font-size:10px;color:#68718e;margin-bottom:7px;font-weight:600}.nx-filter-search{flex:1}.nx-filter-search>div{display:flex;align-items:center;gap:8px;border:1px solid #d3d9e1;border-radius:8px;padding:0 10px;background:#fcfbf9}.nx-filter-search input{width:100%;border:0!important;box-shadow:none!important;background:transparent!important;outline:0;min-height:38px!important;font-size:11px!important}.nx-filterbar input[type=date]{padding:8px 10px;min-height:38px;font-size:11px}
[data-module-frame] input:not([type=checkbox]):not([type=radio]),[data-module-frame] select,[data-module-frame] textarea{font-weight:450;border-color:#ced5df;border-radius:8px;box-shadow:none;color:#424968}[data-module-frame] input:focus,[data-module-frame] select:focus,[data-module-frame] textarea:focus{border-color:#68718e!important;box-shadow:0 0 0 3px #dee4ed!important}[data-module-frame] label:has(>svg)>input,[data-module-frame] div.relative:has(>svg)>input{box-shadow:none}[data-module-frame] :where(h1,h2,h3){font-weight:650;letter-spacing:-.025em}[data-module-frame] :where(.text-gray-300,.text-gray-400,.text-slate-400){color:#68718e}[data-module-frame] button.font-black{font-weight:650}
[data-module-frame] div:has(>table){overflow:auto;min-height:0;max-width:100%;scrollbar-color:#abb7c7 #eff2f5;scrollbar-width:thin}.sinergi-shell table{table-layout:auto;min-width:680px}.sinergi-shell table th{white-space:nowrap;overflow-wrap:normal;word-break:normal;text-transform:none;font-size:11px;letter-spacing:0;font-weight:650!important;padding:13px 15px!important;background:#f7f4f0!important;color:#68718e!important}.sinergi-shell table td{overflow-wrap:break-word;word-break:normal;line-height:1.7;font-size:11px;padding:13px 15px!important;vertical-align:top}.sinergi-shell table td>input,.sinergi-shell table td>select{min-width:90px}.sinergi-shell table tbody tr:hover{background:#faf8f4!important;box-shadow:none}.sinergi-shell table td .truncate{max-width:290px;white-space:normal}.sinergi-shell table td :is(button,a){white-space:nowrap}.sinergi-shell table td:last-child{min-width:100px}.sinergi-shell [data-monthly-report-workspace=true] table{min-width:0}.sinergi-shell [data-monthly-report-workspace=true] table th{white-space:normal}.sinergi-shell [data-monthly-report-workspace=true] table td{min-width:0}
.nx-module-hero{background:#f3eee7!important;color:#424968!important;border:1px solid #e7dfd3!important;border-radius:16px!important;box-shadow:none!important;padding:22px 25px!important}.nx-module-hero>div.absolute,.nx-module-hero>div.pointer-events-none{display:none}.nx-module-hero :is(h1,h2){font-size:27px!important;line-height:1.22!important;color:#424968!important;letter-spacing:-.035em;margin-top:8px!important}.nx-module-hero :is(p,.text-white,.text-emerald-50,.text-indigo-50,.text-cyan-100,.text-white\/75,.text-white\/80,.text-slate-400){color:#68718e!important;font-size:12px;line-height:1.8}.nx-module-hero [class*=text-transparent]{color:#68718e!important;background:none!important}.nx-module-hero :is(span,div)[class*=bg-white]{background:#ffffff65;color:#68718e}.nx-module-hero button{background:white!important;color:#424968!important;border:1px solid #e1d7c9!important;box-shadow:none!important}.nx-module-hero .relative>div.max-w-3xl{max-width:700px}.nx-module-hero [class*=mt-5]{margin-top:12px}.nx-module-hero [class*=mt-4]{margin-top:10px}.nx-module-hero [class*=text-emerald-50],.nx-module-hero [class*=text-lime-50]{color:#68718e!important}.nx-module-hero [class*=rounded-full]{font-size:9px;letter-spacing:.03em;border-color:#dbcebb;background:#ffffff70;color:#68718e}.nx-module-hero .grid.grid-cols-2{gap:8px}.nx-module-hero [class*=lg\:grid-cols]{gap:20px}
[data-module-frame=supervisi] button[aria-label^="Buka Supervisi"]{min-height:210px;padding:22px;border-radius:14px!important;box-shadow:none}.nx-feed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:20px}.nx-feed-header h1{font-size:28px;font-weight:650;letter-spacing:-.035em;margin:8px 0}.nx-feed-header p{font-size:12px;color:#68718e;line-height:1.8}.nx-feed-count{padding:12px 17px;background:#f2ede5;border:1px solid #e5dbcc;border-radius:12px;color:#68718e;white-space:nowrap;font-size:11px}.nx-feed-count strong{font-size:24px;display:block}.nx-board-create{border:1px solid var(--nx-line);border-radius:14px;background:white;padding:16px 20px}.nx-board-create>summary{font-size:12px;cursor:pointer;font-weight:650;color:#424968;display:list-item;margin-left:16px}.nx-board-create>div{margin-top:18px}.nx-board-create label{font-size:11px;font-weight:600;display:block}.nx-board-create :is(input,textarea,select){margin-top:7px}.nx-memo-empty{color:#68718e!important;opacity:1!important}.nx-memo-empty svg{color:#b0bbcb}
@media(min-width:1024px){.sinergi-content:not([data-active-module=admin]){padding:26px 28px!important}.sinergi-content[data-active-module=admin]{padding:0!important}[data-module-frame]:not([data-module-frame=admin]){height:auto!important;min-height:100%;overflow:visible!important}[data-module-frame]:not([data-module-frame=admin])>.h-full{height:auto;min-height:100%}.sinergi-content:not([data-active-module=admin]){overflow-y:auto!important}.sinergi-topbar .academic-period-mobile-panel{left:auto;right:25px;width:360px}.nx-login-panel{margin-top:10px}}
@media(min-width:1440px){.nx-login-layout{margin-top:35px}.nx-story-media{height:345px}.nx-login-panel{padding:40px}.nx-login-intro h1{font-size:39px}}
@media(max-width:1190px) and (min-width:1024px){.nx-global-search{max-width:220px}.sinergi-topbar{padding:0 22px!important}.sinergi-topbar>div:first-child{max-width:140px!important}.rb-module-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1023px){.nx-login-layout{gap:5%;padding-inline:4%}.nx-story-copy h2{font-size:38px}.nx-story-media{height:290px}.nx-login-panel{padding:27px}.nx-login-intro h1{font-size:30px}.nx-login-top{padding:24px 4%}.nx-navigation{padding:15px!important}.nx-nav-row .sinergi-nav-item{min-height:42px;font-size:12px}.nx-favorite{opacity:1;width:30px;height:30px;top:6px}.nx-dashboard-grid{grid-template-columns:1fr}.nx-quicklinks button{padding:13px;gap:8px}.nx-dashboard-heading h1{font-size:25px}.rb-module-list{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-filterbar{flex-wrap:wrap}.nx-filter-search{flex-basis:100%}.nx-filterbar>label:not(.nx-filter-search){flex:1}.nx-filterbar input{width:100%}.sinergi-mobile-header{background:#fff!important}.sinergi-mobile-header button{background:#f6f2ed;color:#354964}.sinergi-mobile-nav{box-shadow:0 -5px 20px #42496805!important}.sinergi-mobile-nav button{min-width:0;font-size:10px}.nx-module-hero{padding:20px!important}.nx-module-hero :is(h1,h2){font-size:25px!important}}
@media(max-width:700px){.nx-login-top{padding:20px 22px}.nx-brand>img{width:38px;height:38px}.nx-brand strong{font-size:20px}.nx-brand small{font-size:8px}.nx-internal{font-size:0;gap:0}.nx-internal svg{width:20px}.nx-login-layout{display:flex;flex-direction:column-reverse;gap:28px;margin:10px auto 0;padding:0 22px 22px;max-width:500px}.nx-login-panel{padding:28px 24px;border-radius:19px;box-shadow:0 10px 30px #42496805}.nx-login-intro h1{font-size:32px}.nx-login-intro>p{font-size:12px}.nx-login-story{width:100%}.nx-story-copy{display:none}.nx-story-media{height:205px;margin-top:0;border-radius:60px 16px 16px 16px}.nx-media-caption{left:18px;bottom:17px;gap:10px}.nx-media-caption strong{font-size:12px}.nx-media-caption small{font-size:8px;line-height:1.8}.nx-media-mark{display:none}.nx-login-footer{padding:0 22px 22px;font-size:8px}.nx-login-security p{font-size:10px}.nx-login-form input{font-size:16px}.nx-google-area{margin-top:22px}.nx-kicker{font-size:8px}}
@media(max-width:639px){.nx-dashboard-heading{align-items:flex-start;gap:8px}.nx-dashboard-heading h1{font-size:23px!important;line-height:1.3}.nx-dashboard-heading p{font-size:10px}.nx-day-mark{display:none}.nx-dashboard-heading .rb-actions{flex-direction:column;align-items:flex-end}.nx-dashboard-heading .rb-actions .rb-pill{max-width:130px;line-height:1.5;text-align:left;font-size:8px!important;white-space:normal}.nx-quicklinks{gap:8px}.nx-quicklinks button{flex-direction:column;align-items:flex-start;font-size:10px}.nx-quicklinks .rb-icon{width:30px;height:30px}.rb-card-pad{padding:17px}.rb-metric{padding:15px}.rb-metric strong{font-size:26px}.rb-metrics{gap:10px}.rb-metric small{font-size:9px}.rb-module-list{grid-template-columns:1fr;gap:0}.rb-module h3{font-size:12px}.rb-module p{font-size:11px}.rb-card-head{flex-wrap:wrap;gap:13px}.rb-card-head .rb-search{width:100%}.nx-focus-card{padding:22px}.nx-focus-card h2{font-size:25px!important}.nx-feed-header h1{font-size:25px!important}.nx-feed-count{display:none}.nx-filterbar{padding:13px;gap:10px}.nx-filterbar input[type=date]{font-size:12px;min-width:0}.nx-module-hero :is(h1,h2){font-size:23px!important}.nx-module-hero p{font-size:11px!important}.sinergi-shell table th{padding:12px!important}.sinergi-shell table td{padding:12px!important}.sinergi-content:not([data-active-module=admin]){padding-top:82px!important}.sinergi-content[data-active-module=admin]{padding:0!important}}
@media(prefers-reduced-motion:reduce){.nx-login-submit,.nx-story-video{transition:none}.nx-login-submit:hover{transform:none}}
@media print{.nx-navigation,.sinergi-topbar,.sinergi-mobile-header,.sinergi-mobile-nav{display:none!important}.sinergi-content{padding:0!important;overflow:visible!important}.sinergi-shell table{min-width:0}.nx-module-hero{background:#fff!important}.rb-metric{break-inside:avoid}}

.nx-nav-row .sinergi-nav-item{font-size:12px!important}.nx-nav-heading{font-size:10px}.nx-navigation .nx-nav-search input{font-size:12px}.nx-dashboard-heading p{font-size:12px}.rb-metric .top{font-size:12px}.rb-metric small{font-size:11px}.rb-row h3{font-size:13px}.rb-row p{font-size:11px}.rb-module h3{font-size:12px}.rb-module p{font-size:11px}.nx-global-search input{font-size:12px!important}.nx-directory-tabs button{font-size:11px}.rb .eyebrow{font-size:10px}.nx-quicklinks button{font-size:12px}.nx-focus-card h2{max-width:330px}.sinergi-sidebar>button:first-child>div:last-child>div:last-child{font-size:9px;white-space:normal;line-height:1.4}.sinergi-shell [data-module-frame=admin]{border-radius:0!important}.sinergi-shell [data-module-frame=repo] [class*=opacity-0]:focus-within{opacity:1}
body img[src="media/kreativa-logo-compact.png"] { object-fit: contain !important; padding: 4px; }
.sinergi-shell table td span.inline-flex.rounded-full { white-space: nowrap; overflow-wrap: normal; flex-shrink: 0; }
.sinergi-topbar>.nx-global-search { flex: 1 1 240px; width: auto; margin-left: 0; margin-right: 0; min-width: 130px; }.sinergi-topbar>.nx-global-search input { min-width: 0; }.sinergi-topbar>div:last-child { flex-shrink: 0; } @media (min-width:1024px) and (max-width:1439px) { .sinergi-topbar>div:first-child { width: 120px; }.sinergi-topbar button[aria-label="Buka profil pengguna"]>div { display: none !important; }.sinergi-topbar select[aria-label="Pilih konteks role dan unit"] { max-width: 165px; } }

:root {
    --color-primary: #5364d8;
    --brand-navy: #5364d8;
    --brand-navy-soft: #8a6ce0;
    --brand-navy-deep: #4656c4;
    --brand-navy-hover: #4656c4;
    --brand-navy-tint: #eef0ff;
    --brand-navy-tint-soft: #fafaff;
    --brand-navy-border: #dfe3fa;
    --brand-navy-shadow: #6e6ee51c;
    --app-canvas: #fbfaff;
    --surface-border: #e7e5f3;
    --surface-shadow: 0 5px 22px #7569bd08;
    --rb-ink: #424969;
    --rb-muted: #71758e;
    --rb-line: #e7e5f3;
    --rb-green: #5364d8;
    --rb-primary: #5364d8;
    --nx-ink: #424969;
    --nx-green: #5364d8;
    --nx-muted: #71758e;
    --nx-line: #e7e5f3;
    --nx-canvas: #fbfaff;
    --ta-primary: #5364d8;
    --ta-primary-hover: #4656c4;
    --ta-primary-soft: #eef0ff;
    --ta-sis-navy: #5364d8;
    --ta-sis-green: #e8799b;
    --ta-canvas: #fbfaff;
    --ta-text: #424969;
    --ta-muted: #71758e;
    --ta-border: #e7e5f3;
    --ta-border-strong: #d3d6ee;
    --accent-lime: #ffc46b;
}
.sinergi-content { background: linear-gradient(135deg, #f4f7ff 0%, #fcfaff 48%, #fff8f5 100%) !important; }
.sinergi-topbar { border-top: 4px solid transparent; border-image: linear-gradient(90deg, #9d83e8, #78b5f0, #efa1b9, #ffce82) 1; }
.sinergi-sidebar-mark { background: #f4f1ff !important; }
.nx-nav-heading { color: #7a718f; }
.nx-nav-group { --group-ink: #6555b6; --group-soft: #f0ebff; --group-accent: #aa8fea; }
.nx-nav-group:nth-of-type(4n+2) { --group-ink: #3576b6; --group-soft: #eaf4ff; --group-accent: #88baf1; }
.nx-nav-group:nth-of-type(4n+3) { --group-ink: #b95478; --group-soft: #fff0f5; --group-accent: #eeaac1; }
.nx-nav-group:nth-of-type(4n+4) { --group-ink: #a16e2c; --group-soft: #fff5e5; --group-accent: #f3c581; }
.nx-nav-row .sinergi-nav-item { color: #697088 !important; }
.nx-nav-row .sinergi-nav-item>svg { color: var(--group-ink); }
.nx-nav-row .sinergi-nav-item:hover { background: var(--group-soft) !important; }
.nx-nav-row .sinergi-nav-item.is-active { background: var(--group-soft) !important; color: var(--group-ink) !important; box-shadow: inset 3px 0 var(--group-accent) !important; }
.nx-nav-search, .rb-search { background: #faf9ff; border-color: #e5e2f2; }
.nx-global-search label { background: #f5f4ff !important; }
.nx-dashboard-heading h1, .rb-header h1 { color: #46466b !important; }
.nx-dashboard-heading p, .nx-feed-header p { color: #75758e; }
.nx-kicker, .rb .eyebrow { color: #8d70a4; }
.nx-day-mark { background: #fff1cf; color: #ab772d; border-color: #f7e1ae; }
.rb-btn.primary, .nx-login-submit { background: #5364d8 !important; border-color: #5364d8 !important; color: #fff !important; box-shadow: 0 4px 12px #6471df20; }
.rb-btn.primary:hover, .nx-login-submit:hover { background: #4656c4 !important; }
.rb-btn:not(.primary):hover { background: #f3f0ff; }
.rb-pill { background: #edf4ff; color: #4c6cab; border-color: #dae7fb; }
.rb-pill.amber { background: #fff3dc; color: #986615; border-color: #f4dfb3; }
.rb-tabs { background: #eeecf8; }
.rb-tabs button { color: #76758f; }
.rb-tabs button.active { color: #6653b0; background: #fff; }
.rb-metric { --metric-soft: #f2ecff; --metric-line: #e7dcfb; --metric-ink: #7859b9; background: linear-gradient(135deg, var(--metric-soft), #fff 145%) !important; border-color: var(--metric-line) !important; }
.rb-metric:nth-child(4n+2) { --metric-soft: #e8f3ff; --metric-line: #d5e6fa; --metric-ink: #3f79b9; }
.rb-metric:nth-child(4n+3) { --metric-soft: #fff1df; --metric-line: #f4e1c4; --metric-ink: #a27335; }
.rb-metric:nth-child(4n+4) { --metric-soft: #ffedf4; --metric-line: #f4dce7; --metric-ink: #b75e85; }
.rb-metric .top { color: var(--metric-ink); }
.rb-metric strong { color: var(--metric-ink); }
.rb-metric small { color: #77768b; }
.nx-focus-card { background: linear-gradient(128deg, #ffe8dc, #fff0e9 50%, #f6e8ff) !important; border-color: #f2dce4 !important; }
.nx-focus-card:after { border-color: #e8b6d56b; box-shadow: 0 0 0 30px #efbcda20, 0 0 0 60px #efbcda20; }
.nx-focus-card h2 { color: #88577e; }
.nx-focus-card p { color: #7a6074; }
.nx-focus-card .rb-icon { background: #ffffffa6; color: #c77c98; }
.nx-focus-card .rb-btn.primary { background: #a95383 !important; border-color: #a95383 !important; }
.nx-queue .rb-row .nx-queue-count { color: #ae7840; }
.rb-icon { background: #eee7fc; color: #8260ba; }
.rb-icon.blue { background: #e7f2ff; color: #4c82bf; }
.rb-icon.amber { background: #fff0d6; color: #ae7b33; }
.rb-icon.violet { background: #ffeaf3; color: #bd6991; }
.nx-quicklinks button { background: #f1edff; border-color: #e5def8; color: #755ca5; }
.nx-quicklinks button:nth-child(2) { background: #eaf5ff; border-color: #dcebf9; color: #5680aa; }
.nx-quicklinks button:nth-child(3) { background: #fff2e5; border-color: #f3e4d2; color: #a27c49; }
.nx-directory-tabs button { background: #f5f2fb; color: #787088; }
.nx-directory-tabs button.active { background: #ede6ff; border-color: #dcd0f4; color: #7356aa; }
.rb-module { border-bottom-color: #eeeaf6; }
.rb-module:hover { background: #faf7ff; }
.rb-module p { color: #787b91; }
.rb-flow-step:nth-child(4n+1) .num { background: #eee6ff; color: #805ab7; }
.rb-flow-step:nth-child(4n+2) .num { background: #e5f2ff; color: #4382bb; }
.rb-flow-step:nth-child(4n+3) .num { background: #ffeadf; color: #b87654; }
.rb-flow-step:nth-child(4n+4) .num { background: #ffe7f0; color: #b7678b; }
.rb-flow-step:not(:last-child):before { border-color: #dcd2ed; }
.rb-feature, .nx-module-hero { background: linear-gradient(110deg, #f2eaff, #eaf3ff 64%, #fff1e6) !important; border-color: #e5dff4 !important; color: #665d87 !important; }
.nx-module-hero :is(h1,h2) { color: #6e5899 !important; }
.nx-module-hero :is(p,.text-white,.text-emerald-50,.text-indigo-50,.text-cyan-100,.text-white\/75,.text-white\/80,.text-slate-400) { color: #7b7190 !important; }
.nx-module-hero [class*=text-transparent] { color: #b86f98 !important; }
.nx-module-hero button { background: #fff !important; border-color: #ded5f2 !important; color: #725b9c !important; }
.nx-module-hero [class*=rounded-full] { background: #ffffffb3; border-color: #e2d8ef; color: #89729d; }
.nx-module-hero [class*=text-emerald-50], .nx-module-hero [class*=text-lime-50] { color: #867794 !important; }
.nx-feed-count { background: #fff0db; border-color: #f6dfb8; color: #a37935; }
.nx-board-create>summary { color: #785cac; }
.rb-section-nav button.active { background: #f1eaff; color: #7a58af; }
.rb-section-nav .done { color: #5683c4; }
.rb-progress>span { background: linear-gradient(90deg, #9c81dc, #75ade9); }
.rb-report-item, .rb-empty { background: #fdfbff; border-color: #e6e0f2; }
.sinergi-shell table th { background: #f2effb !important; color: #7a6896 !important; }
.sinergi-shell table tbody tr:hover { background: #faf6ff !important; }
[data-module-frame] div:has(>table) { scrollbar-color: #d0c4e7 #f7f4fd; }
[data-module-frame] input:focus, [data-module-frame] select:focus, [data-module-frame] textarea:focus { border-color: #a18ade !important; box-shadow: 0 0 0 3px #eee8fc !important; }
.nx-login { background: linear-gradient(130deg, #eef5ff, #fff8f0 47%, #faf0ff); }
.nx-brand-dot { color: #eb98af; }
.nx-brand small, .nx-internal { color: #858198; }
.nx-story-copy h2, .nx-login-intro h1 { color: #565174; }
.nx-story-copy h2 em, .nx-login-intro h1 em { color: #b36b96; }
.nx-story-copy>p, .nx-login-intro>p { color: #858097; }
.nx-story-media { background: #eee8ff; }
.nx-story-media:after { background: linear-gradient(transparent 45%, #f8edfff0); }
.nx-media-caption { color: #75567f; }
.nx-media-caption small { color: #8a6c94; }
.nx-media-mark { border-color: #e5cce8; background: #fff9; }
.nx-video-control { color: #80618f; background: #fff9; border-color: #e8d2ed; }
.nx-login-panel { border-color: #e7e0f1; box-shadow: 0 15px 50px #b18cc20c; }
.nx-login-panel:before { width: 100%; left: 0; height: 4px; border-radius: 24px 24px 0 0; background: linear-gradient(90deg, #9c85e6, #88bdee, #e9a1bb, #f4cd8c); }
.nx-phone-field { background: #fdfbff; border-color: #ddd6ec; color: #9c84b1; }
.nx-field-label { color: #716782; }
.nx-phone-field input { color: #5e5770; }
.nx-login-notice { color: #647eb1; background: #edf3ff; }
.nx-login-support span { color: #96729c; }
.nx-login-footer { color: #938ba0; }
.sinergi-mobile-header button { background: #f2edfc; color: #8066ad; }
.sinergi-mobile-nav button[aria-current=page] { background: #efe7ff !important; color: #8661b9 !important; }
.sinergi-mobile-nav { border-top-color: #ebe3f5; }
.sinergi-shell :is(.bg-slate-800,.bg-slate-900,.bg-slate-950,.bg-gray-800,.bg-gray-900,.bg-gray-950,.bg-black,.bg-indigo-900,.bg-indigo-950) { background: #f0edfb !important; color: #735b9d !important; }
.sinergi-shell :is(.bg-slate-800,.bg-slate-900,.bg-slate-950,.bg-gray-800,.bg-gray-900,.bg-gray-950,.bg-black,.bg-indigo-900,.bg-indigo-950) :is(.text-white,.text-slate-100,.text-slate-200,.text-indigo-100) { color: #735b9d !important; }
.sinergi-shell :is(.bg-orange-400,.bg-orange-500,.bg-amber-400,.bg-amber-500,.bg-lime-400,.bg-lime-500).text-white { color: #725025 !important; }
.sinergi-shell [class~="bg-[#0f172a]"], .sinergi-shell [class~="bg-[#171a35]"], .sinergi-shell [class~="bg-[#1a1c78]"] { background: #f0edfb !important; color: #735b9d !important; }
@media print { .sinergi-content, .rb-metric, .nx-focus-card { background: #fff !important; } }
.sinergi-shell :is(.from-emerald-950,.from-emerald-900,.from-slate-950,.from-slate-900,.from-indigo-900), .sinergi-shell [data-module-frame=profile] section[class*="bg-gradient"] { background: linear-gradient(120deg,#eee6ff,#e7f2ff 65%,#fff0e8) !important; color: #705c90 !important; }.sinergi-shell :is(.from-emerald-950,.from-emerald-900,.from-slate-950,.from-slate-900,.from-indigo-900) [class*="text-white"], .sinergi-shell [data-module-frame=profile] section[class*="bg-gradient"] :is(h1,p,[class*="text-white"],[class*="text-cyan"]) { color: #705c90 !important; }.sinergi-shell .bg-slate-900 [class*="text-white/"] { color: #857499 !important; }.sinergi-shell :is(.from-emerald-950,.from-emerald-900) button { background: #ffffffb3; border-color: #d6c8ee; color: #705c90; }
.rb-document-mode { max-width: 1450px; margin: 0 auto; grid-template-columns: 214px minmax(0,1fr); gap: 26px; }
.rb-document-mode .rb-report-body { display: block; background: #fff; border: 1px solid #e4e3ee; border-radius: 7px; box-shadow: 0 8px 35px #7876980c; overflow: hidden; }
.rb-document-cover { padding: 42px 42px 30px; border-top: 5px solid #b5a2ed; background: linear-gradient(112deg,#f5f1ff,#fff 60%,#fff7ed); }
.rb-document-cover h2 { margin: 12px 0 8px; font-family: Georgia,'Times New Roman',serif; font-size: 39px; font-weight: 500; line-height: 1.2; letter-spacing: -.03em; color: #4f496b; }
.rb-document-cover .rb-document-period { margin: 0 0 8px; font-size: 20px; color: #776294; font-weight: 650; }
.rb-document-period span { padding: 0 7px; color: #c9a4b7; }
.rb-document-cover>p:last-of-type { font-size: 12px; color: #77758a; }
.rb-document-cover>div { display: flex; align-items: center; gap: 9px; margin-top: 24px; color: #7b6d94; font-size: 12px; }
.rb-document-mode .rb-report-section, .rb-document-mode .rb-report-section[data-active="false"] { display: block; padding: 30px 38px; margin: 0; border: 0; border-radius: 0; box-shadow: none; outline: none; scroll-margin-top: 22px; }
.rb-document-mode .rb-report-section+.rb-report-section { border-top: 1px solid #eceaf2; }
.rb-document-mode .rb-report-identity { padding-top: 26px; padding-bottom: 26px; }
.rb-document-mode .rb-report-identity>h3 { margin: 0 0 14px; font-size: 15px; color: #79708c; }
.rb-document-mode .rb-report-identity>div { padding: 10px 0!important; }
.rb-document-section-title { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 25px; }
.rb-document-section-title>span { display: grid; place-items: center; min-width: 40px; height: 40px; border-radius: 12px; background: #ede8fb; color: #8872b3; font-size: 14px; font-weight: 750; }
.rb-document-mode .rb-report-section:nth-of-type(3n) .rb-document-section-title>span { background: #ffede7; color: #b47668; }
.rb-document-mode .rb-report-section:nth-of-type(3n+1) .rb-document-section-title>span { background: #e8f1ff; color: #6d89b7; }
.rb-document-section-title h2 { margin: 0 0 5px; font-size: 21px; font-weight: 650; line-height: 1.45; letter-spacing: -.025em; color: #554e6c; }
.rb-document-mode .rb-report-section .section-count { margin: 0; font-size: 11px; color: #8a8598; }
.rb-document-mode .rb-report-section>h3 { text-transform: none; letter-spacing: 0; font-size: 16px; color: #73668d; }
.rb-document-table-block { margin: 18px 0 25px; min-width: 0; }
.rb-document-table-scroll { overflow-x: auto; max-width: 100%; border-radius: 10px; scrollbar-width: thin; scrollbar-color: #c5bfdc #f7f5fc; }
.rb-document-table-scroll:focus-visible { outline: 3px solid #c0b2ef; outline-offset: 3px; }
.rb-report-workspace table.rb-document-table { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: auto; }
.rb-report-workspace table.rb-document-table caption { caption-side: bottom; text-align: left; padding: 10px 0 0; font-size: 10px; color: #858097; }
.sinergi-shell .rb-report-workspace table.rb-document-table th { border: 0; border-bottom: 2px solid #ded7ed; background: #f2edfb!important; color: #796990!important; padding: 13px 12px!important; font-size: 12px; font-weight: 650!important; white-space: normal; text-align: left; vertical-align: middle; }
.sinergi-shell .rb-report-workspace table.rb-document-table td { position: relative; border: 0; border-bottom: 1px solid #eeebf4; padding: 14px 12px!important; font-size: 13px; color: #5d586d; min-width: 0; line-height: 1.75; vertical-align: top; }
.rb-report-workspace table.rb-document-table tbody tr:nth-child(even) { background: #fcfbfe; }
.sinergi-shell .rb-report-workspace table.rb-document-table tbody tr:hover { background: #f8f6fd!important; }
.rb-document-cell-text { white-space: pre-line; overflow-wrap: anywhere; }
.rb-document-cell-tint { background: #f7f4fc; }
.rb-report-workspace .rb-document-table :is(input,select,textarea) { width: 100%; min-width: 76px; border: 1px solid #e5dfef!important; background: #ffffffc7!important; border-radius: 6px; padding: 8px!important; font-size: 13px!important; font-weight: 500; line-height: 1.75; box-shadow: none!important; }
.rb-document-table textarea { min-height: 66px; }
.rb-report-workspace .rb-document-table :is(input,select,textarea):focus { outline: 2px solid #c9bdec; border-color: #bcaadb!important; background: #fff!important; }
.rb-document-table .rb-answer { font-size: 13px; min-width: 70px; }
.rb-document-table .rb-answer.empty { font-size: 11px; color: #9c94aa; }
.rb-document-table td:has(.rb-document-remove) { min-width: 44px!important; padding-bottom: 44px!important; }
.rb-document-remove { display: grid; place-items: center; width: 29px; height: 29px; margin: 7px 0; border: 1px solid #eee2e9; border-radius: 7px; color: #ad7a8f; background: #fff8fb; }
.rb-document-remove:hover { background: #fdebf1; }
.rb-document-add { margin-top: 13px; color: #86719f; }
.rb-document-mode .rb-report-pager { margin: 18px 38px 30px; background: #faf8ff; border: 0; }
.rb-accident-journal { display: grid; gap: 12px; }
.rb-accident-intro { display: flex; gap: 13px; padding: 19px; margin-bottom: 9px; background: #fff4ee; border-radius: 12px; color: #a87c6b; }
.rb-accident-intro>span { padding-top: 3px; }
.rb-accident-intro h3 { margin: 0 0 6px; font-size: 16px; font-weight: 650; color: #9d7163; }
.rb-accident-intro p { margin: 0; font-size: 12px; line-height: 1.8; color: #8e766d; }
.rb-accident-card { border: 1px solid #e8e2f0; border-radius: 12px; background: #fff; overflow: hidden; }
.rb-accident-card>summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 17px 20px; cursor: pointer; list-style: none; background: #faf8ff; }
.rb-accident-card>summary::-webkit-details-marker { display: none; }
.rb-accident-card>summary:focus-visible { outline: 3px solid #c8b6ed; outline-offset: -3px; }
.rb-accident-month { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: #8570a6; font-size: 14px; }
.rb-accident-month small { border-radius: 20px; background: #ece5fa; padding: 4px 8px; font-size: 10px; font-weight: 600; }
.rb-accident-state { display: flex; align-items: center; gap: 9px; white-space: nowrap; color: #91869f; font-size: 11px; }
.rb-accident-card[open]>.rb-accident-state svg, .rb-accident-card[open]>summary .rb-accident-state svg { transform: rotate(180deg); }
.rb-accident-content { padding: 22px; display: grid; gap: 24px; }
.rb-accident-content h4 { font-size: 12px; font-weight: 700; margin: 0 0 12px; color: #7c708f; }
.rb-accident-types>div { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.rb-accident-types .rb-field { padding: 13px; background: #fff8ed; border-radius: 10px; }
.rb-accident-types .rb-field:nth-child(2) { background: #fff0f3; }
.rb-accident-types .rb-field>label { color: #ac8760; }
.rb-accident-types .rb-field:nth-child(2)>label { color: #ac7587; }
.rb-accident-grades>div { display: grid; grid-template-columns: repeat(auto-fit,minmax(94px,1fr)); gap: 10px; }
.rb-accident-grades .rb-field { padding: 10px; background: #f5f8ff; border-radius: 9px; }
.rb-accident-grades .rb-field>label { font-size: 12px; color: #8293b3; }
.rb-accident-types .rb-field textarea, .rb-accident-grades .rb-field textarea { min-height: 48px; }
.rb-accident-notes>p { margin: -3px 0 17px; font-size: 12px; color: #9688a2; line-height: 1.8; }
.rb-accident-notes>div { display: grid; gap: 18px; }
.rb-accident-notes .rb-field textarea { min-height: 120px; }
@media(max-width:1000px) { .rb-document-mode { grid-template-columns: 170px minmax(0,1fr); gap: 16px; }.rb-document-mode .rb-report-section { padding: 25px; }.rb-document-cover { padding: 30px 25px; } }
@media(max-width:700px) { .rb-document-mode { grid-template-columns: 1fr; gap: 14px; }.rb-report-workspace>div { padding-top: 66px!important; }.rb-document-mode .rb-report-section { padding: 25px 18px; }.rb-document-cover { padding: 28px 20px; }.rb-document-cover h2 { font-size: 32px; }.rb-document-section-title h2 { font-size: 19px; }.rb-document-mode .rb-report-pager { margin: 14px 18px 25px; }.rb-accident-card>summary { padding: 15px 13px; }.rb-accident-content { padding: 15px; }.rb-accident-month { gap: 7px; }.rb-accident-month small { display: none; }.rb-accident-grades>div { grid-template-columns: repeat(3,minmax(0,1fr)); }.rb-accident-types>div { gap: 9px; }.rb-accident-types .rb-field { padding: 9px; } }
@media print { .rb-document-mode .rb-report-body { border: 0; box-shadow: none; overflow: visible; }.rb-document-cover { background: #fff; }.rb-document-mode .rb-report-section { padding: 20px 0; }.rb-document-table-scroll { overflow: visible; }.rb-report-workspace table.rb-document-table { min-width: 0!important; }.rb-document-table caption,.rb-document-cover>div { display: none; }.rb-document-section-title { break-after: avoid; }.rb-accident-card { break-inside: avoid; margin: 12px 0; }.rb-accident-card>div { display: grid!important; }.rb-accident-card::details-content { content-visibility: visible!important; display: block!important; }.rb-accident-state { display: none; } }

.rb-document-mode .rb-section-nav { top: 70px; max-height: calc(100vh - 95px); overflow-x: hidden; }
.rb-document-mode .rb-section-nav button { min-width: 0; width: 100%; }
.rb-document-mode .rb-section-nav button>span:nth-child(2) { min-width: 0; overflow-wrap: anywhere; }
.rb-document-mode .rb-report-section { scroll-margin-top: 70px; }
.rb-eyebrow { display:block; color:#7b67bd; font-size:11px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; margin-bottom:9px; }
.rb-icon-button { display:inline-grid; place-items:center; width:42px; height:42px; flex-shrink:0; border:1px solid #e3dff0; border-radius:14px; background:#fff; color:#76648e; transition:background .2s,transform .2s; }
.rb-icon-button:hover { background:#f2edff; transform:translateY(-2px); }
.rb-workspace-hero { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:22px; padding:32px; background:linear-gradient(110deg,#eeebff,#fff5ed 72%,#ffedf3); border:1px solid #ece3f7; border-radius:24px; }
.rb-workspace-hero h1 { margin:0; font-size:clamp(28px,3vw,42px); font-weight:650; letter-spacing:-1.4px; color:#605077; }
.rb-workspace-hero p { margin:10px 0 0; font-size:14px; line-height:1.7; color:#786d87; }
.rb-board-directory .nx-feed-header { padding:28px 30px; background:linear-gradient(100deg,#f2ecff,#ffefeb,#fff8df); border-radius:24px; border:1px solid #f1e2ee; }
.rb-board-directory .nx-feed-header h1 { font-size:38px; letter-spacing:-1.3px; font-weight:650; }
.rb-board-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:18px; }
.rb-board-card { position:relative; overflow:hidden; padding:27px 22px; background:#f2edff; border:1px solid #e7ddf7; border-radius:20px; transition:transform .2s,box-shadow .2s; }
.rb-board-card:nth-child(3n+2) { background:#fff1e9; border-color:#f4dfd4; }
.rb-board-card:nth-child(3n) { background:#edf4ff; border-color:#dde7fa; }
.rb-board-card:hover { transform:translateY(-4px); box-shadow:0 12px 28px #9e88bb1c; }
.rb-board-card>.absolute { display:none; }
.rb-board-card .pl-4 { padding-left:0; }
.rb-board-open { text-align:left; color:#605075; }
.rb-board-open:after { content:""; position:absolute; inset:0; }
.rb-board-card button[aria-label] { position:relative; z-index:1; color:#85739a; }
.rb-board-card h3 { font-size:21px!important; line-height:1.45; font-weight:650!important; color:#645577!important; }
.rb-collab-studio { display:flex; flex-direction:column; position:relative; height:100%; min-height:650px; background:#faf8ff; border:1px solid #e7e1f0; border-radius:24px; overflow:hidden; }
.rb-studio-header { padding:26px; background:#fff; border-bottom:1px solid #eae2f3; }
.rb-studio-title { display:flex; gap:17px; align-items:center; }
.rb-studio-title h1 { margin:0; font-size:28px; font-weight:650; letter-spacing:-.8px; color:#5d5070; }
.rb-studio-title p { font-size:12px; color:#91829f; margin:7px 0 0; }
.rb-studio-actions { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin:24px 0; }
.rb-contribute { display:flex; align-items:center; gap:10px; padding:17px 14px; border:1px solid #eddba9; border-radius:15px; color:#967128; background:#fff4d6; transition:transform .2s,box-shadow .2s; }
.rb-contribute>span { flex:1; text-align:left; font-weight:650; font-size:13px; }
.rb-contribute:hover { transform:translateY(-4px); box-shadow:0 8px 20px #89739420; }
.rb-contribute-link { background:#eaf2ff; border-color:#d8e5fc; color:#6182ba; }
.rb-contribute-image { background:#ffeaf1; border-color:#f6d8e4; color:#b77090; }
.rb-contribute-video { background:#f0eaff; border-color:#e1d5f7; color:#9172b9; }
.rb-contribute-file { background:#ffefdf; border-color:#f6dec6; color:#b0865f; }
.rb-studio-filters { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.rb-studio-filters label { display:flex; align-items:center; gap:10px; background:#f8f6fc; border:1px solid #e9e3f2; padding:0 12px; border-radius:12px; flex:1; min-width:170px; color:#a095b1; }
.rb-studio-filters input { background:transparent!important; border:0!important; min-width:0; padding:11px 0!important; width:100%; font-size:12px; outline:none; }
.rb-studio-filters select { padding:11px; background:#fff; border:1px solid #e9e3f2; border-radius:12px; font-size:12px; color:#857594; }
.rb-sync-chip { display:flex; align-items:center; gap:8px; font-size:11px; color:#8d7da2; }
.rb-sync-chip>span { width:7px; height:7px; border-radius:50%; background:#a78bfa; box-shadow:0 0 0 4px #eee7ff; }
.rb-sticky-wall { flex:1; min-height:270px; padding:26px; overflow:auto; display:grid; grid-template-columns:repeat(auto-fill,minmax(245px,1fr)); align-content:start; align-items:start; gap:20px; background:radial-gradient(#e2d9ee 1px,transparent 1px); background-size:20px 20px; }
.rb-sticky-canvas { display:block; position:relative; min-height:570px; }
.rb-sticky-note { padding:20px; border-radius:4px 18px 18px 18px; border:1px solid #ddcfa433; box-shadow:2px 5px 0 #d9cda533,0 8px 20px #8269950d; animation:rb-note-arrive .25s ease-out; overflow-wrap:anywhere; }
.rb-sticky-note .text-gray-800 { color:#675c65!important; line-height:1.8; }
.rb-sticky-note .text-gray-400 { color:#96878d!important; }
.rb-sticky-note img { max-width:100%; }
.rb-sticky-note a { overflow-wrap:anywhere; }
.rb-studio-empty { text-align:center; padding:32px; color:#9f8fb4; }
.rb-studio-empty h2 { color:#736384; margin:14px 0 8px; font-size:21px; }
.rb-studio-empty p { font-size:13px; }
.rb-dialog-backdrop { position:fixed; inset:0; z-index:180; display:flex; align-items:center; justify-content:center; padding:24px; background:#a99bbb65; backdrop-filter:blur(7px); }
.rb-contribution-dialog { width:100%; max-width:600px; max-height:calc(100dvh - 48px); overflow-y:auto; border-radius:24px; background:#fffdfd; padding:28px; box-shadow:0 28px 90px #83739440; border:1px solid #ffffff; animation:rb-dialog-arrive .22s ease-out; }
.rb-contribution-dialog>header { display:flex; align-items:start; gap:20px; justify-content:space-between; margin-bottom:24px; }
.rb-contribution-dialog h2 { margin:0; font-size:28px; font-weight:650; color:#6b557e; letter-spacing:-.6px; }
.rb-contribution-dialog header p { margin:9px 0 0; color:#96859f; font-size:13px; line-height:1.65; }
.rb-contribution-dialog>footer { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin-top:24px; padding-top:20px; border-top:1px solid #f0e8f5; }
.rb-composer-field { display:flex; flex-direction:column; gap:8px; margin:15px 0; color:#796585; font-size:12px; font-weight:650; }
.rb-contribution-dialog :is(input,textarea,select) { width:100%; border:1px solid #e5dcee!important; border-radius:12px; background:#fcfaff!important; padding:13px!important; color:#6e607a; font-size:14px; font-weight:450; line-height:1.65; outline:none; }
.rb-contribution-dialog :is(input,textarea,select):focus { outline:3px solid #eee6ff; border-color:#b69dd4!important; }
.rb-form-pair { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.rb-color-picker { display:flex; align-items:center; gap:10px; padding-top:8px; color:#95829f; font-size:12px; }
.rb-color-picker button { display:grid; place-items:center; height:32px; width:32px; border-radius:50%; border:2px solid #ede4f2; color:#847097; }
.rb-color-picker button[aria-pressed=true] { outline:2px solid #bb9dd3; outline-offset:3px; }
.rb-color-picker>span { margin-right:auto; }
.rb-upload-zone { display:flex; align-items:center; flex-direction:column; text-align:center; border:1.5px dashed #cfbde8; background:#f9f4ff; border-radius:18px; padding:24px 16px; color:#8f74a9; }
.rb-upload-icon { display:grid; place-items:center; height:64px; width:64px; border-radius:20px; background:#fff; margin-bottom:14px; box-shadow:0 5px 20px #d4c4e633; }
.rb-upload-zone strong { font-size:13px; max-width:100%; overflow-wrap:anywhere; }
.rb-upload-zone p { font-size:12px; margin:8px 0; color:#a38bb2; }
.rb-upload-zone>img { margin-top:12px; max-height:130px; border-radius:10px; }
.rb-memo-workspace { height:100%; overflow:auto; padding-bottom:40px; display:flex; flex-direction:column; gap:22px; }
.rb-memo-columns { display:grid; grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr); gap:22px; align-items:start; }
.rb-memo-inbox,.rb-memo-reader { background:#fff; border:1px solid #e9e0f1; border-radius:22px; overflow:hidden; }
.rb-memo-inbox>header { display:flex; align-items:center; justify-content:space-between; padding:22px 22px 12px; }
.rb-memo-inbox h2 { font-size:17px; color:#756285; font-weight:650; }
.rb-memo-inbox>header span { font-size:11px; color:#a48ab7; padding:5px 9px; background:#f4edfc; border-radius:20px; }
.rb-memo-list { padding:10px; display:flex; flex-direction:column; gap:10px; }
.rb-memo-item { padding:19px 17px; background:#fff; border:1px solid #eee6f4; border-radius:15px; text-align:left; transition:background .18s,border-color .18s; }
.rb-memo-item:hover,.rb-memo-item.selected { background:#f7f1ff; border-color:#d2bce6; }
.rb-memo-item>div { display:flex; align-items:center; gap:8px; }
.rb-memo-priority { font-size:10px; color:#9072af; padding:4px 8px; border-radius:6px; background:#efe6fc; }
.rb-memo-priority.important { background:#ffe8df; color:#b57d64; }
.rb-memo-item time { margin-left:auto; font-size:10px; color:#a695b0; }
.rb-unread-dot { width:6px; height:6px; border-radius:50%; background:#eb99b3; }
.rb-memo-item h3 { font-size:17px; font-weight:650; line-height:1.5; color:#6c577d; margin:12px 0 7px; }
.rb-memo-item>p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:12px; line-height:1.7; color:#9b89a6; }
.rb-memo-item footer { display:flex; align-items:center; justify-content:space-between; margin-top:17px; color:#9982b0; font-size:10px; }
.rb-memo-item footer>span { display:flex; gap:7px; align-items:center; }
.rb-memo-reader>header { padding:30px 32px 24px; background:linear-gradient(115deg,#faf5ff,#fff5ed); }
.rb-memo-reader h2 { margin:0 0 10px; font-size:30px; font-weight:650; letter-spacing:-.6px; line-height:1.3; color:#6f557e; }
.rb-memo-reader header>p { color:#a18aac; font-size:12px; }
.rb-memo-receipt { display:flex; align-items:center; gap:12px; color:#a185b6; margin:24px 0 12px; }
.rb-memo-receipt strong { display:block; font-size:12px; color:#8a709d; font-weight:600; }
.rb-memo-receipt span { display:block; margin-top:4px; font-size:11px; }
.rb-read-progress { height:5px; border-radius:8px; overflow:hidden; background:#eadff3; }
.rb-read-progress>span { display:block; height:100%; background:linear-gradient(90deg,#b0a0e8,#e7aacb); border-radius:8px; transition:width .5s; }
.rb-memo-body { padding:30px 32px; font-size:15px; line-height:1.95; color:#796881; white-space:pre-line; overflow-wrap:anywhere; min-height:210px; }
.rb-memo-footer { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:10px; padding:20px; border-top:1px solid #efe6f6; }
.rb-memo-readers { border-top:1px solid #efe6f6; padding:20px 28px; color:#9580a5; font-size:12px; }
.rb-memo-readers summary { display:flex; justify-content:space-between; cursor:pointer; list-style:none; }
.rb-memo-readers>div { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:18px; }
.rb-memo-readers section { background:#f8f4ff; border-radius:12px; padding:13px; max-height:240px; overflow:auto; }
.rb-memo-readers section:nth-child(2) { background:#fff3ec; }
.rb-memo-readers h3 { font-size:12px; font-weight:650; margin:0 0 12px; }
.rb-memo-readers p { display:flex; align-items:center; gap:8px; font-size:11px; line-height:1.8; padding:3px 0; }
.rb-memo-welcome,.rb-inbox-empty { padding:50px 28px; text-align:center; color:#a593b0; }
.rb-memo-welcome { min-height:450px; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.rb-memo-welcome>span { display:grid; place-items:center; width:90px; height:90px; background:#f3eaff; color:#b194cc; border-radius:28px; transform:rotate(-8deg); margin-bottom:30px; }
.rb-memo-welcome h2 { font-size:25px; }
.rb-memo-welcome p { font-size:13px; max-width:320px; line-height:1.8; }
.rb-memo-back { display:none!important; }
.rb-agenda-workspace>div>.flex:first-child { padding:24px; background:linear-gradient(105deg,#fff0e8,#ffedf5,#f1edff); border:1px solid #f0e1ed; border-radius:22px; }
.rb-agenda-workspace h2 { font-weight:650!important; letter-spacing:-.8px; color:#806083!important; }
.rb-agenda-share { display:inline-flex; align-items:center; gap:6px; flex-shrink:0; background:#f0eaff; color:#9273ac; border:1px solid #e2d6ef; border-radius:9px; padding:9px 10px; font-size:10px; font-weight:600; }
.rb-agenda-detail { max-width:740px; }
.rb-agenda-workspace .rb-agenda-spotlight { background:linear-gradient(115deg,#ede5ff,#f9e9f2,#ffefda)!important; color:#92719f!important; border-color:#eadbec!important; }
.rb-agenda-workspace .rb-agenda-spotlight :is(p,span,div) { color:inherit!important; }
.rb-agenda-detail button.bg-gray-800 { background:#eee6ff!important; color:#9371b2!important; }
.rb-admin-workspace { border-radius:0!important; background:#fbf9ff!important; color:#786685!important; }
.rb-admin-workspace>aside { background:#fffcff!important; width:245px!important; border-right:1px solid #e9e0f0!important; }
.rb-admin-nav-group { margin-bottom:20px; }
.rb-admin-nav-group h2 { padding:4px 12px 9px; font-size:10px; font-weight:700; letter-spacing:.07em; color:#ae95bc; }
.rb-admin-nav-item { display:flex; align-items:center; gap:10px; padding:11px 12px; width:100%; text-align:left; border:1px solid transparent; border-radius:11px; margin:3px 0; color:#8f7a9e; font-size:12px; font-weight:550; }
.rb-admin-nav-item>span { flex:1; }
.rb-admin-nav-item:hover { background:#faf2ff; }
.rb-admin-nav-item.selected { background:#eee4fc; border-color:#e4d7f5; color:#86639f; }
.rb-admin-workspace>main>.sticky { background:#fffafd!important; }
@media(max-width:1023px) { .rb-admin-workspace>main>.sticky { padding-left:64px; gap:8px; } }
.rb-admin-workspace>main>div:nth-child(2) { background:#fcfaff!important; }
.rb-admin-workspace :is(h1,h2,h3,h4) { color:#775d89!important; }
.rb-admin-workspace section.bg-gradient-to-br { background:linear-gradient(120deg,#eee6ff,#f7ebfa,#fff2e6)!important; box-shadow:none!important; border:1px solid #e9dbf3; }
.rb-admin-workspace section.bg-gradient-to-br :is(p,span) { color:#9780a6!important; }
.rb-admin-workspace .text-white { color:#866a9c!important; }
.rb-admin-workspace button.text-white { background:#eee4ff!important; border:1px solid #dac9ec!important; }
.rb-attendance .rb-header { padding:28px; border-radius:23px; background:linear-gradient(110deg,#e9f1ff,#f4eaff,#ffefdf); border:1px solid #e3def0; }
.rb-attendance .rb-header h1 { font-size:34px!important; font-weight:650!important; letter-spacing:-1px; }
.rb-attendance .rb-attendance-identity { display:flex; align-items:center; gap:12px; border:1px solid #e6dcf1; background:#fff; padding:16px 20px; border-radius:17px; color:#967cab; font-size:13px; }
.rb-attendance-identity strong { color:#86629d; }
.rb-attendance-identity span { margin-left:auto; font-size:11px; color:#aa92bd; }
.rb-attendance-chart-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.rb-attendance-pie { padding:25px; background:#fff; border:1px solid #eadff2; border-radius:22px; }
.rb-attendance-pie h3 { margin:0 0 8px; font-size:19px; font-weight:650; color:#7b618f; }
.rb-attendance-pie>p { font-size:12px; color:#a48ab7; line-height:1.6; }
.rb-attendance-pie>div { display:flex; align-items:center; justify-content:center; gap:24px; margin-top:20px; }
.rb-pie-legend { display:flex; flex-direction:column; gap:11px; font-size:12px; color:#9b82ad; min-width:140px; }
.rb-pie-legend>div { display:flex; align-items:center; gap:8px; }
.rb-pie-legend i { width:9px; height:9px; border-radius:3px; }
.rb-pie-legend strong { margin-left:auto; color:#826599; }
.rb-import-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding:22px; }
.rb-import-steps>div { border:1px solid #ecdfc9; background:#fff8e9; border-radius:15px; padding:17px; }
.rb-import-steps>div:nth-child(2) { background:#f5eeff; border-color:#e7d8f7; }
.rb-import-steps>div:nth-child(3) { background:#fff0f5; border-color:#f0dbe6; }
.rb-import-steps b { display:inline-grid; place-items:center; width:26px; height:26px; border-radius:9px; background:#ffffffc7; color:#ad86ad; font-size:12px; margin-bottom:9px; }
.rb-import-steps strong { display:block; font-size:13px; color:#92729d; }
.rb-import-steps p { margin-top:8px; font-size:11px; line-height:1.65; color:#a089a7; }
@keyframes rb-dialog-arrive { from { transform:translateY(15px) scale(.98); opacity:0; } to { transform:translateY(0) scale(1); opacity:1; } }
@keyframes rb-note-arrive { from { transform:translateY(8px); opacity:0; } to { transform:translateY(0); opacity:1; } }
@media(max-width:1000px) { .rb-studio-actions { gap:8px; }.rb-contribute { flex-direction:column; padding:15px 8px; gap:8px; }.rb-contribute>svg:last-child { display:none; }.rb-attendance-chart-grid { grid-template-columns:1fr; } }
@media(max-width:700px) { .rb-workspace-hero,.rb-studio-header { padding:20px; }.rb-studio-title h1 { font-size:24px; }.rb-collab-studio { min-height:calc(100dvh - 170px); height:auto; border-radius:18px; margin-bottom:85px; }.rb-sticky-wall { padding:18px; gap:16px; }.rb-sticky-canvas .rb-sticky-note { position:relative!important; left:auto!important; top:auto!important; width:auto!important; margin-bottom:18px; }.rb-studio-actions { margin:20px 0 15px; }.rb-contribute>span { font-size:10px; }.rb-sync-chip { display:none; }.rb-dialog-backdrop { padding:12px; align-items:flex-end; }.rb-contribution-dialog { max-height:calc(100dvh - 24px); padding:22px; border-radius:22px; }.rb-color-picker { gap:8px; }.rb-color-picker button { width:28px; height:28px; }.rb-memo-columns { grid-template-columns:1fr; }.rb-memo-columns.has-selection .rb-memo-inbox,.rb-memo-columns:not(.has-selection) .rb-memo-reader { display:none; }.rb-memo-back { display:inline-flex!important; margin-bottom:22px; }.rb-memo-workspace { padding-bottom:100px; }.rb-memo-reader>header,.rb-memo-body { padding:24px; }.rb-memo-reader h2 { font-size:27px; }.rb-form-pair { gap:10px; }.rb-agenda-share>span { display:none; }.rb-agenda-workspace>div>.flex:first-child { padding:20px; }.rb-import-steps { grid-template-columns:1fr; gap:10px; padding:18px; }.rb-import-steps>div { padding:14px; }.rb-import-steps b { float:left; margin:0 12px 25px 0; }.rb-attendance .rb-header h1 { font-size:28px!important; }.rb-attendance-identity { flex-wrap:wrap; }.rb-attendance-identity span { margin-left:0; width:100%; }.rb-attendance-pie>div { gap:15px; }.rb-attendance-pie { padding:20px; } }
@media(prefers-reduced-motion:reduce) { .rb-sticky-note,.rb-contribution-dialog { animation:none; }.rb-board-card,.rb-contribute,.rb-icon-button,.rb-read-progress>span { transition:none; } }
.sinergi-shell .rb-report-workspace table.rb-document-table td.rb-document-person { min-width: 210px; }
.rb-report-workspace .rb-document-person select { min-width: 180px; }
@media(max-width:700px) { .rb-document-mode .rb-section-nav { max-height: none; overflow-x: auto; }.rb-document-mode .rb-section-nav button { width: auto; flex-shrink: 0; }.rb-document-mode .rb-section-nav button>span:nth-child(2) { overflow-wrap: normal; } }