:root{--mw-red:#e30613;--mw-red2:#b9000a;--mw-dark:#111827;--mw-muted:#64748b;--mw-soft:#fff5f5;--mw-line:#f1c7c7;--mw-radius:18px;--mw-shadow:0 16px 40px rgba(185,0,10,.12)}
body{font-family:'Inter','Segoe UI',Arial,sans-serif;background:#f8fafc;color:var(--mw-dark)}
.skin-red .main-header .navbar,.skin-red .main-header .logo,.main-header .navbar,.main-header .logo{background:linear-gradient(135deg,var(--mw-red),var(--mw-red2))!important;box-shadow:0 10px 25px rgba(227,6,19,.22)}
.main-header .logo{font-weight:800;letter-spacing:.2px}.main-header .logo .logo-lg{font-size:17px}.navbar-custom-menu>.navbar-nav>li>a{font-weight:700}.main-sidebar{background:#fff!important;box-shadow:8px 0 30px rgba(15,23,42,.08)}.skin-red .sidebar-menu>li.header{color:#94a3b8;background:#fff;font-weight:800;letter-spacing:.08em}.sidebar-menu>li>a{color:#334155!important;border-radius:12px;margin:4px 10px;font-weight:650}.sidebar-menu>li.active>a,.sidebar-menu>li>a:hover,.sidebar-menu .treeview-menu>li.active>a,.sidebar-menu .treeview-menu>li>a:hover{background:linear-gradient(135deg,var(--mw-red),var(--mw-red2))!important;color:#fff!important}.sidebar-menu .treeview-menu{background:#fff!important}.sidebar-menu .treeview-menu>li>a{color:#475569!important;margin-left:12px;border-radius:10px}.user-panel{padding:24px 16px!important;text-align:center;background:linear-gradient(180deg,#fff,#fff5f5);border-bottom:1px solid #fee2e2}.user-panel img{object-fit:contain;max-width:145px;height:auto!important;margin:0!important}.content-wrapper{background:linear-gradient(180deg,#fff7f7,#f8fafc 260px)!important}.content-header{padding:24px 26px 0}.content-header h1{font-weight:850;color:#111827}.content{padding:24px 26px}.box{border:none!important;border-radius:var(--mw-radius)!important;box-shadow:var(--mw-shadow)!important;overflow:hidden;background:#fff}.box.box-primary{border-top:none!important}.box.box-solid>.box-header,.box-header{background:linear-gradient(135deg,var(--mw-red),var(--mw-red2))!important;color:#fff!important;border:none!important;padding:16px 20px!important;font-weight:800}.panel-body,.box-body{padding:22px!important}.btn{border-radius:12px!important;border:none!important;font-weight:750;box-shadow:0 8px 18px rgba(15,23,42,.08)}.btn-info,.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important}.btn-success{background:linear-gradient(135deg,#16a34a,#15803d)!important}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important}.btn-danger{background:linear-gradient(135deg,var(--mw-red),var(--mw-red2))!important}.btn-default{background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important}.form-control{border-radius:12px!important;border:1px solid #e5e7eb!important;min-height:40px;box-shadow:none!important}.form-control:focus{border-color:var(--mw-red)!important;box-shadow:0 0 0 4px rgba(227,6,19,.10)!important}.table-responsive{border:none}.table{background:#fff;border-radius:16px;overflow:hidden}.table>thead>tr>th{background:linear-gradient(135deg,var(--mw-red),var(--mw-red2));color:#fff;border:none!important;padding:14px!important}.table>tbody>tr>td{vertical-align:middle!important;padding:13px!important;border-color:#f1f5f9!important}.table-striped>tbody>tr:nth-of-type(odd){background:#fffafa}.label,.badge{border-radius:999px;padding:6px 10px}.small-box{border-radius:20px!important;overflow:hidden;box-shadow:var(--mw-shadow);background:linear-gradient(135deg,var(--mw-red),var(--mw-red2))!important}.small-box .inner h3{font-weight:900}.main-footer{border:none;background:#fff;color:#64748b;padding:18px 26px}.mw-hero-card{position:relative;border-radius:26px;background:linear-gradient(135deg,#fff,#fff1f1);box-shadow:var(--mw-shadow);padding:28px;overflow:hidden;border:1px solid #fee2e2;margin-bottom:24px}.mw-hero-card:after{content:'';position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(227,6,19,.12)}.mw-eyebrow{font-weight:900;color:var(--mw-red);letter-spacing:.08em;text-transform:uppercase}.mw-title{font-size:34px;line-height:1.1;font-weight:900;margin:8px 0}.mw-title span{color:var(--mw-red)}.mw-subtitle{color:#475569;font-size:15px;max-width:650px}.mw-stat{background:#fff;border:1px solid #fee2e2;border-radius:18px;padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.05);margin-bottom:15px}.mw-stat strong{font-size:24px;display:block}.mw-stat small{color:#64748b;font-weight:700}.mw-section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.mw-section-title h3{margin:0;font-weight:900}.modal-content{border-radius:20px!important;overflow:hidden}.callout{border-radius:16px!important;border-left:5px solid var(--mw-red)!important;background:#fff5f5!important}.login-page{background:#fff!important}.landing-body{margin:0;background:#fff;font-family:'Inter','Segoe UI',Arial,sans-serif;color:#111827}.landing-nav{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid #fee2e2}.landing-container{max-width:1180px;margin:auto;padding:0 22px}.landing-nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:950;font-size:23px;letter-spacing:.02em;color:#111827}.brand span{color:var(--mw-red)}.landing-menu a{color:#334155;text-decoration:none;margin-left:24px;font-weight:750}.landing-btn{display:inline-block;background:linear-gradient(135deg,var(--mw-red),var(--mw-red2));color:#fff!important;padding:13px 18px;border-radius:14px;text-decoration:none;font-weight:850;box-shadow:0 12px 24px rgba(227,6,19,.25)}.landing-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#fff4f4)}.landing-hero:before{content:'';position:absolute;right:-120px;top:-150px;width:520px;height:520px;border-radius:50%;background:rgba(227,6,19,.12)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;padding:72px 22px}.hero-copy h1{font-size:54px;line-height:1.02;margin:12px 0;font-weight:950}.hero-copy h1 span{color:var(--mw-red)}.hero-copy p{font-size:17px;color:#475569;line-height:1.8}.hero-visual{background:#fff;border:1px solid #fee2e2;border-radius:34px;padding:28px;box-shadow:var(--mw-shadow);position:relative}.wifi-card{border-radius:26px;background:linear-gradient(135deg,var(--mw-red),var(--mw-red2));padding:28px;color:#fff}.wifi-icon{font-size:74px}.package-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.landing-section{padding:64px 0}.card{border:1px solid #fee2e2;border-radius:24px;background:#fff;padding:24px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.card h3{margin-top:0;font-weight:900}.price{font-size:34px;font-weight:950;color:var(--mw-red)}.landing-footer{background:linear-gradient(135deg,var(--mw-red),var(--mw-red2));color:#fff;padding:42px 0}.qris-img{max-width:260px;width:100%;border-radius:18px;box-shadow:0 18px 36px rgba(15,23,42,.15);background:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-left{background:linear-gradient(135deg,#fff,#fff2f2);padding:54px;display:flex;align-items:center}.login-left h1{font-size:48px;font-weight:950;line-height:1.05}.login-left h1 span{color:var(--mw-red)}.login-right{display:flex;align-items:center;justify-content:center;padding:32px}.login-card{width:100%;max-width:420px;border-radius:28px;background:#fff;box-shadow:var(--mw-shadow);border:1px solid #fee2e2;padding:30px}@media(max-width:900px){.hero-grid,.login-shell{grid-template-columns:1fr}.landing-menu{display:none}.hero-copy h1{font-size:38px}.package-grid,.feature-grid{grid-template-columns:1fr}.login-left{padding:32px}.login-left h1{font-size:34px}}