.smmm-m360{--bg:#edf3fb;--warm:#e2ebf7;--white:#fff;--border:#d3dfef;--ink:#2b2b2b;--muted:#6b655c;--dim:#9c958a;--blue:#1e40af;--navy:#16307f;--gold:#b4894a;--gold-l:#d9b070;--green:#2f7d4f;--red:#b03d2e;--amber:#d9820b;min-height:100dvh;background-color:var(--bg);background-image:radial-gradient(rgba(30,64,175,.13) 1.1px,transparent 0);background-size:24px 24px;color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;& *{box-sizing:border-box}& h1,& h2,& h3{font-family:var(--font-serif),Georgia,serif;font-weight:500;line-height:1.18;text-wrap:balance}& a{color:var(--blue);text-decoration:none}& a:hover{color:var(--navy)}& .wrap{max-width:1220px;margin:0 auto;padding:48px 36px 80px}& .m360-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;height:66px;padding:0 36px;background:rgba(237,243,251,.93);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}& .m360-wordmark{font-family:var(--font-serif),Georgia,serif;font-weight:600;font-size:21px;color:var(--ink);display:inline-flex;align-items:center;gap:9px}& .m360-wordmark:hover{color:var(--ink)}& .m360-wordmark em{font-style:normal;color:var(--blue)}& .m360-wordmark img{width:30px;height:30px}& .m360-nav{display:flex;align-items:center;gap:30px}& .m360-nav a{font-size:14.5px;font-weight:500;color:var(--muted)}& .m360-nav a:hover{color:var(--ink)}& .m360-nav a.active{color:var(--blue);font-weight:600}& .m360-actions{display:flex;align-items:center;gap:18px}& .m360-mnav-btn{display:none;flex-direction:column;justify-content:center;gap:4px;width:34px;height:34px;padding:7px;background:none;border:0;cursor:pointer}& .m360-mnav-btn span{display:block;height:2px;border-radius:2px;background:var(--navy,#16307f)}& .m360-mnav-panel{display:none}@media (max-width:960px){& .m360-nav{display:none}& .m360-mnav-btn{display:inline-flex}& .m360-mnav-panel{display:grid;position:absolute;top:66px;left:0;right:0;gap:2px;padding:10px 24px 16px;background:var(--white,#fff);border-bottom:1px solid var(--border);box-shadow:0 14px 30px rgba(22,48,127,.1);z-index:39}& .m360-mnav-panel a{padding:10px 4px;font-size:15px;font-weight:500;color:var(--navy,#16307f);border-bottom:1px solid var(--border)}& .m360-mnav-panel a:last-child{border-bottom:0}}& .m360-login{font-size:14.5px;font-weight:500;color:var(--ink)}& .m360-login:hover{color:var(--blue)}& .m360-cta{display:inline-flex;align-items:center;background:var(--blue);color:#fff;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;white-space:nowrap}& .m360-cta:hover{background:var(--navy);color:#fff}@media (max-width:560px){& .m360-header{padding:0 20px}& .m360-wordmark{font-size:16px;gap:6px}& .m360-wordmark img{width:24px;height:24px}& .m360-actions{gap:8px}& .m360-login{display:none}& .m360-cta{padding:7px 11px;font-size:12.5px}}& .intro{text-align:center;max-width:720px;margin:0 auto 34px}& .kicker{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}& .kicker:after,& .kicker:before{content:"";width:26px;height:1px;background:var(--gold-l)}& .intro h1{font-size:clamp(34px,4.4vw,48px);margin-top:14px;color:var(--ink);text-shadow:0 2px 10px rgba(22,48,127,.14)}& .intro h1 .deg{font-weight:600;background:linear-gradient(115deg,#1E40AF 25%,#4d74e8 40%,#d9b070 50%,#4d74e8 60%,#1E40AF 75%);background-size:250% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 14px rgba(30,64,175,.35))}& .intro p{margin-top:14px;color:var(--muted);font-size:16.5px}& .intro p b{color:var(--ink)}& .back-link{display:inline-block;margin-top:10px;font-size:13.5px;font-weight:600}& .steps{display:flex;justify-content:center;gap:10px;margin:30px 0 22px;flex-wrap:wrap}& .step{gap:9px;background:var(--white);border:1px solid var(--border);border-radius:99px;padding:8px 16px 8px 9px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;color:var(--muted);overflow:hidden}& .step,& .step .n{display:flex;align-items:center;transition:all .25s;position:relative}& .step .n{width:22px;height:22px;border-radius:50%;background:var(--warm);color:var(--dim);font-size:11px;font-weight:700;justify-content:center;z-index:1}& .step .t{position:relative;z-index:1}& .step .bar{position:absolute;inset:0;width:0;background:rgba(30,64,175,.08);z-index:0}& .step.on{border-color:var(--blue);color:var(--ink);font-weight:600;box-shadow:0 4px 14px rgba(30,64,175,.12)}& .step.on .n{background:var(--blue);color:#fff}& .step.done .n{background:#dcebe1;color:var(--green)}& .step.on .bar{transition:width linear}& .replay{display:flex;align-items:center;gap:7px;background:var(--navy);color:#fff;border:none;border-radius:99px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}& .replay:hover{background:var(--blue)}& .caption{text-align:center;max-width:780px;margin:0 auto 22px;min-height:118px}& .caption .ct{font-family:var(--font-serif),Georgia,serif;font-size:22px;color:var(--ink)}& .caption .cd,& .caption .ct{display:block;animation:m360-capIn .45s ease both}& .caption .cd{margin:6px auto 0;font-size:14.5px;line-height:1.65;color:var(--muted);animation-delay:.08s}& .caption b{color:var(--ink)}& .intro h1 .lt{opacity:0;visibility:hidden}& .intro h1 .lt.in{visibility:visible;animation:m360-ltIn .18s ease both}& .persp{perspective:1500px}& .frame{background:var(--white);border:1px solid var(--border);border-radius:16px;box-shadow:0 30px 60px -30px rgba(22,48,127,.35),0 6px 20px rgba(22,48,127,.08);overflow:hidden;font-size:11.5px;position:relative}& .frame-bar{display:flex;align-items:center;gap:7px;padding:11px 16px;border-bottom:1px solid var(--border);background:var(--bg);position:relative;z-index:6}& .frame-bar i{width:10px;height:10px;border-radius:50%;background:var(--border)}& .frame-bar i:first-child{background:#e8a09a}& .frame-bar i:nth-child(2){background:#ecd39a}& .frame-bar i:nth-child(3){background:#a9d3b4}& .frame-bar .url{margin-left:12px;background:var(--white);border:1px solid var(--border);border-radius:7px;padding:3px 14px;font-size:10.5px;color:var(--dim)}& .app-head{justify-content:space-between;gap:14px;padding:13px 18px;border-bottom:1px solid var(--border)}& .app-head,& .app-head .co{display:flex;align-items:center}& .app-head .co{gap:9px;flex-wrap:wrap;min-width:0}& .app-head .co b{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:620px}& .badge{font-size:9.5px;font-weight:700;border-radius:99px;padding:2.5px 9px}& .badge.aktif{background:#dcebe1;color:var(--green)}& .badge.firma{background:var(--warm);color:var(--muted)}& .app-head .home{flex-shrink:0;font-size:10.5px;font-weight:600;color:var(--muted);border:1px solid var(--border);border-radius:8px;padding:5px 12px;background:var(--white)}& .app-body{display:grid;grid-template-columns:196px 1fr}& .side{border-right:1px solid var(--border);padding:12px 10px 16px;background:#fbfdff}& .side .search{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:8px;padding:5px 9px;color:var(--dim);font-size:10.5px;margin-bottom:10px;background:var(--white)}& .side .grp{font-size:9px;font-weight:700;letter-spacing:.09em;color:var(--dim);margin:12px 6px 4px}& .side .it{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:8px;color:var(--muted);font-size:11px;font-weight:500;transition:all .25s}& .side .it svg{flex-shrink:0;opacity:.7}& .side .it.on{background:var(--blue);color:#fff;font-weight:600}& .side .it.on svg{opacity:1}& .main{padding:12px 16px 18px;min-width:0}& .toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}& .toolbar .tt{font-size:11px;font-weight:700;color:var(--muted)}& .toolbar .tt span{color:var(--dim);font-weight:500}& .kpis{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px;margin-bottom:14px}& .kpi{border:1px solid;border-radius:14px;padding:12px 15px 13px;position:relative;overflow:hidden;transition:box-shadow .3s,transform .3s}& .kpi.borc,& .kpi.eks{background:linear-gradient(150deg,#FFFFFF 30%,#FBF1EF);border-color:#EDD5CF}& .kpi.teb{background:linear-gradient(150deg,#FFFFFF 30%,#FCF6E9);border-color:#EBDDC0}& .kpi:hover{box-shadow:0 8px 22px -10px rgba(22,48,127,.18)}& .kpi .hd{gap:8px}& .kpi .hd,& .kpi .ico{display:flex;align-items:center}& .kpi .ico{width:24px;height:24px;border-radius:8px;justify-content:center;font-size:11.5px;font-weight:700;flex-shrink:0}& .kpi.borc .ico,& .kpi.eks .ico{background:#F7E3DE;color:var(--red)}& .kpi.teb .ico{background:#F5E9CE;color:var(--amber)}& .kpi .l{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.02em}& .kpi .v{font-family:var(--font-serif),Georgia,serif;font-size:25px;line-height:1.15;font-variant-numeric:tabular-nums;margin-top:6px;letter-spacing:-.01em}& .kpi.borc .v{color:var(--red)}& .kpi.teb .v{color:var(--ink);transition:color .3s}& .kpi.teb.hit .v{color:var(--amber)}& .kpi .d{font-size:9.5px;color:var(--dim);margin-top:3px}& .kpi .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}& .chip{font-size:9px;font-weight:600;color:var(--red);background:#FFFFFF;border:1px solid #edcfc8;border-radius:99px;padding:3px 10px;box-shadow:0 1px 3px rgba(176,61,46,.07)}& .tblw{border:1px solid var(--border);border-radius:12px;overflow:hidden}& table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}& thead th{font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--dim);text-align:left;padding:8px 12px;background:var(--bg);border-bottom:1px solid var(--border)}& thead th:nth-child(4),& thead th:nth-child(5),& thead th:nth-child(6){text-align:right}& tbody td{padding:7.5px 12px;border-top:1px solid var(--border);font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}& tbody td:nth-child(4),& tbody td:nth-child(5),& tbody td:nth-child(6){text-align:right}& tr.sec td{background:#f4f8fd;font-size:9px;font-weight:700;letter-spacing:.09em;color:var(--dim);padding:5px 12px}& tbody tr.q:hover td{background:#f7fafd}& td.mod{font-weight:600;color:var(--ink)}& .dur{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:10.5px}& .dur .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}& .dur.ok{color:var(--green)}& .dur.ok .dot{background:var(--green)}& .dur.eksik{color:var(--amber)}& .dur.eksik .dot{background:var(--amber)}& .dur.borc{color:var(--red)}& .dur.borc .dot{background:var(--red)}& .dur.yok{color:var(--dim)}& .dur.yok .dot{background:#c9c3ba}& .val.g{color:var(--green);font-weight:700}& .val.r{color:var(--red);font-weight:700}& .oz .x{color:var(--red);font-weight:600}& .oz .c{color:var(--green);font-weight:600}& .oz .rr{color:var(--red)}& .oz .gg{color:var(--green)}& tr.q{position:relative}& tr.q td>*{transition:opacity .35s}& tr.q.pending td>*{opacity:0}& tr.q .skel{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;font-size:10.5px;color:var(--dim);opacity:0;pointer-events:none;transition:opacity .25s}& tr.q.pending .skel{opacity:1}& .spin{width:11px;height:11px;border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;flex-shrink:0}& .fly{position:absolute;z-index:45;font-size:15px;pointer-events:none}& .frame.dim .app-body>*,& .frame.dim .kpis>*,& .frame.dim tbody tr{transition:opacity .4s,filter .4s}& .frame.dim .dimmed{opacity:.32;filter:saturate(.4)}& .ring{box-shadow:0 0 0 2px var(--blue),0 8px 26px rgba(30,64,175,.25)!important;border-radius:12px}& .side.ring{box-shadow:inset 0 0 0 2.5px var(--blue)!important;border-radius:0}& tr.rowring td{background:#eef3fc}& tr.rowring td:first-child{box-shadow:inset 3px 0 0 var(--blue)}& .cta{text-align:center;margin-top:40px}& .cta .btn-blue{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;padding:13px 28px;border-radius:12px;background:var(--blue);color:#fff;box-shadow:0 4px 14px rgba(30,64,175,.18);transition:all .2s cubic-bezier(.2,.7,.3,1)}& .cta .btn-blue:hover{background:#1a3a9c;color:#fff;transform:translateY(-2px);box-shadow:0 8px 22px rgba(30,64,175,.28)}& .cta .cta-sub{margin-top:12px;font-size:13px;color:var(--dim)}& .foot{text-align:center;margin-top:26px;font-size:13.5px;color:var(--dim)}}@keyframes m360-capIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes m360-ltIn{0%{opacity:0}to{opacity:1}}@keyframes m360-degShine{0%,to{background-position:0 0;filter:drop-shadow(0 3px 10px rgba(30,64,175,.22))}50%{background-position:100% 0;filter:drop-shadow(0 3px 20px rgba(30,64,175,.55))}}@keyframes m360-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes m360-frameIn{0%{opacity:0;transform:rotateX(9deg) translateY(38px) scale(.97)}to{opacity:1;transform:none}}@keyframes m360-sp{to{transform:rotate(1turn)}}@keyframes m360-shim{0%{background-position:190% 0}to{background-position:-90% 0}}@keyframes m360-popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes m360-rowFlash{0%{background-color:#dff0e5}to{background-color:transparent}}@keyframes m360-kpiPop{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes m360-chipP{0%,to{box-shadow:0 0 0 0 rgba(176,61,46,0)}40%{box-shadow:0 0 0 5px rgba(176,61,46,.18)}}@media (prefers-reduced-motion:no-preference){.smmm-m360 .intro h1 .deg{animation:m360-degShine 3.2s ease-in-out -1.1s infinite}.smmm-m360 .caption,.smmm-m360 .intro .back-link,.smmm-m360 .intro .kicker,.smmm-m360 .intro p,.smmm-m360 .steps{animation:m360-rise .7s cubic-bezier(.2,.7,.25,1) both}.smmm-m360 .intro .kicker{animation-delay:.05s}.smmm-m360 .intro p{animation-delay:.15s}.smmm-m360 .intro .back-link{animation-delay:.25s}.smmm-m360 .steps{animation-delay:.32s}.smmm-m360 .caption{animation-delay:.42s}.smmm-m360:not(.hero-done) .caption,.smmm-m360:not(.hero-done) .intro .back-link,.smmm-m360:not(.hero-done) .intro .kicker,.smmm-m360:not(.hero-done) .intro p,.smmm-m360:not(.hero-done) .steps{animation-play-state:paused}.smmm-m360:not(.hero-done) .cta,.smmm-m360:not(.hero-done) .foot{opacity:0}.smmm-m360 .cta,.smmm-m360 .foot{transition:opacity .6s ease .5s}.smmm-m360 .frame{opacity:0}.smmm-m360.hero-done .frame{animation:m360-frameIn 1.1s cubic-bezier(.2,.7,.25,1) .35s both}.smmm-m360 .spin{animation:m360-sp .7s linear infinite}.smmm-m360 tr.q.pending{background-image:linear-gradient(100deg,transparent 32%,rgba(30,64,175,.08) 50%,transparent 68%);background-size:240% 100%;animation:m360-shim 1.15s linear infinite}.smmm-m360 tr.q.resolved td:first-child .dur{animation:m360-popIn .4s cubic-bezier(.2,.7,.3,1.2) both}.smmm-m360 tr.q.resolved td{animation:m360-rowFlash .8s ease both}.smmm-m360 .kpi.pop{animation:m360-kpiPop .5s cubic-bezier(.2,.7,.3,1.2)}.smmm-m360 .chip.pulse{animation:m360-chipP .9s ease 2}}.smmm-m360.hero-done .intro h1 .lt{opacity:1;visibility:visible;animation:none}@media (max-width:980px){.smmm-m360 .app-body{grid-template-columns:1fr}.smmm-m360 .side{display:none}.smmm-m360 .kpis{grid-template-columns:1fr}.smmm-m360 .app-head .co b{max-width:100%;white-space:normal}}