:root{--navy:#0B1F3A;--navy-2:#122a4d;--navy-3:#0e2444;--blue:#2F80ED;--blue-600:#2563EB;--blue-soft:#EAF2FE;--green:#16A34A;--green-soft:#E7F6EC;--orange:#F59E0B;--orange-soft:#FEF3E2;--purple:#7C3AED;--purple-soft:#F1EBFE;--bg:#F5F7FB;--card:#FFFFFF;--border:#E7EBF1;--border-2:#EEF1F6;--text:#0B1F3A;--muted:#64748B;--muted-2:#94A3B8;--shadow-sm:0 1px 2px rgba(15,34,66,.04);--shadow:0 1px 3px rgba(15,34,66,.06),0 1px 2px rgba(15,34,66,.04);--shadow-md:0 4px 16px rgba(15,34,66,.06);--r:16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}svg{display:block}.muted{color:var(--muted)}.shell{display:flex;min-height:100vh}.content{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar{width:262px;flex:none;background:var(--navy);color:#fff;display:flex;flex-direction:column;padding:22px 16px;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:10px;padding:6px 10px 22px;font-size:20px;font-weight:800;letter-spacing:-.3px}.logo .mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#2f80ed,#4f9bff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:15px}.logo b{font-weight:800;color:#fff}.logo span{color:#7fb2f5}.nav-label{font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#5c7398;padding:12px 12px 8px}.nav{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;font-size:14px;font-weight:500;color:#a9bad6;transition:.16s;margin-bottom:2px}.nav:hover{background:#ffffff0d;color:#fff}.nav.active{background:var(--blue);color:#fff;font-weight:600;box-shadow:0 4px 12px #2f80ed59}.nav .ic{width:18px;height:18px;flex:none;opacity:.9}.nav.active .ic{opacity:1}.wave{margin-left:auto;font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;background:#ffffff1a;color:#b9c8e2}.nav.active .wave{background:#ffffff38;color:#fff}.side-divider{height:1px;background:#ffffff14;margin:14px 6px}.side-foot{margin-top:auto}.side-brandline{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#8296b5;font-size:12px}.side-brandline .l1{color:#dce6f5;font-weight:600;font-size:12.5px}.logout{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:#a9bad6;font-size:14px;font-weight:500;width:100%;transition:.16s}.logout:hover{background:#ffffff0d;color:#fff}.header{height:66px;flex:none;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:20px;position:sticky;top:0;z-index:20}.search{flex:1;max-width:460px;display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:11px;padding:9px 14px;color:var(--muted)}.search input{border:none;background:none;outline:none;flex:1;font-size:13.5px;color:var(--text);font-family:inherit}.search input::placeholder{color:var(--muted-2)}.kbd{font-size:11px;font-weight:600;color:var(--muted);background:#fff;border:1px solid var(--border);border-radius:6px;padding:2px 6px}.header-right{display:flex;align-items:center;gap:18px}.icon-btn{position:relative;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--muted);border:1px solid var(--border);background:#fff}.icon-btn:hover{background:var(--bg)}.dot-badge{position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;background:#ef4444;border:1.5px solid #fff}.who{display:flex;align-items:center;gap:11px}.who .txt{text-align:right;line-height:1.25}.who .n1{font-size:13.5px;font-weight:700}.who .n2{font-size:11.5px;color:var(--muted);text-transform:capitalize}.avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#2f80ed,#5b9bf5);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.chev{color:var(--muted-2)}.page{padding:28px 30px 40px;max-width:1500px;width:100%}.page-head{margin-bottom:22px}.page-head h1{font-size:28px;font-weight:800;letter-spacing:-.6px}.page-head p{color:var(--muted);font-size:14.5px;margin-top:5px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow)}.kpi{padding:20px;position:relative;overflow:hidden}.kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.kpi-ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center}.kpi-ic svg{width:19px;height:19px}.chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:30px}.chip.up{background:var(--green-soft);color:var(--green)}.chip.down{background:#fdecec;color:#dc2626}.chip.neutral{background:var(--bg);color:var(--muted)}.kpi .num{font-size:30px;font-weight:800;letter-spacing:-1px;line-height:1}.kpi .lab{font-size:13px;color:var(--muted);margin-top:7px}.kpi .spark{margin-top:12px;height:34px}.section{background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:22px 24px;margin-bottom:22px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-head h2{font-size:18px;font-weight:800;letter-spacing:-.3px}.section-head p{font-size:13px;color:var(--muted);margin-top:3px}.link{color:var(--blue);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:5px}.mesin-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.mesin{border:1px solid var(--border);border-radius:14px;padding:16px;transition:.16s;background:#fff}.mesin:hover{border-color:#d5e0f0;box-shadow:var(--shadow-md);transform:translateY(-2px)}.mesin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mesin-ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.mesin-ic svg{width:18px;height:18px}.mesin h3{font-size:14px;font-weight:700;letter-spacing:-.2px}.mesin .w{font-size:11.5px;color:var(--muted);margin-top:3px}.mesin-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--border-2)}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.status .d{width:7px;height:7px;border-radius:50%}.status.planned{color:var(--orange)}.status.planned .d{background:var(--orange)}.status.active{color:var(--green)}.status.active .d{background:var(--green)}.arrow{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);background:var(--bg)}.mesin:hover .arrow{background:var(--blue);color:#fff}.intel{border-radius:22px;overflow:hidden;background:linear-gradient(120deg,#0b1f3a,#123058 60%,#16407a);color:#fff;display:grid;grid-template-columns:1fr 1fr;box-shadow:var(--shadow-md)}.intel-left{padding:36px 34px;display:flex;flex-direction:column;justify-content:center}.intel-kicker{font-size:11.5px;font-weight:700;letter-spacing:2px;color:#7fb2f5;margin-bottom:16px}.intel-left h2{font-size:29px;font-weight:800;line-height:1.18;letter-spacing:-.5px}.intel-left h2 span{color:#5b9bf5}.intel-left p{color:#b4c4de;font-size:14px;line-height:1.6;margin:14px 0 24px;max-width:340px}.intel-cta{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;font-weight:700;font-size:14px;padding:13px 22px;border-radius:11px;width:fit-content;transition:.16s}.intel-cta:hover{background:#3d8bf5;transform:translateY(-1px)}.intel-right{position:relative;padding:30px;background:#ffffff08;display:flex;flex-direction:column;gap:14px;justify-content:center}.glass-card{background:#fffffff5;color:var(--text);border-radius:14px;padding:16px 18px;box-shadow:0 8px 30px #0000002e}.occ-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.occ-big{font-size:34px;font-weight:800;letter-spacing:-1.5px;line-height:1}.occ-lab{font-size:11.5px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.intel-2col{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.chan-row{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;padding:5px 0}.chan-row .nm{display:flex;align-items:center;gap:8px;color:var(--muted)}.chan-dot{width:9px;height:9px;border-radius:3px}.chan-row b{font-weight:700;color:var(--text)}.revcard{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px}.rev-ic{width:34px;height:34px;border-radius:10px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center}.rev-big{font-size:24px;font-weight:800;color:var(--green);letter-spacing:-1px}.hotel-img{border-radius:14px;overflow:hidden;height:110px;box-shadow:0 8px 30px #0003}.hotel-img img{width:100%;height:100%;object-fit:cover;display:block}.hotel-fallback{width:100%;height:100%;background:linear-gradient(135deg,#2f80ed,#1b4c8c)}.center-msg{padding:60px 20px;text-align:center;color:var(--muted)}.spin{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 14px}@keyframes spin{to{transform:rotate(360deg)}}.skel{background:linear-gradient(90deg,#eef1f6 25%,#f6f8fb,#eef1f6 75%);background-size:200% 100%;animation:sh 1.3s infinite;border-radius:8px}@keyframes sh{to{background-position:-200% 0}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#0b1f3a,#123058)}.login-card{width:100%;max-width:400px;padding:38px 34px;background:#fff;border-radius:18px;box-shadow:0 20px 60px #0000004d}.login-card h2{font-size:24px;font-weight:800;margin-bottom:4px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--muted)}.input{width:100%;padding:12px 15px;border:1px solid var(--border);border-radius:11px;font-size:14.5px;font-family:inherit;background:#fff;outline:none;transition:.15s}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.btn{background:var(--blue);color:#fff;border-radius:11px;padding:13px 24px;font-size:14.5px;font-weight:700;transition:.15s}.btn:hover{background:var(--blue-600)}.btn.block{width:100%}.btn:disabled{opacity:.6}.err{background:#fdecec;color:#dc2626;padding:11px 14px;border-radius:11px;font-size:13.5px;margin-bottom:14px}@media (max-width:1180px){.mesin-grid{grid-template-columns:repeat(3,1fr)}.intel{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.sidebar{position:fixed;left:-280px;z-index:100;transition:.25s}.sidebar.open{left:0}.kpi-grid{grid-template-columns:1fr}.mesin-grid{grid-template-columns:1fr 1fr}.page{padding:18px}.header{padding:0 16px}.search{max-width:none}.who .txt{display:none}}.mtoggle{display:none}.logout .ic{width:18px;height:18px;flex:none}.brand{font-size:20px;font-weight:800;letter-spacing:-.3px;color:var(--text)}.brand span{color:var(--blue)}@media (max-width:820px){.mtoggle{display:flex}.header{padding:0 14px;gap:10px}.search .kbd{display:none}.search{min-width:0}.header-right{gap:10px}.page,.content{max-width:100%;overflow-x:hidden}}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width:1180px){.g4,.g3{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.g4,.g3{grid-template-columns:1fr}}.sidebar-backdrop{display:none}@media (max-width:820px){.sidebar{z-index:100}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1f3a73;z-index:99}}.save-msg{font-size:13px;font-weight:600;margin-top:10px;text-align:center}.save-msg.ok{color:var(--green)}.save-msg.err{color:#dc2626}