@import "https://fonts.googleapis.com/css2?family=Michroma&display=swap";html{background:#080a0f}body{margin:0}*{box-sizing:border-box}body{color:#fff;background:#05080f;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.login-page{background:radial-gradient(circle at 50% 10%,#195cff24,#0000 32%),linear-gradient(#060b18 0%,#05080f 55%,#03060b 100%);justify-content:center;align-items:center;min-height:100dvh;padding:32px 20px;display:flex}.login-container{width:100%;max-width:440px}.login-brand{justify-content:center;align-items:center;gap:12px;margin-bottom:26px;display:flex}.brand-logo{background:linear-gradient(145deg,#1985ff,#0761d9);border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;font-size:25px;font-weight:700;display:flex;box-shadow:0 12px 30px #146eff47}.brand-name{letter-spacing:1.5px;font-size:19px;font-weight:700}.brand-subtitle{letter-spacing:2px;color:#71809b;margin-top:2px;font-size:8px;font-weight:600}.login-card{background:linear-gradient(145deg,#121825f5,#080c14fa);border:1px solid #ffffff14;border-radius:24px;padding:32px;position:relative;box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff06}.login-label{color:#1681ff;letter-spacing:2px;margin-bottom:14px;font-size:10px;font-weight:700}.login-card h1{letter-spacing:-.8px;margin:0;font-size:30px;line-height:1.15}.login-description{color:#7890b5;margin:14px 0 30px;font-size:13px;line-height:1.7}.label-row{justify-content:space-between;align-items:center;display:flex}.label-row span{color:#607391;font-size:10px}.input-wrapper:focus-within{border-color:#1e7dffa6;box-shadow:0 0 0 3px #1e7dff14}.input-wrapper input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:13px}.password-toggle{color:#647995;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:3px;display:flex}.login-button:hover{transform:translateY(-1px);box-shadow:0 18px 35px #1969f052}.login-button:active{transform:translateY(0)}.login-info{color:#516581;align-items:flex-start;gap:9px;margin-top:21px;font-size:10px;line-height:1.6;display:flex}.login-info svg{flex-shrink:0;margin-top:1px}.login-footer span{margin:0 7px}@media (width<=480px){.login-page{align-items:flex-start;padding:55px 16px 24px}.login-container{max-width:100%}.login-brand{margin-bottom:22px}.login-card{border-radius:21px;padding:26px 20px}.login-card h1{font-size:27px}.login-description{margin-bottom:27px}}.dashboard-page{background:radial-gradient(circle at 75% 0,#1865ff14,#0000 28%),linear-gradient(#080d17 0%,#05080f 100%);min-height:100dvh;padding:28px 36px 40px}.page-header{justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:0 auto 28px;display:flex}.page-header h1{letter-spacing:-.6px;margin:5px 0 4px;font-size:27px}.page-header p{color:#71809b;margin:0;font-size:12px}.eyebrow{color:#1681ff;letter-spacing:1.8px;font-size:10px;font-weight:700;display:block}.profile-badge{background:#ffffff09;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:11px;padding:8px 12px;display:flex}.avatar{color:#dce8ff;background:linear-gradient(145deg,#26364f,#172338);border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:11px;font-weight:700;display:flex}.profile-badge strong{font-size:11px;display:block}.profile-badge small{color:#5f718e;margin-top:3px;font-size:8px;display:block}.welcome-card{background:radial-gradient(circle at 88% 10%,#1669ff3b,#0000 25%),radial-gradient(circle at 82% 100%,#00b1ff14,#0000 20%),linear-gradient(135deg,#111a2d,#0a101d);border:1px solid #ffffff14;border-radius:21px;justify-content:space-between;align-items:center;max-width:1280px;min-height:207px;margin:0 auto 18px;padding:35px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 70px #00000047,inset 0 1px #ffffff06}.welcome-card:before{content:"";filter:blur(12px);background:#1a5bff29;border-radius:50%;width:220px;height:220px;position:absolute;top:-100px;right:30px}.welcome-content{z-index:1;position:relative}.welcome-content h2{letter-spacing:-.8px;margin:13px 0 9px;font-size:29px}.customer-info{color:#6380a8;gap:22px;margin-top:20px;font-size:9px;display:flex}.network-card{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0b;border:1px solid #ffffff17;border-radius:15px;align-items:center;gap:12px;min-width:150px;padding:15px 17px;display:flex;position:relative}.network-icon{color:#4c98ff;background:#2370ff2b;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.network-card small{color:#667995;letter-spacing:1px;margin-bottom:3px;font-size:7px;display:block}.network-card strong{font-size:11px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:15px;max-width:1280px;margin:0 auto 18px;display:grid}.stat-card{background:linear-gradient(145deg,#111620fa,#090d15fa);border:1px solid #ffffff12;border-radius:17px;align-items:center;gap:15px;min-height:112px;padding:20px 22px;display:flex;box-shadow:0 12px 30px #0000002e}.stat-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.stat-icon.yellow{color:#f5b942;background:#f5b9421c}.stat-icon.green{color:#24d89a;background:#24d89a1a}.stat-icon.purple{color:#9270ff;background:#9270ff1c}.stat-card span{color:#63738d;font-size:9px;display:block}.stat-card h3{margin:5px 0 4px;font-size:18px}.stat-card small{font-size:9px}.warning-text{color:#d69a27}.success-text{color:#1ac990}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:15px;max-width:1280px;margin:0 auto;display:grid}.panel{background:linear-gradient(145deg,#0f141dfa,#080c13fa);border:1px solid #ffffff12;border-radius:18px;padding:23px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.panel-header h2{margin:0;font-size:16px}.text-button{color:#398aff;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.service-card{background:#ffffff06;border:1px solid #ffffff0f;border-radius:15px;margin-bottom:11px;padding:18px}.service-card:last-child{margin-bottom:0}.service-top{align-items:center;gap:15px;display:flex}.service-icon{color:#4b91ff;background:#2367ff1c;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.service-name{flex:1;min-width:0}.service-name strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.service-name span{color:#899cb9;margin-top:4px;font-size:10px;display:block}.status span{border-radius:50%;width:5px;height:5px}.status.online{color:#20d59a;background:#20d59a17}.status.online span{background:#20d59a;box-shadow:0 0 7px #20d59acc}.status.offline span{background:#ff5965}.service-bottom{border-top:1px solid #ffffff0e;grid-template-columns:.7fr 1.3fr;gap:20px;margin-top:7px;padding-top:7px;display:grid}.service-bottom small{color:#a6afbb;margin-bottom:2px;font-size:9px;display:block}.service-bottom strong{font-size:14px}.bill-item{border-bottom:1px solid #ffffff0e;align-items:center;gap:11px;padding:13px 0;display:flex}.bill-icon{color:#e6a92d;background:#e6a92d1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.bill-info{flex:1;min-width:0}.bill-info strong{font-size:10px;display:block}.bill-info span,.bill-info small{color:#bcc5d1;margin-top:3px;font-size:10px;display:block}.bill-price{text-align:right}.bill-price strong{font-size:14px;display:block}.bill-price small{color:#e6a72e;margin-top:2px;font-size:10px;display:block}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2e80ff,#1d5fdd);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:38px;margin-top:18px;font-size:9px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 10px 24px #1964eb33}.primary-button:hover{transform:translateY(-1px)}.quick-grid{grid-template-columns:1fr 1fr;gap:15px;max-width:1280px;margin:15px auto 0;display:grid}.quick-card{background:#ffffff06;border:1px solid #ffffff0f;border-radius:15px;align-items:center;gap:13px;padding:17px 20px;display:flex}.quick-card svg{color:#2683ff;flex-shrink:0}.quick-card strong{font-size:14px;display:block}.quick-card span{color:#5f718d;margin-top:4px;font-size:12px;display:block}@media (width<=1000px){.dashboard-page{padding:24px}.dashboard-grid{grid-template-columns:1fr}}@media (width<=650px){.dashboard-page{padding:18px 14px 30px}.page-header{align-items:flex-start;margin-bottom:18px}.page-header h1{font-size:23px}.page-header p{display:none}.profile-badge{background:0 0;border:0;padding:5px}.profile-badge>div:last-child{display:none}.avatar{width:38px;height:38px}.welcome-card{border-radius:19px;min-height:auto;padding:25px 21px;display:block}.welcome-content h2{font-size:25px}.welcome-content p{font-size:11px}.customer-info{margin-top:15px;line-height:2;display:block}.network-card{width:fit-content;min-width:145px;margin-top:20px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}.stat-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:95px;padding:9px 6px;display:flex;overflow:hidden}.stat-card h3{white-space:nowrap;margin:4px 0 -3px;font-size:13px;line-height:1}.stat-card>div:last-child{transform:translateY(-8px)}.stat-card span{color:#fcfcfc98;font-size:10px}.dashboard-grid{gap:12px}.panel{border-radius:11px;padding:17px}.panel-header h2{margin-bottom:-10px;font-size:11px}.service-card{padding:9px 11px}.service-top{align-items:center;margin-bottom:6px}.service-name strong{white-space:nowrap;font-size:9px;line-height:1.2}.status{flex-shrink:0}.service-bottom{gap:12px;margin-top:6px}.service-bottom>div:last-child{flex:1;min-width:0}.service-bottom>div:last-child strong{white-space:normal;font-size:9px;line-height:1.4;display:block}.bill-item{align-items:flex-start}.bill-price{flex-shrink:0}.quick-grid{grid-template-columns:1fr;gap:10px}}@media (width<=390px){.dashboard-page{padding-left:11px;padding-right:11px}.welcome-card{padding:22px 18px}.welcome-content h2{font-size:23px}.panel{padding:14px}.service-bottom{grid-template-columns:1fr;gap:10px}.bill-price strong{font-size:8px}}.app-shell{color:#fff;background:radial-gradient(circle at 70% 0,#1e6eff14,#0000 30%),#05080f;min-height:100dvh;display:flex}.sidebar{z-index:100;background:linear-gradient(#0c121efa,#060a11fc);border-right:1px solid #ffffff12;flex-direction:column;width:250px;padding:24px 16px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:11px;margin-bottom:27px;padding:0 9px;display:flex}.sidebar-logo{background:linear-gradient(145deg,#2687ff,#075fd3);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:21px;font-weight:900;display:flex;box-shadow:0 10px 25px #196eff40}.sidebar-brand-name{letter-spacing:1.4px;font-size:17px;font-weight:900}.sidebar-brand-subtitle{color:#63738e;letter-spacing:1.8px;margin-top:2px;font-size:7px;font-weight:700}.sidebar-customer{background:#ffffff09;border:1px solid #ffffff0e;border-radius:15px;align-items:center;gap:10px;margin-bottom:26px;padding:13px;display:flex;position:relative}.customer-avatar{color:#dce8ff;background:linear-gradient(145deg,#263653,#162238);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:11px;font-weight:700;display:flex}.customer-details{flex-direction:column;gap:3px;min-width:0;display:flex}.customer-details strong{color:#e8eef9;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.customer-details span{color:#647590;font-size:9px}.online-dot{background:#36d98b;border-radius:50%;width:7px;height:7px;margin-left:auto;box-shadow:0 0 0 4px #36d98b14}.sidebar-section{flex:1}.sidebar-section-title{color:#43526b;letter-spacing:1.7px;margin-bottom:9px;padding:0 10px;font-size:8px;font-weight:700;display:block}.sidebar-menu{flex-direction:column;gap:4px;display:flex}.sidebar-link{color:#71809a;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:45px;padding:0 12px;font-size:11px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex;position:relative}.sidebar-link:hover{color:#dbe7fb;background:#ffffff0b}.sidebar-link.active{color:#fff;background:linear-gradient(90deg,#237bff2b,#237bff0d);box-shadow:inset 0 0 0 1px #2d82ff14}.sidebar-link.active:before{content:"";background:#2984ff;border-radius:0 5px 5px 0;width:3px;height:21px;position:absolute;left:0}.sidebar-link.active svg:first-child{color:#318bff}.menu-arrow{opacity:.25;margin-left:auto}.sidebar-bottom{border-top:1px solid #ffffff0e;flex-direction:column;gap:4px;padding-top:14px;display:flex}.sidebar-button{text-align:left}.sidebar-button.logout{color:#65748d}.sidebar-button.logout:hover{color:#ff8585;background:#ff50500d}.sidebar-footer{flex-direction:column;gap:3px;padding:16px 10px 0;display:flex}.sidebar-footer span{color:#41506a;letter-spacing:1px;font-size:8px;font-weight:700}.sidebar-footer small{color:#303d52;font-size:8px}.app-main{width:calc(100% - 250px);min-height:100dvh;margin-left:250px}.page-content{width:100%;max-width:1450px;margin:0 auto;padding:34px 38px 70px}.desktop-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05080f8c;border-bottom:1px solid #ffffff0b;justify-content:space-between;align-items:center;height:72px;padding:0 38px;display:flex}.topbar-profile{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;padding:6px 9px;display:flex}.topbar-profile:hover{background:#ffffff0a}.topbar-avatar{color:#dbe7ff;background:linear-gradient(145deg,#263653,#162238);border-radius:9px;justify-content:center;align-items:center;width:31px;height:31px;font-size:9px;font-weight:700;display:flex}.topbar-profile div:nth-child(2){flex-direction:column;align-items:flex-start;gap:2px;display:flex}.topbar-profile strong{font-size:10px}.topbar-profile span{color:#9ba9bd;font-size:10px}.mobile-nav{display:none}@media (width<=900px){.sidebar{width:215px}.app-main{width:calc(100% - 215px);margin-left:215px}.page-content{padding:28px 24px 60px}.desktop-topbar{padding:0 24px}}@media (width<=700px){.app-shell{padding-bottom:74px;display:block}.sidebar{display:none}.app-main{width:100%;min-height:100dvh;margin-left:0}.desktop-topbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05080fd1;height:60px;padding:0 16px;position:sticky;top:0}.page-content{padding:20px 16px 35px}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:200;background:#0d131ef5;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:repeat(5,1fr);height:62px;padding:5px;display:grid;position:fixed;bottom:10px;left:10px;right:10px;box-shadow:0 15px 40px #00000080}.mobile-nav-item{color:#60708a;cursor:pointer;background:0 0;border:0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:8px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;position:relative}.mobile-nav-item.active{color:#fff;background:#2881ff21}.mobile-nav-item.active svg{color:#318aff}.mobile-nav-item:active{transform:scale(.94)}}@media (width<=380px){.mobile-nav{left:7px;right:7px}.mobile-nav-item{font-size:7px}.mobile-nav-item svg{width:18px;height:18px}}.module-page{width:100%;max-width:1380px;margin:0 auto;padding:10px 44px 100px}.module-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex;position:relative}.module-header h1{letter-spacing:-1px;margin:0 0 4px;font-size:32px}.module-header p{color:#7890b5;margin:0;font-size:14px}.module-header-icon{z-index:0;pointer-events:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:300px;height:190px;display:flex;position:absolute;top:55px;left:50%;transform:translate(-50%)}.module-header-icon img{object-fit:contain;filter:drop-shadow(0 0 12px #3186ff73)drop-shadow(0 0 30px #3186ff2e);width:300px;height:auto;display:block}.service-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:34px;display:grid}.layanan-page .summary-item{background:0 0;border:0;border-radius:0;flex:1;justify-content:flex-start;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex;position:relative}.layanan-page .summary-item:not(:last-child):after{content:"";background:#ffffff12;width:1px;position:absolute;top:10px;bottom:10px;right:0}.layanan-page .summary-item:first-child{flex:1.2}.layanan-page .summary-item:first-child span{white-space:nowrap}.summary-icon{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.summary-icon.blue{color:#2682ff;background:#2682ff1f}.summary-icon.green{color:#00d89a;background:#00d89a1a}.summary-icon.red{color:#ff5d6c;background:#ff5d6c1a}.summary-item span{color:#617695;margin-bottom:4px;font-size:10px;display:block}.summary-item strong{font-size:19px;display:block}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:17px;display:flex}.section-heading h2{margin:7px 0 0;font-size:20px}.service-count{color:#6680a5;margin-right:9px;font-size:14px}.service-list{gap:17px;display:grid}.full-service-card{background:radial-gradient(circle at 100% 0,#3186ff14,#0000 35%),linear-gradient(145deg,#111723fa,#070b12);border:1px solid #ffffff14;border-radius:22px;padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000038,inset 0 1px #ffffff09}.full-service-card:before{content:"";opacity:.7;background:linear-gradient(90deg,#0000,#3186ff73,#0000);height:1px;position:absolute;top:0;left:24px;right:24px}.full-service-card:hover{border-color:#3186ff29;transform:translateY(-2px);box-shadow:0 24px 55px #00000047,0 0 35px #3186ff0b,inset 0 1px #ffffff0a}.full-service-top{align-items:center;gap:15px;min-height:58px;display:flex}.service-main-icon{color:#3186ff;background:linear-gradient(145deg,#3186ff29,#3186ff0e);border:1px solid #3186ff29;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:inset 0 1px #ffffff0a,0 8px 20px #00000024}.full-service-title{flex:1;min-width:0}.service-type{color:#3186ff;letter-spacing:1.5px;margin-bottom:4px;font-size:8px;font-weight:700}.full-service-title h3{color:#f4f7fc;margin:0 0 5px;font-size:14px;font-weight:700;line-height:1.2}.full-service-title span{color:#607895;white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.full-status{letter-spacing:.2px;border:1px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:7px 11px;font-size:9px;font-weight:700;display:flex}.full-status span{border-radius:50%;flex-shrink:0;width:6px;height:6px}.is-online{color:#00d99b;background:#00d89a14;border-color:#00d89a24}.is-online span{background:#00d99b;box-shadow:0 0 7px #00d99be6,0 0 14px #00d99b59}.is-offline{color:#ff6674;background:#ff566514;border-color:#ff566524}.is-offline span{background:#ff6674;box-shadow:0 0 7px #ff6674cc}.package-highlight{background:linear-gradient(135deg,#3186ff1a,#ffffff06);border:1px solid #3186ff21;border-radius:16px;justify-content:space-between;align-items:center;margin:22px 0;padding:19px 20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 10px 30px #0000001f}.package-highlight:before{content:"";background:#3186ff;width:3px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 14px #3186ff99}.package-highlight small,.package-price small{color:#6f86a5;letter-spacing:1.2px;margin-bottom:6px;font-size:8px;font-weight:700;display:block}.package-highlight strong{color:#f3f7ff;font-size:21px;font-weight:700}.package-price{text-align:right}.package-price strong{color:#fff;font-size:15px;font-weight:700}.service-details{border-bottom:1px solid #ffffff0f;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 0 20px;display:grid}.detail-item{color:#527092;background:#ffffff05;border:1px solid #ffffff0b;border-radius:13px;align-items:flex-start;gap:11px;min-height:58px;padding:13px 14px;transition:border-color .2s,background .2s;display:flex;position:relative}.detail-item:hover{background:#3186ff09;border-color:#3186ff1f}.detail-item svg{color:#3186ff;flex-shrink:0;width:16px;height:16px;margin-top:2px}.detail-item>div{min-width:0}.detail-item small{color:#627995;letter-spacing:.7px;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:700;display:block}.detail-item strong{color:#dce6f5;word-break:break-word;font-size:10px;font-weight:700;line-height:1.45;display:block}@media (width<=700px){.service-details{border-bottom:none;grid-template-columns:1fr;gap:0;margin-top:12px;padding:4px 0 0}.layanan-page .detail-item{border-bottom:1px solid #ffffff0e;min-height:48px;padding:9px 4px}.layanan-page .service-details{background:#051120b8;border:1px solid #007eff1a;border-radius:14px;margin-top:14px;padding:8px 10px 6px}.layanan-page .service-details .detail-item{background:0 0;border-radius:0}.layanan-page .service-details .detail-item:first-child{border-top:none}.layanan-page .detail-item:last-child{border-bottom:none}}.service-information{margin-top:16px}.service-information-title{color:#1683ff;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;padding-left:4px;font-size:10px;font-weight:700}.service-information .service-details{background:#081220c7;border:1px solid #3186ff2e;border-radius:14px;grid-template-columns:1fr;gap:0;margin:0;padding:6px 13px;display:grid}.service-information .detail-item{background:0 0;border:none;border-bottom:1px solid #ffffff0e;border-radius:0;min-height:52px;padding:9px 0}.service-information .detail-item:last-child{border-bottom:none}.service-actions{border-top:1px solid #ffffff0e;gap:10px;margin-top:17px;padding-top:16px;display:flex}.detail-button,.support-action{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;height:40px;font-family:inherit;font-size:10px;font-weight:700;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.detail-button{color:#55a0ff;background:linear-gradient(135deg,#3186ff1a,#3186ff0b);border:1px solid #3186ff40;flex:1;box-shadow:inset 0 1px #ffffff06}.detail-button svg{transition:transform .18s}.detail-button:hover{background:linear-gradient(135deg,#3186ff2b,#3186ff12);border-color:#3186ff73;box-shadow:0 7px 20px #3186ff1a}.detail-button:hover svg{transform:translate(2px,-2px)}.detail-button:active,.support-action:active{transform:scale(.98)}.support-action{color:#7f9abd;background:#ffffff05;border:1px solid #ffffff12;min-width:96px;padding:0 15px}.support-action svg{color:#3186ff}.support-action:hover{color:#dce8f8;background:#3186ff0e;border-color:#3186ff33}@media (width<=700px){.service-actions{flex-direction:row;gap:8px}.detail-button,.support-action{flex:1;width:auto;min-width:0}.layanan-page .detail-button,.layanan-page .support-action{border-radius:12px;height:42px;font-size:10px;font-weight:750;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.layanan-page .detail-button{color:#fff;background:linear-gradient(135deg,#087cff 0%,#0059d6 100%);border:1px solid #3796ff59;box-shadow:0 6px 16px #005cdc33}.layanan-page .support-action{color:#517abf;background:#ffffff09;border:1px solid #ffffff17;box-shadow:0 4px 12px #0000001a}.layanan-page .detail-button:active,.layanan-page .support-action:active{transform:scale(.97)}}.service-help{background:linear-gradient(135deg,#14438729,#0d162680);border:1px solid #2682ff1f;border-radius:17px;align-items:center;gap:14px;margin-top:22px;padding:18px;display:flex}.help-icon{color:#2d85ff;background:#2682ff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.help-content{flex:1}.help-content strong{margin-bottom:4px;font-size:12px;display:block}.help-content span{color:#7186a5;font-size:10px}.service-help button{color:#fff;background:#176be9;border:0;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:10px;font-weight:700;display:flex}@media (width<=700px){.layanan-page .service-summary{background:#030c19b8;border:1px solid #007eff24;border-radius:14px;grid-column:1/-1;align-items:center;gap:0;margin-top:16px;margin-bottom:16px;padding:8px 1px;display:flex}.module-page{padding:24px 14px 92px}.module-header{margin-bottom:21px}.layanan-page .module-header{background:radial-gradient(circle at 82% 20%,#0064ff29,#0000 34%),linear-gradient(145deg,#031b3c 0%,#02152e 55%,#020f21 100%);border:1px solid #007eff2e;border-radius:16px;grid-template-columns:1fr auto;margin-bottom:20px;padding:24px 16px 0;display:grid;position:relative;overflow:hidden}.module-header h1{font-size:27px}.module-header p{max-width:290px;font-size:10px;line-height:1.6}.layanan-page .module-header-icon{filter:drop-shadow(0 0 10px #006eff47);background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:50px;margin-top:5px;margin-right:4px;display:flex}.layanan-page .module-header-icon img{object-fit:contain;width:110px;height:auto;display:block}.service-summary{gap:8px;margin-bottom:27px}.summary-item{gap:8px;padding:12px 9px}.summary-icon{width:34px;height:34px}.summary-item span{color:#ebf4fce1;font-size:9px}.summary-item strong{font-size:16px}.layanan-page .summary-value-online{color:#00d89a}.layanan-page .summary-value-offline{color:#ff5d6c}.section-heading h2{margin-top:3px;font-size:18px}.full-service-card{background:linear-gradient(145deg,#071c34f5,#031223fa);border:1px solid #3a7abe38;border-radius:16px;padding:16px;box-shadow:inset 0 1px #ffffff06,0 8px 24px #00000029}.full-service-top{align-items:center}.service-main-icon{border-radius:50%;flex-shrink:0;width:44px;height:44px}.full-service-title h3{font-size:12px}.full-status{padding:6px 8px;font-size:8px}.package-highlight{margin:17px 0;padding:14px}.package-highlight strong{font-size:19px}.package-price strong{font-size:12px}.secondary-action,.support-action{width:100%}.service-help{flex-wrap:wrap;align-items:flex-start}.help-content{min-width:0}.service-help button{width:100%;margin-top:3px}}.network-cards{align-items:stretch;gap:12px;display:flex}.network-cards .network-card{min-width:180px}@media (width<=768px){.network-cards{gap:8px;width:100%}.network-cards .network-card{flex:1;min-width:0}.detail-button{border-radius:10px;height:44px;min-height:44px;padding:0 16px;font-size:12px;font-weight:600}}.page-loader{z-index:9999;background:#050912;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-loader-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:320px;display:flex}.page-loader-logo{color:#fff;background:linear-gradient(145deg,#182942,#0c1728);border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;font-size:18px;font-weight:700;display:flex;box-shadow:0 10px 30px #00000059}.page-loader-spinner{border:2px solid #ffffff1a;border-top-color:#3182ff;border-radius:50%;width:24px;height:24px;margin-bottom:16px;animation:.8s linear infinite pageLoaderSpin}.page-loader-text{color:#f8fafc;margin-bottom:6px;font-size:14px;font-weight:700}.page-loader-subtext{color:#66758d;letter-spacing:.2px;font-size:10px}@keyframes pageLoaderSpin{to{transform:rotate(360deg)}}.mobile-customer-card{display:none}@media (width<=700px){.dashboard-top{margin-top:-20px;margin-bottom:-8px}}.dashboard-top>.page-header{display:none}.welcome-card{background:radial-gradient(circle at 78% 18%,#1c5cff8c,#0000 38%),radial-gradient(circle at 85% 90%,#0091ff1f,#0000 35%),linear-gradient(135deg,#101a2e 0%,#0c1527 55%,#07111f 100%);border:1px solid #307eff59;border-radius:18px;justify-content:space-between;align-items:stretch;width:100%;min-height:235px;padding:28px 30px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 15px 40px #0000002e}.welcome-content{z-index:3;flex-direction:column;justify-content:center;width:58%;padding:0;display:flex;position:relative}.welcome-content .eyebrow{color:#1685ff;letter-spacing:2px;margin-bottom:10px;font-size:9px;font-weight:700}.welcome-content h2{color:#fff;letter-spacing:-.5px;margin:0 0 10px;font-size:27px;font-weight:700;line-height:1.15}.welcome-content h2 span{font-size:25px}.welcome-content p{color:#8ea5c5;max-width:430px;margin:0;font-size:11px;line-height:1.6}.customer-info{align-items:center;gap:18px;margin-top:17px;display:flex}.customer-info span{color:#6683a9;font-size:9px}.network-cards{z-index:4;justify-content:flex-end;align-items:flex-end;gap:10px;width:39%;padding-bottom:0;display:flex;position:relative}.network-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12223ad1;border:1px solid #5c7fb133;border-radius:12px;align-items:center;gap:10px;min-width:150px;height:62px;padding:10px 12px;display:flex}.network-icon{color:#2187ff;background:linear-gradient(145deg,#227eff38,#144ca038);border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:inset 0 1px #ffffff0a}.network-card small{color:#617897;letter-spacing:1px;margin-bottom:4px;font-size:6px;font-weight:600;display:block}.network-card strong{color:#fff;white-space:nowrap;font-size:9px;font-weight:700;display:block}.welcome-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#2467ff47 0%,#1853dc1f 38%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-80px}@media (width<=700px){.welcome-card{border-radius:16px;min-height:190px;padding:10px 23px;display:block}.welcome-content{width:100%;display:block}.modem-visual{pointer-events:none;z-index:2;justify-content:center;align-items:center;width:125px;height:105px;display:flex;position:absolute;top:8px;right:5px}.modem-visual img{object-fit:contain;filter:drop-shadow(0 0 18px #237eff59);width:100%;height:100%;display:block}.welcome-content .eyebrow{letter-spacing:1.5px;margin-bottom:2px;font-size:10px}.welcome-content h2{margin-bottom:10px;font-size:20px;line-height:1.5}.welcome-content h2 span{font-size:19px}.welcome-content p{max-width:185px;font-size:10px;line-height:1.3}.customer-info{gap:8px;margin-top:8px}.customer-info span{color:#cddaee;letter-spacing:1px;background:#122644a6;border:1px solid #4b82d238;border-radius:10px;align-items:center;padding:5px 9px;font-size:9px;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff09}.network-cards{gap:7px;width:auto;display:flex;position:absolute;bottom:7px;left:18px;right:18px}.network-card{border-radius:15px;flex:1;gap:7px;min-width:0;height:48px;padding:6px 8px}.network-card small{letter-spacing:.9px;margin-bottom:3px;font-size:8px}.network-card strong.status-online,.network-card strong.status-offline{letter-spacing:.6px;font-size:8px}.welcome-content p{margin-bottom:2px}}@media (width>=701px){.welcome-card{align-items:center;min-height:190px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.welcome-content{z-index:3;width:55%;max-width:520px;position:relative}.welcome-content h2{margin:8px 0 10px;font-size:28px;line-height:1.15}.welcome-content p{max-width:500px}.customer-info{z-index:3;position:relative}.modem-visual{z-index:2;pointer-events:none;justify-content:center;align-items:center;width:170px;height:110px;display:flex;position:absolute;top:50%;right:43%;transform:translate(50%,-50%)}.modem-visual img{object-fit:contain;object-position:center;filter:drop-shadow(0 0 18px #237eff59);width:100%;height:100%;display:block}.network-cards{z-index:4;flex-direction:row;gap:8px;width:210px;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.network-card{box-sizing:border-box;flex:1;min-width:0;padding:10px}@media (width>=701px) and (width<=1100px){.welcome-card{box-sizing:border-box;grid-template-columns:44% 22% 34%;align-items:center;min-height:190px;padding:24px 20px;display:grid;position:relative;overflow:hidden}.welcome-content{z-index:3;grid-column:1;width:auto;max-width:none;position:relative}.welcome-content h2{margin:8px 0 10px;font-size:24px;line-height:1.15}.welcome-content p{max-width:100%;font-size:8px;line-height:1.5}.modem-visual{z-index:2;grid-column:2;justify-content:center;align-items:center;width:100%;height:105px;display:flex;position:relative;top:auto;left:auto;right:auto;transform:none}.modem-visual img{object-fit:contain;width:125px;max-width:none;height:105px;display:block}.network-cards{z-index:4;flex-direction:column;grid-column:3;gap:8px;width:100%;display:flex;position:relative;inset:auto;transform:none}.network-card{box-sizing:border-box;gap:7px;width:100%;min-width:0;height:43px;padding:8px 10px}}}.network-card strong.status-online,.network-card strong.status-offline{white-space:nowrap;align-items:center;gap:6px;display:flex}.network-card strong.status-online{color:#18d497}.network-card strong.status-offline{color:#ff4d67}.network-card strong .status-dot{border-radius:50%;flex:0 0 6px;width:6px;height:6px}.network-card strong.status-online .status-dot{background:#18d497;box-shadow:0 0 7px #18d497b3}.network-card strong.status-offline .status-dot{background:#ff4d67;box-shadow:0 0 7px #ff4d67a6}.service-status-online{color:#00d68f!important}.service-status-offline{color:#ff4d67!important}@media (width<=700px){.layanan-page .module-header-icon img{width:110px}.layanan-page .full-service-card{border-radius:16px;padding:16px}.layanan-page .service-main-icon{border-radius:50%;width:44px;height:44px}.layanan-page .full-service-title h3{font-size:12px}.layanan-page .full-status{padding:6px 8px;font-size:8px}.layanan-page .package-highlight{margin:17px 0;padding:14px}.layanan-page .package-highlight strong{font-size:19px}.layanan-page .package-price strong{font-size:17px}.layanan-page .service-information .service-details{background:#081220c7;border:1px solid #3186ff2e;border-radius:14px;grid-template-columns:1fr;gap:0;margin:0;padding:6px 13px;display:grid}.layanan-page .service-information .detail-item{background:0 0;border:none;border-bottom:1px solid #ffffff0e;border-radius:0;min-height:52px;padding:9px 0}.layanan-page .service-information .detail-item:last-child{border-bottom:none}.layanan-page .service-actions{flex-direction:row;gap:8px}.layanan-page .detail-button,.layanan-page .support-action{flex:1;width:auto;min-width:0}.layanan-page .module-header{margin-top:-25px;position:relative}.layanan-page .module-header-icon{z-index:5;justify-content:center;align-items:center;background:0 0!important;border:none!important;border-radius:0!important;width:90px!important;height:90px!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:12px!important;left:240px!important;right:10px!important;transform:none!important}.layanan-page .module-header-icon img{object-fit:contain;width:95px!important;height:auto!important;margin:0!important;display:block!important}}@media (width>=701px){.layanan-page .module-page{max-width:1380px;padding:46px 54px 100px}.layanan-page .module-header{align-items:flex-start;min-height:110px;margin-bottom:0;position:relative}.layanan-page .module-header>div:first-child{z-index:3;position:relative}.layanan-page .module-header h1{letter-spacing:-1.3px;margin:4px 0 7px;font-size:34px;font-weight:700;line-height:1.05}.layanan-page .module-header p{color:#7890b5;max-width:390px;font-size:14px;line-height:1.55}.layanan-page .module-header-icon{z-index:1;pointer-events:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:310px;height:190px;display:flex;position:absolute;top:-35px;left:41%}.layanan-page .module-header-icon:after{content:"";filter:blur(10px);pointer-events:none;background:radial-gradient(#007eff33,#0000 70%);width:170px;height:34px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.layanan-page .module-header-icon img{object-fit:contain;filter:drop-shadow(0 0 14px #007eff47)drop-shadow(0 15px 25px #003cb429);width:280px;height:auto;display:block}.layanan-page .service-summary{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#101928e6,#070d17f0);border:1px solid #5d8fcd2e;border-radius:18px;gap:0;min-width:390px;padding:11px 16px;position:relative;box-shadow:0 20px 48px #00000038,inset 0 1px #ffffff0a}.layanan-page .summary-item{gap:11px;padding:18px 13px}.layanan-page .summary-icon{border-radius:13px;width:45px;height:45px;margin-top:15px}.layanan-page .summary-item span{margin-top:15px;font-size:12px}.layanan-page .summary-item strong{margin-top:-3px;font-size:19px}.layanan-page .service-summary:before{content:"RINGKASAN STATUS";color:#6f86a5;letter-spacing:1.4px;padding:0 9px;font-size:10px;font-weight:700;line-height:14px;position:absolute;top:12px;left:24px}.layanan-page .section-heading{margin-bottom:13px}.layanan-page .section-heading h2{letter-spacing:-.3px;font-size:22px}.layanan-page .full-service-card{background:radial-gradient(circle at 78% 0,#1473ff13,#0000 30%),linear-gradient(145deg,#0e1725f7,#050b14fc);border:1px solid #3d7ecb38;border-radius:21px;padding:24px 26px 22px;position:relative;overflow:hidden;box-shadow:0 22px 55px #0000003d,inset 0 1px #ffffff09}.layanan-page .full-service-card:before{opacity:.75;background:linear-gradient(90deg,#0000,#3186ff8c,#00cdff47,#0000);left:28px;right:28px}@media (width>=701px){.layanan-page .full-service-card{background:radial-gradient(circle at 50% -20%,#3186ff1a,#0000 48%),linear-gradient(145deg,#0a1422fc,#040b14);border:1px solid #3186ff66;border-radius:20px;padding:18px 28px 20px;box-shadow:0 24px 60px #00000047,0 0 35px #3186ff14,inset 0 1px #ffffff12}.layanan-page .full-service-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#3186ffa6,#00cdff73,#0000);height:1px;position:absolute;top:0;left:8%;right:8%;box-shadow:0 0 10px #3186ff40}.layanan-page .full-service-top{gap:16px;min-height:68px}.layanan-page .service-main-icon{background:linear-gradient(145deg,#3186ff29,#3186ff0b);border:1px solid #3186ff33;border-radius:16px;width:56px;height:56px;box-shadow:inset 0 1px #ffffff0a,0 10px 25px #0000002e}.layanan-page .full-service-title h3{margin-top:7px;margin-bottom:7px;font-size:22px}.layanan-page .service-type{letter-spacing:1.6px;font-size:12px}.layanan-page .full-service-title span{font-size:12px}.layanan-page .full-status{background:#ff566513;border-color:#ff56652e;border-radius:999px;min-height:32px;padding:8px 13px;font-size:9px;box-shadow:inset 0 1px #ffffff06}.layanan-page .package-highlight{background:radial-gradient(circle at 72%,#3186ff12,#0000 38%),linear-gradient(135deg,#3186ff1c,#ffffff05);border:1px solid #3186ff2b;border-radius:16px;min-height:64px;margin:20px 0;padding:18px 20px;box-shadow:inset 0 1px #ffffff09,0 10px 30px #0000001f}.layanan-page .package-highlight strong{font-size:30px}.layanan-page .package-highlight small,.layanan-page .package-price small{letter-spacing:1.3px;font-size:12px}.layanan-page .package-price strong{font-size:32px}.layanan-page .service-actions{gap:10px;margin-top:18px;padding-top:16px}.layanan-page .detail-button,.layanan-page .support-action{border-radius:12px;height:44px}.layanan-page .detail-button{background:linear-gradient(135deg,#3186ff1f,#3186ff0b);border-color:#3186ff47;flex:0 0 70%;font-size:10px}.layanan-page .support-action{flex:1;min-width:105px;font-size:10px}}.layanan-page .service-information{margin-top:20px}.layanan-page .service-information-title{letter-spacing:1.7px;margin-bottom:11px;padding-left:4px;font-size:10px}.layanan-page .service-information .service-details{background:linear-gradient(145deg,#081322e6,#040c17f0);border:1px solid #3186ff2b;border-radius:16px;margin:0;padding:6px 22px;position:relative;box-shadow:inset 0 1px #ffffff06,0 15px 35px #00000021}.layanan-page .service-information .detail-item{background:0 0;border:none;border-bottom:1px solid #ffffff0e;border-radius:0;min-height:58px;padding:12px 0}.layanan-page .service-information .detail-item:last-child{border-bottom:none}.layanan-page .service-information .detail-item small{letter-spacing:.9px;margin-bottom:5px;font-size:10px}.layanan-page .service-information .detail-item strong{font-size:12px}.layanan-page .service-status-online{text-shadow:0 0 12px #00d99b2e;color:#00d99b!important}.layanan-page .service-status-offline{text-shadow:0 0 12px #ff5d6c2e;color:#ff5d6c!important}@media (width>=701px){.layanan-page .full-service-card{border-color:#3186ff3d;box-shadow:0 24px 60px #0000003d,0 0 28px #3186ff09,inset 0 1px #ffffff0b}.layanan-page .package-highlight{position:relative;overflow:hidden}.layanan-page .package-highlight:before{content:"";opacity:.3;pointer-events:none;z-index:1;background-image:url(/calendar.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:160px;height:140px;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);box-shadow:none!important;background-color:#0000!important;border:none!important}.layanan-page .package-highlight:after{content:"";pointer-events:none;border-top:1px solid #3186ff29;border-radius:50%;width:280px;height:90px;position:absolute;bottom:-55px;right:20%;transform:rotate(-7deg);box-shadow:0 -8px 30px #3186ff09}.layanan-page .detail-button{letter-spacing:.1px;height:46px;font-size:10px;font-weight:700;box-shadow:inset 0 1px #ffffff09,0 6px 18px #0000001a}.layanan-page .detail-button svg{width:15px;height:15px}.layanan-page .support-action{min-width:110px;height:46px;font-size:10px}}.layanan-page .full-service-card{border:1px solid #3186ff47;box-shadow:0 24px 60px #00000042,0 0 35px #3186ff0b,inset 0 1px #ffffff0e}.layanan-page .service-main-icon{background:linear-gradient(145deg,#3186ff2e,#3186ff0b);border:1px solid #3186ff40;border-radius:17px;width:73px;height:73px;box-shadow:inset 0 1px #ffffff0b,0 8px 24px #0003}.layanan-page .full-status{background:#ff526316;border:1px solid #ff526338;border-radius:999px;min-height:34px;padding:12px 32px;font-size:14px;font-weight:700;box-shadow:0 0 18px #ff52630b,inset 0 1px #ffffff06}.layanan-page .package-highlight{border:1px solid #3186ff38;box-shadow:inset 0 1px #ffffff0a,0 12px 32px #00000024}.eyebrow{letter-spacing:1px;font-size:13px}.layanan-page .service-information .detail-item svg{width:25px;height:25px;margin-top:5px}}.theme-toggle{color:#318bff;cursor:pointer;background:#0f1b2dbf;border:1px solid #3186ff40;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,border-color .2s,color .2s,transform .2s;display:flex}.theme-toggle:hover{color:#58a5ff;background:#237bff1a;border-color:#3186ff73;transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}[data-theme=light] body{color:#172033;background:#f4f7fb}[data-theme=light] .app-shell{color:#172033;background:radial-gradient(circle at 70% 0,#1e6eff0f,#0000 30%),#f4f7fb}[data-theme=light] .sidebar{background:linear-gradient(#fff,#f7f9fc);border-right:1px solid #14284614}[data-theme=light] .sidebar-brand-name{color:#172033}[data-theme=light] .sidebar-brand-subtitle{color:#7a879b}[data-theme=light] .sidebar-customer{background:#1450a009;border-color:#1450a014}[data-theme=light] .customer-details strong{color:#172033}[data-theme=light] .customer-details span{color:#7b8799}[data-theme=light] .sidebar-section-title{color:#8995a8}[data-theme=light] .sidebar-link{color:#66748a}[data-theme=light] .sidebar-link:hover{color:#172033;background:#1e6eff0e}[data-theme=light] .sidebar-link.active{color:#172033;background:linear-gradient(90deg,#237bff1f,#237bff09)}[data-theme=light] .sidebar-button.logout{color:#738096}[data-theme=light] .sidebar-footer span{color:#8290a5}[data-theme=light] .sidebar-footer small{color:#a2adbd}[data-theme=light] .desktop-topbar{background:#ffffffb8;border-bottom-color:#14284612}[data-theme=light] .topbar-profile{color:#172033}[data-theme=light] .topbar-profile:hover{background:#1e6eff0b}[data-theme=light] .topbar-profile span{color:#7a879b}[data-theme=light] .page-content{color:#172033}[data-theme=light] .dashboard-page{background:radial-gradient(circle at 75% 0,#1865ff12,#0000 28%),linear-gradient(#f7f9fc 0%,#f1f5fa 100%)}[data-theme=light] .page-header h1,[data-theme=light] .welcome-content h2,[data-theme=light] .panel-header h2,[data-theme=light] .stat-card h3{color:#172033}[data-theme=light] .page-header p,[data-theme=light] .welcome-content p{color:#71809b}[data-theme=light] .welcome-card{background:radial-gradient(circle at 88% 10%,#1669ff1f,#0000 25%),linear-gradient(135deg,#fff,#eef4fb);border-color:#1e6eff1f;box-shadow:0 20px 55px #1e3c641a,inset 0 1px #fffc}[data-theme=light] .network-card{background:#ffffffb8;border-color:#1e508c1a}[data-theme=light] .network-card small{color:#7b8799}[data-theme=light] .network-card strong{color:#172033}[data-theme=light] .customer-info{color:#6c82a0}[data-theme=light] .stat-card{background:linear-gradient(145deg,#fff,#f7f9fc);border-color:#1e3c6414;box-shadow:0 12px 30px #1e3c6412}[data-theme=light] .stat-card span{color:#71809b}[data-theme=light] .panel{background:linear-gradient(145deg,#fff,#f8fafc);border-color:#1e3c6414}[data-theme=light] .service-card,[data-theme=light] .quick-card{background:#1e5aa006;border-color:#1e3c6413}[data-theme=light] .service-name strong,[data-theme=light] .bill-info strong,[data-theme=light] .quick-card strong{color:#172033}[data-theme=light] .service-name span,[data-theme=light] .bill-info span,[data-theme=light] .bill-info small{color:#71809b}[data-theme=light] .service-bottom{border-top-color:#1e3c6412}[data-theme=light] .service-bottom small{color:#7b8799}[data-theme=light] .bill-item{border-bottom-color:#1e3c6412}[data-theme=light] .quick-card span{color:#7b8799}[data-theme=light] .login-page{background:radial-gradient(circle at 50% 10%,#195cff1a,#0000 32%),linear-gradient(#f7faff 0%,#f1f5fa 55%,#eaf0f7 100%)}[data-theme=light] .login-card{background:linear-gradient(145deg,#fff,#f7f9fc);border-color:#1e3c6417;box-shadow:0 25px 70px #1e3c641f,inset 0 1px #ffffffe6}[data-theme=light] .login-card h1,[data-theme=light] .form-group label{color:#172033}[data-theme=light] .login-description{color:#71809b}[data-theme=light] .password-toggle,[data-theme=light] .login-info{color:#71809b}[data-theme=light] .layanan-page{color:#172033;background:radial-gradient(circle at 75% 0,#1865ff0e,#0000 30%),linear-gradient(#f7f9fc 0%,#f1f5fa 100%)}[data-theme=light] .layanan-page .full-service-card{background:radial-gradient(circle at 78% 0,#1473ff0b,#0000 30%),linear-gradient(145deg,#fff,#f7f9fc);border-color:#1e5aa01a;box-shadow:0 22px 55px #1e3c6417,inset 0 1px #ffffffe6}[data-theme=light] .layanan-page .full-service-title h3{color:#172033}[data-theme=light] .layanan-page .full-service-title span{color:#71809b}[data-theme=light] .layanan-page .service-type{color:#1681ff}[data-theme=light] .layanan-page .package-highlight{background:radial-gradient(circle at 72%,#3186ff0f,#0000 38%),linear-gradient(135deg,#3186ff14,#1e3c6405);border-color:#3186ff21;box-shadow:inset 0 1px #ffffffb3,0 10px 30px #1e3c640f}[data-theme=light] .layanan-page .package-highlight strong,[data-theme=light] .layanan-page .package-price strong{color:#172033}[data-theme=light] .layanan-page .package-highlight small,[data-theme=light] .layanan-page .package-price small{color:#71809b}[data-theme=light] .layanan-page .service-information-title{color:#1681ff}[data-theme=light] .layanan-page .service-information .service-details{background:linear-gradient(145deg,#fff,#f8fafc);border-color:#1e3c641a;box-shadow:inset 0 1px #ffffffe6,0 15px 35px #1e3c6412}[data-theme=light] .layanan-page .service-information .detail-item{border-bottom-color:#1e3c6412}[data-theme=light] .layanan-page .service-information .detail-item small{color:#7b8799}[data-theme=light] .layanan-page .service-information .detail-item strong{color:#172033}[data-theme=light] .layanan-page .module-header{color:#172033;background:radial-gradient(circle at 78% 20%,#1e6eff1a,#0000 30%),linear-gradient(135deg,#fff,#eef4fb);border-color:#1e6eff1a}[data-theme=light] .layanan-page .module-header h1{color:#172033}[data-theme=light] .layanan-page .module-header p{color:#71809b}[data-theme=light] .layanan-page .module-header-icon{background:0 0}[data-theme=light] .layanan-page .module-header-icon img{filter:drop-shadow(0 12px 25px #1e6eff33)}[data-theme=light] .layanan-page .service-summary{color:#172033;background:linear-gradient(145deg,#ffffffeb,#f1f6fcf5);border-color:#1e3c6417;box-shadow:0 18px 40px #1e3c641a}[data-theme=light] .layanan-page .summary-item{border-color:#1e3c6414}[data-theme=light] .layanan-page .summary-item span{color:#71809b}[data-theme=light] .layanan-page .summary-item strong{color:#172033}@media (width<=650px){[data-theme=light] .layanan-page .module-header{color:#172033;border:1px solid #1e6eff1a;background:radial-gradient(circle at 82% 18%,#1e6eff21,#0000 32%),linear-gradient(135deg,#fff 0%,#eef4fb 100%)!important}[data-theme=light] .layanan-page .module-header h1{color:#172033!important}[data-theme=light] .layanan-page .module-header p{color:#71809b!important}[data-theme=light] .layanan-page .service-summary{border:1px solid #1e3c6417;box-shadow:0 12px 30px #1e3c641a;background:linear-gradient(145deg,#fff,#f3f7fc)!important}[data-theme=light] .layanan-page .summary-item span{color:#71809b!important}[data-theme=light] .layanan-page .summary-item strong{color:#172033!important}}[data-theme=light] .bill-page{color:#172033;background:radial-gradient(circle at 80% 0,#1e6eff0e,#0000 30%),linear-gradient(#f7f9fc 0%,#f1f5fa 100%)}[data-theme=light] .bill-header{background:radial-gradient(circle at 88% 15%,#1e6eff1a,#0000 30%),linear-gradient(135deg,#fff 0%,#f1f6fc 100%);border-color:#1e6eff29;box-shadow:0 18px 45px #1e3c6414,inset 0 1px #ffffffe6}[data-theme=light] .bill-header h1{color:#172033}[data-theme=light] .bill-header p{color:#71809b}[data-theme=light] .bill-count{color:#172033;background:#ffffffbf;border-color:#1e6eff47}[data-theme=light] .bill-main-card{background:radial-gradient(circle at 92% 12%,#1e6eff13,#0000 25%),linear-gradient(145deg,#fff 0%,#f5f8fc 100%);border-color:#1e6eff29;box-shadow:0 18px 45px #1e3c6414,inset 0 1px #ffffffe6}[data-theme=light] .bill-main-top{border-bottom-color:#1e3c6414}[data-theme=light] .bill-main-top h2{color:#172033}[data-theme=light] .bill-main-top small{color:#7b8799}[data-theme=light] .bill-label{color:#1685ff}[data-theme=light] .bill-icon{color:#1685ff;background:linear-gradient(145deg,#1e78ff1a,#1e78ff09);border-color:#1e78ff38;box-shadow:0 8px 20px #1e64c814}[data-theme=light] .bill-amount-box{border-bottom-color:#1e3c6414}[data-theme=light] .bill-amount-box>div:first-child span{color:#71809b}[data-theme=light] .bill-amount-box>div:first-child strong{color:#172033}[data-theme=light] .bill-due div span{color:#7b8799}[data-theme=light] .bill-due div strong,[data-theme=light] .bill-section-title span{color:#172033}[data-theme=light] .bill-section-title small{color:#6c82a0}[data-theme=light] .bill-service{background:linear-gradient(145deg,#fff,#f7f9fc);border-color:#1e3c6417;box-shadow:0 6px 18px #1e3c640a}[data-theme=light] .bill-service-icon{color:#1685ff;background:linear-gradient(145deg,#1e78ff1a,#1e78ff09);border-color:#1e78ff2e}[data-theme=light] .bill-service-info>span{color:#6d89a8}[data-theme=light] .bill-service-info>strong{color:#172033}[data-theme=light] .bill-service-info>small{color:#8290a5}[data-theme=light] .bill-service-price{color:#172033}[data-theme=light] .detail-tagihan-btn{color:#36516f;background:linear-gradient(145deg,#fff,#f4f7fb);border-color:#1e64b438}[data-theme=light] .detail-tagihan-btn:hover{background:#1e6eff0f;border-color:#1e6eff59}[data-theme=light] .payment-history-title-wrap h2{color:#172033}[data-theme=light] .payment-history-title-wrap p{color:#71809b}[data-theme=light] .payment-history-count{color:#168fff;background:#168fff0e;border-color:#168fff33}[data-theme=light] .payment-history-card{background:linear-gradient(90deg,#fff,#f7f9fc);border-color:#1e3c6417;box-shadow:0 6px 18px #1e3c640a}[data-theme=light] .payment-history-top strong{color:#172033}[data-theme=light] .payment-history-invoice{color:#71809b}[data-theme=light] .payment-history-date{color:#8290a5}[data-theme=light] .payment-history-right strong,[data-theme=light] .mobile-active-title h2{color:#172033}[data-theme=light] .mobile-active-title p{color:#71809b}[data-theme=light] .mobile-active-card{background:radial-gradient(circle at 92% 8%,#1e6eff14,#0000 30%),linear-gradient(145deg,#fff 0%,#f4f8fc 100%);border-color:#1e6eff29;box-shadow:0 14px 35px #1e3c6414,inset 0 1px #ffffffe6}[data-theme=light] .mobile-active-info>strong{color:#1685ff}[data-theme=light] .mobile-active-info h3{color:#172033}[data-theme=light] .mobile-active-info p{color:#71809b}[data-theme=light] .mobile-active-icon{color:#1685ff;background:linear-gradient(145deg,#1e78ff1a,#1e78ff09);border-color:#1e78ff2e}[data-theme=light] .mobile-active-details{border-top-color:#1e3c6414;border-bottom-color:#1e3c6414}[data-theme=light] .mobile-active-details>div+div{border-left-color:#1e3c6414}[data-theme=light] .mobile-active-details span{color:#71809b}[data-theme=light] .mobile-active-details strong{color:#172033}[data-theme=light] .mobile-detail-button{color:#36516f;background:linear-gradient(145deg,#fff,#f4f7fb);border-color:#1e64b438}[data-theme=light] .mobile-detail-button:hover{background:#1e6eff0f;border-color:#1e6eff59}[data-theme=light] .bill-wa-button,[data-theme=light] .mobile-wa-button{color:#0b9f62;background:linear-gradient(135deg,#fff,#f3faf7);border-color:#00b46447;box-shadow:0 5px 15px #0078500f}[data-theme=light] .detail-overlay,[data-theme=light] .wa-alert-overlay{background:#14233747}[data-theme=light] .detail-modal,[data-theme=light] .wa-alert-modal{background:linear-gradient(145deg,#fff,#f5f8fc);border-color:#1e6eff29;box-shadow:0 25px 70px #1e3c6433}[data-theme=light] .detail-modal-header h3,[data-theme=light] .wa-alert-modal h3{color:#172033}[data-theme=light] .detail-modal-header span{color:#168fff}[data-theme=light] .detail-close{color:#63738d;background:#1e3c6409;border-color:#1e3c641f}[data-theme=light] .detail-invoice-box{background:#1e6eff0b;border-color:#1e6eff24}[data-theme=light] .detail-invoice-box span{color:#71809b}[data-theme=light] .detail-invoice-box strong{color:#172033}[data-theme=light] .detail-row,[data-theme=light] .riwayat-detail-row{border-bottom-color:#1e3c6414}[data-theme=light] .detail-row span,[data-theme=light] .riwayat-detail-row span{color:#71809b}[data-theme=light] .detail-row strong,[data-theme=light] .riwayat-detail-row strong{color:#172033}[data-theme=light] .detail-total span{color:#71809b}[data-theme=light] .detail-close-button{color:#36516f;background:#f4f7fb;border-color:#1e3c641f}[data-theme=light] .wa-alert-modal p,[data-theme=light] .wa-alert-modal small{color:#71809b}[data-theme=light] .wa-alert-cancel{color:#63738d;background:#f4f7fb;border-color:#1e3c641f}@media (width<=700px){[data-theme=light] .mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff0!important;border:1px solid #1e3c641a!important;box-shadow:0 15px 40px #1e3c6424!important}[data-theme=light] .mobile-nav-item{color:#71809b!important}[data-theme=light] .mobile-nav-item.active{color:#172033!important;background:#1e6eff1a!important}[data-theme=light] .mobile-nav-item.active svg{color:#1685ff!important}}html[data-theme=light] .theme-toggle,body.light-mode .theme-toggle,body.light .theme-toggle{color:#318bff;background:#eef4fc;border-color:#3186ff33}html[data-theme=light] .theme-toggle:hover,body.light-mode .theme-toggle:hover,body.light .theme-toggle:hover{color:#176fe0;background:#237bff14;border-color:#3186ff61}html[data-theme=light] .topbar-avatar{color:#31527a;background:linear-gradient(145deg,#eaf3ff,#dceafa);border:1px solid #2382ff24;box-shadow:0 4px 12px #285a9614}html[data-theme=light] .topbar-profile strong{color:#24344d}html[data-theme=light] .topbar-profile span{color:#71819a}html[data-theme=light] .customer-avatar{color:#31527a;background:linear-gradient(145deg,#eaf3ff,#dceafa);border:1px solid #2382ff24;box-shadow:0 4px 12px #285a9614}html[data-theme=light] .customer-details strong{color:#24344d}html[data-theme=light] .customer-details span{color:#71819a}.dashboard-page{box-sizing:border-box;width:100%}.dashboard-page .welcome-card{border-radius:20px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.dashboard-page .welcome-card:hover{transform:translateY(-1px)}.dashboard-page .welcome-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#23afff,#0000 65%);border-radius:50%;width:280px;height:280px;position:absolute;top:-150px;right:-100px}.dashboard-page .welcome-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#2382ff12,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;bottom:-100px;right:-70px}.dashboard-page .welcome-content{z-index:2;position:relative}.dashboard-page .welcome-content h2{letter-spacing:-.7px;margin-top:6px}.dashboard-page .welcome-content p{line-height:1.6}.dashboard-page .network-card{z-index:3;border-radius:14px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;position:relative}.dashboard-page .network-card:hover{transform:translateY(-2px)}.dashboard-page .stats-grid{gap:13px}.dashboard-page .stat-card{border-radius:17px;min-width:0;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden}.dashboard-page .stat-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#2382ff12,#0000 70%);border-radius:50%;width:110px;height:110px;position:absolute;bottom:-58px;right:-48px}.dashboard-page .stat-card:hover{transform:translateY(-3px)}.dashboard-page .stat-card h3,.dashboard-page .stat-card span{z-index:1;position:relative}.dashboard-page .dashboard-grid{align-items:stretch}.dashboard-page .panel{border-radius:18px;min-width:0;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;overflow:hidden}.dashboard-page .panel-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.dashboard-page .panel-header h2{letter-spacing:-.25px;margin:0}.dashboard-page .service-card{border-radius:15px;min-width:0;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;position:relative;overflow:hidden}.dashboard-page .service-card:hover{transform:translateY(-2px)}.dashboard-page .service-top,.dashboard-page .service-name{min-width:0}.dashboard-page .service-name strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dashboard-page .service-icon{flex-shrink:0}.dashboard-page .service-bottom{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding-top:13px;display:flex}.dashboard-page .service-bottom>div{min-width:0}.dashboard-page .service-bottom small{margin-bottom:4px;display:block}.dashboard-page .status{white-space:nowrap;flex-shrink:0;transition:transform .2s,box-shadow .2s}.dashboard-page .service-card:hover .status{transform:translateY(-1px)}.dashboard-page .bill-item{align-items:center;gap:13px;min-width:0;transition:background .2s,border-color .2s;display:flex}.dashboard-page .bill-item:last-child{border-bottom:0}.dashboard-page .bill-icon{flex-shrink:0}.dashboard-page .bill-info{flex:1;min-width:0}.dashboard-page .bill-info strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dashboard-page .bill-price{text-align:right;flex-shrink:0}.dashboard-page .quick-grid{gap:12px;display:grid}.dashboard-page .quick-card{border-radius:15px;min-width:0;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s}.dashboard-page .quick-card:hover{transform:translateY(-2px)}.dashboard-page .quick-card strong{line-height:1.35}.dashboard-page .quick-card span{line-height:1.5}html[data-theme=dark] .dashboard-page,[data-theme=dark] .dashboard-page{color:#eaf2ff}html[data-theme=dark] .dashboard-page .panel,[data-theme=dark] .dashboard-page .panel{border-color:#ffffff13;box-shadow:0 18px 45px #00000029}html[data-theme=dark] .dashboard-page .stat-card,[data-theme=dark] .dashboard-page .stat-card{border-color:#ffffff13;box-shadow:0 12px 30px #0000001f}html[data-theme=dark] .dashboard-page .stat-card:hover,[data-theme=dark] .dashboard-page .stat-card:hover{border-color:#2382ff38;box-shadow:0 15px 38px #0003}html[data-theme=dark] .dashboard-page .panel:hover,[data-theme=dark] .dashboard-page .panel:hover{border-color:#ffffff1a}html[data-theme=dark] .dashboard-page .service-card,[data-theme=dark] .dashboard-page .service-card{border-color:#ffffff12}html[data-theme=dark] .dashboard-page .service-card:hover,[data-theme=dark] .dashboard-page .service-card:hover{border-color:#2382ff38;box-shadow:0 10px 28px #0000002e}html[data-theme=light] .dashboard-page,[data-theme=light] .dashboard-page{color:#172033;background:radial-gradient(circle at 85% 0,#2382ff0e,#0000 27%),linear-gradient(#f8faff 0%,#f1f5fa 100%)}html[data-theme=light] .dashboard-page .welcome-card,[data-theme=light] .dashboard-page .welcome-card{background:radial-gradient(circle at 90% 0,#2382ff21,#0000 30%),linear-gradient(135deg,#fff 0%,#b9e1fa 100%);border-color:#2382ff26;box-shadow:0 18px 45px #28466e17,inset 0 1px #fffffff2}html[data-theme=light] .dashboard-page .welcome-content h2,[data-theme=light] .dashboard-page .welcome-content h2{color:#172033}html[data-theme=light] .dashboard-page .welcome-content p,[data-theme=light] .dashboard-page .welcome-content p{color:#71809b}html[data-theme=light] .dashboard-page .customer-info,[data-theme=light] .dashboard-page .customer-info{color:#637796}html[data-theme=light] .dashboard-page .network-card,[data-theme=light] .dashboard-page .network-card{background:#ffffffd1;border-color:#1e508c1a;box-shadow:0 8px 22px #1e3c640e}html[data-theme=light] .dashboard-page .network-card small,[data-theme=light] .dashboard-page .network-card small{color:#7b8799}html[data-theme=light] .dashboard-page .network-card strong,[data-theme=light] .dashboard-page .network-card strong{color:#172033}html[data-theme=light] .dashboard-page .stat-card,[data-theme=light] .dashboard-page .stat-card{background:linear-gradient(145deg,#fff,#f6f9fd);border-color:#1e3c6416;box-shadow:0 10px 28px #1e3c6411}html[data-theme=light] .dashboard-page .stat-card:after,[data-theme=light] .dashboard-page .stat-card:after{background:radial-gradient(circle,#2382ff0e,#0000 70%)}html[data-theme=light] .dashboard-page .stat-card h3,[data-theme=light] .dashboard-page .stat-card h3{color:#172033}html[data-theme=light] .dashboard-page .stat-card span,[data-theme=light] .dashboard-page .stat-card span{color:#71809b}html[data-theme=light] .dashboard-page .panel,[data-theme=light] .dashboard-page .panel{background:linear-gradient(145deg,#fff,#f8fafc);border-color:#1e3c6416;box-shadow:0 12px 32px #1e3c640e}html[data-theme=light] .dashboard-page .panel-header h2,[data-theme=light] .dashboard-page .panel-header h2{color:#172033}html[data-theme=light] .dashboard-page .service-card,[data-theme=light] .dashboard-page .service-card{background:linear-gradient(135deg,#f9fbfe,#f3f7fb);border-color:#1e3c6413}html[data-theme=light] .dashboard-page .service-card:hover,[data-theme=light] .dashboard-page .service-card:hover{background:linear-gradient(135deg,#fff,#f4f8fd);border-color:#2382ff2e;box-shadow:0 8px 22px #1e3c640e}html[data-theme=light] .dashboard-page .service-name strong,[data-theme=light] .dashboard-page .service-name strong{color:#172033}html[data-theme=light] .dashboard-page .service-name span,[data-theme=light] .dashboard-page .service-name span{color:#71809b}html[data-theme=light] .dashboard-page .service-bottom,[data-theme=light] .dashboard-page .service-bottom{border-top-color:#1e3c6413}html[data-theme=light] .dashboard-page .service-bottom small,[data-theme=light] .dashboard-page .service-bottom small{color:#7b8799}html[data-theme=light] .dashboard-page .bill-item,[data-theme=light] .dashboard-page .bill-item{border-bottom-color:#1e3c6413}html[data-theme=light] .dashboard-page .bill-info strong,[data-theme=light] .dashboard-page .bill-info strong{color:#172033}html[data-theme=light] .dashboard-page .bill-info span,html[data-theme=light] .dashboard-page .bill-info small,[data-theme=light] .dashboard-page .bill-info span,[data-theme=light] .dashboard-page .bill-info small{color:#71809b}html[data-theme=light] .dashboard-page .bill-price strong,[data-theme=light] .dashboard-page .bill-price strong{color:#172033}html[data-theme=light] .dashboard-page .quick-card,[data-theme=light] .dashboard-page .quick-card{background:linear-gradient(135deg,#fff,#f5f8fc);border-color:#1e3c6413;box-shadow:0 8px 22px #1e3c640b}html[data-theme=light] .dashboard-page .quick-card:hover,[data-theme=light] .dashboard-page .quick-card:hover{border-color:#2382ff29;box-shadow:0 12px 28px #1e3c6412}html[data-theme=light] .dashboard-page .quick-card strong,[data-theme=light] .dashboard-page .quick-card strong{color:#172033}html[data-theme=light] .dashboard-page .quick-card span,[data-theme=light] .dashboard-page .quick-card span{color:#7b8799}@media (width<=650px){.dashboard-page{padding:16px 14px 100px}.dashboard-page .welcome-card{border-radius:17px}.dashboard-page .welcome-content h2{letter-spacing:-.5px;font-size:24px}.dashboard-page .welcome-content p{font-size:10px;line-height:1.55}.dashboard-page .stats-grid{gap:8px}.dashboard-page .stat-card{border-radius:15px;min-height:78px}.dashboard-page .dashboard-grid{gap:11px}.dashboard-page .panel{border-radius:16px}.dashboard-page .panel-header{gap:8px}.dashboard-page .service-card{border-radius:14px}.dashboard-page .service-bottom{gap:10px}.dashboard-page .bill-item{gap:10px;margin-top:-15px;margin-bottom:-10px}.dashboard-page .bill-price{text-align:right}.dashboard-page .quick-grid{gap:9px}}@media (width<=390px){.dashboard-page{padding-left:11px;padding-right:11px}.dashboard-page .welcome-card{border-radius:16px}.dashboard-page .welcome-content h2{font-size:23px}.dashboard-page .panel{border-radius:15px}.dashboard-page .stat-card{min-height:75px}}html[data-theme=light] .customer-info span,[data-theme=light] .customer-info span{color:#31577f;letter-spacing:1px;background:linear-gradient(135deg,#ebf4fff2,#e0edfcd9);border:1px solid #4a89d338;box-shadow:inset 0 1px #fffffff2,0 2px 6px #2364aa0f}html[data-theme=light] .customer-info span:before,[data-theme=light] .customer-info span:before{opacity:.75}.notification-wrapper{z-index:100000;position:relative}.notification-button{z-index:100001;color:#318bff;cursor:pointer;background:#0f1b2dbf;border:1px solid #3186ff40;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:relative}.notification-button:hover{color:#318bff;background:#2382ff12}.notification-dot{background:#ff4f64;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px;box-shadow:0 0 0 3px #ff4f641a,0 0 9px #ff4f648c}.notification-popover{z-index:100002;background:linear-gradient(145deg,#101b2b,#0a111d);border:2px solid #ffffff2e;border-radius:16px;width:310px;padding:15px;animation:.2s notificationPopoverIn;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 20px 55px #0000004d}@keyframes notificationPopoverIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.desktop-topbar{z-index:99991;position:relative;overflow:visible}.app-main{overflow:visible}.notification-popover-header{align-items:center;gap:10px;display:flex}.notification-icon{color:#318bff;background:#2382ff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.notification-popover-header strong{color:#edf4ff;font-size:11px;font-weight:800;display:block}.notification-popover-header span{color:#7186a5;margin-top:0;font-size:10px;display:block}.notification-popover-content{color:#9aabc2;border-top:1px solid #ffffff12;margin-top:13px;padding-top:12px;font-size:12px;line-height:1.65}[data-theme=light] .notification-button{color:#1685ff;background:linear-gradient(145deg,#f8fbff,#edf4fc);border-color:#3186ff40;box-shadow:0 3px 10px #2364aa14}[data-theme=light] .notification-button:hover{color:#1685ff;background:linear-gradient(145deg,#fff,#eef6ff);border-color:#3186ff73;transform:translateY(-1px);box-shadow:0 5px 14px #2364aa1f}[data-theme=light] .notification-popover{background:linear-gradient(145deg,#fff,#f5f8fd);border-color:#1e3c641a;box-shadow:0 20px 50px #1e3c642e}[data-theme=light] .notification-popover-header strong{color:#172033}[data-theme=light] .notification-popover-header span{color:#71809b}[data-theme=light] .notification-popover-content{color:#63738d;border-top-color:#1e3c6414}.notification-backdrop{z-index:99990;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000085;position:fixed;inset:0}@keyframes notificationBackdropIn{0%{opacity:0}to{opacity:1}}.notification-topbar-dimmer{z-index:99992;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:#00000085;position:absolute;inset:0}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.quick-card-button{text-align:left;cursor:pointer;width:100%;color:inherit;background:#0f18268c;border:1px solid #3186ff24;font-family:inherit;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;position:relative}.quick-card-button>svg:last-child{color:#6f86a5;flex-shrink:0;margin-left:auto;transition:transform .2s,color .2s}.quick-card-button:hover>svg:last-child{transform:translate(3px)}[data-theme=light] .quick-card-button{color:inherit}@media (width<=600px){.quick-grid{grid-template-columns:1fr}}.quick-card-button>svg:first-child{color:#318bff;flex-shrink:0}.quick-card-button:hover{background:#2382ff0f;border-color:#3186ff4d;transform:translateY(-1px);box-shadow:0 8px 24px #1464c814}.quick-card-button:hover>svg:last-child{color:#318bff;transform:translate(3px)}[data-theme=light] .quick-card-button{background:#ffffffd1;border-color:#4a89d329}[data-theme=light] .quick-card-button>svg:first-child{color:#1685ff}[data-theme=light] .quick-card-button>svg:last-child{color:#7890ad}[data-theme=light] .quick-card-button:hover{background:#ebf5fff2;border-color:#3186ff4d;box-shadow:0 8px 24px #286eb414}[data-theme=light] .quick-card-button:hover>svg:last-child{color:#1685ff}@media (width>=701px){.dashboard-page .welcome-card{min-height:194px;padding-top:31px;padding-bottom:31px}.dashboard-page .welcome-content h2{margin-bottom:8px;font-size:30px}.dashboard-page .stats-grid{gap:13px}.dashboard-page .stat-card h3{letter-spacing:-.2px;font-size:19px}.dashboard-page .bill-price small{color:#efb33d;font-weight:700}}@media (width<=650px){.dashboard-page .welcome-card{border-radius:17px;min-height:0;padding:22px 18px 20px}.dashboard-page .welcome-content h2{margin-top:5px;margin-bottom:8px;font-size:24px;line-height:1.15}.dashboard-page .welcome-content p{font-size:10px;line-height:1.55}.dashboard-page .customer-info{gap:6px 10px;margin-top:13px}.dashboard-page .network-card{border-radius:12px;min-width:0;margin-top:16px;padding:10px 12px}.dashboard-page .network-icon{border-radius:10px;width:34px;height:34px}.dashboard-page .stats-grid{gap:7px;margin-top:10px}.dashboard-page .stat-card{border-radius:14px;min-height:82px;padding:10px 7px}.dashboard-page .stat-card h3{font-size:13px;line-height:1.1}.dashboard-page .stat-card span{font-size:9px;line-height:1.2}.dashboard-page .stat-card small{font-size:8px;line-height:1.2}.dashboard-page .bill-price small{color:#e5a62f;font-weight:700}.dashboard-page .quick-card-button{border-radius:14px;min-height:56px}}@media (width>=651px){[data-theme=light] .dashboard-page .stat-card,[data-theme=light] .dashboard-page .panel,[data-theme=light] .dashboard-page .quick-card{border-color:#1e46731b}}@media (width<=700px){[data-theme=dark] .mobile-nav-item.active{box-shadow:inset 0 0 0 1px #318bff14}[data-theme=light] .mobile-nav-item.active{color:#176fe0;background:#2382ff14;box-shadow:inset 0 0 0 1px #2382ff14}}.mobile-customer-info,.mobile-network-cards{display:none}@media (width<=650px){.dashboard-page .welcome-card{box-sizing:border-box;height:128px;min-height:0;margin-bottom:9px;padding-top:16px;padding-bottom:14px}.dashboard-page .welcome-card .customer-info,.dashboard-page .welcome-card .network-cards{display:none}.dashboard-page .mobile-customer-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;margin-top:7px;display:grid}.dashboard-page .mobile-customer-info>div{box-sizing:border-box;background:linear-gradient(135deg,#0c1f36c7,#071425b8);border:1px solid #3778be2e;border-radius:11px;flex-direction:column;justify-content:center;min-width:0;height:42px;padding:7px 11px;display:flex;box-shadow:inset 0 1px #ffffff06}.dashboard-page .mobile-customer-info span{color:#6d87a8;letter-spacing:.7px;margin-bottom:3px;font-size:9px;font-weight:600;line-height:1}.dashboard-page .mobile-customer-info strong{color:#e7f1ff;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:10px;font-weight:600;line-height:1.15;overflow:hidden}.dashboard-page .mobile-network-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;margin-top:6px;display:grid}.dashboard-page .mobile-network-cards .network-card{box-sizing:border-box;border-radius:12px;align-items:center;gap:7px;width:100%;min-width:0;height:42px;margin-top:2px;margin-bottom:9px;padding:7px 9px;display:flex}.dashboard-page .mobile-network-cards .network-icon{border-radius:9px;flex:0 0 31px;width:31px;height:31px}.dashboard-page .mobile-network-cards .network-icon svg{width:16px;height:16px}.dashboard-page .mobile-network-cards .network-card small{letter-spacing:.8px;margin-bottom:3px;font-size:8px}.dashboard-page .mobile-network-cards .network-card strong{font-size:9px;line-height:1.15}[data-theme=light] .dashboard-page .mobile-customer-info>div{background:linear-gradient(135deg,#f8fcfffa,#e8f3fdeb);border-color:#4a89d326;box-shadow:inset 0 1px #fffffff2,0 2px 8px #2d64a00d}[data-theme=light] .dashboard-page .mobile-customer-info span{color:#7187a0}[data-theme=light] .dashboard-page .mobile-customer-info strong{color:#1d3048}[data-theme=light] .dashboard-page .mobile-network-cards .network-card{background:linear-gradient(135deg,#f8fcfffa,#e8f3fdeb);border-color:#4a89d326;box-shadow:inset 0 1px #fffffff2,0 2px 8px #2d64a00d}.dashboard-page .mobile-customer-info>div,.dashboard-page .mobile-network-cards .network-card{min-width:0}}@media (width<=390px){.dashboard-page .welcome-card{height:140px;padding:15px 14px 13px}.dashboard-page .mobile-customer-info{gap:6px}.dashboard-page .mobile-customer-info>div{height:40px;padding-left:9px;padding-right:9px}.dashboard-page .mobile-network-cards{gap:6px}.dashboard-page .mobile-network-cards .network-card{height:40px;padding-left:8px;padding-right:8px}.dashboard-page .mobile-network-cards .network-icon{flex-basis:29px;width:29px;height:29px}.dashboard-page .mobile-network-cards .network-card strong{font-size:8px}}@media (width>=701px) and (width<=1100px){.app-shell .sidebar{width:170px;padding:20px 11px 16px}.app-shell .app-main{width:calc(100% - 170px);margin-left:170px}.app-shell .page-content{max-width:none;padding:24px 20px 60px}.app-shell .desktop-topbar{padding-left:20px;padding-right:20px}.app-shell .sidebar-brand{gap:8px;margin-bottom:20px;padding:0 5px}.app-shell .sidebar-logo{border-radius:11px;width:38px;height:38px;font-size:19px}.app-shell .sidebar-brand-name{letter-spacing:1.1px;font-size:15px}.app-shell .sidebar-brand-subtitle{letter-spacing:1.3px;font-size:6px}.app-shell .sidebar-customer{border-radius:12px;gap:7px;margin-bottom:18px;padding:9px}.app-shell .customer-avatar{border-radius:10px;width:34px;height:34px;font-size:10px}.app-shell .customer-details strong{font-size:8px}.app-shell .customer-details span{font-size:7px}.app-shell .online-dot{width:6px;height:6px}.app-shell .sidebar-section-title{margin-bottom:7px;padding:0 7px;font-size:7px}.app-shell .sidebar-menu{gap:3px}.app-shell .sidebar-link{border-radius:10px;gap:9px;min-height:39px;padding:0 9px;font-size:9px}.app-shell .sidebar-link.active:before{width:2px;height:19px}.app-shell .sidebar-footer{padding-left:7px;padding-right:7px}.dashboard-page .page-header{gap:14px;margin-bottom:16px}.dashboard-page .page-header h1{font-size:27px}.dashboard-page .page-header p{font-size:11px}.dashboard-page .welcome-card{box-sizing:border-box;grid-template-columns:minmax(0,58%) 18% minmax(125px,24%);align-items:center;gap:0;height:174px;min-height:174px;padding:22px 20px;display:grid;overflow:hidden}.dashboard-page .welcome-content{z-index:3;grid-column:1;width:auto;min-width:0;max-width:none}.dashboard-page .welcome-content h2{margin:7px 0;font-size:24px;line-height:1.12}.dashboard-page .welcome-content p{max-width:280px;font-size:9px;line-height:1.5}.dashboard-page .customer-info{flex-wrap:wrap;gap:5px 13px;margin-top:11px;font-size:7px;display:flex}.dashboard-page .modem-visual{z-index:2;grid-column:2;justify-content:center;align-items:center;width:100%;height:92px;display:flex;position:relative}.dashboard-page .modem-visual img{object-fit:contain;width:116px;max-width:none;height:92px}.dashboard-page .network-cards{z-index:4;grid-column:3;grid-template-columns:1fr;gap:7px;width:100%;min-width:0;display:grid;position:relative}.dashboard-page .network-card{box-sizing:border-box;border-radius:10px;gap:6px;width:100%;min-width:0;height:42px;padding:7px 8px}.dashboard-page .network-icon{border-radius:8px;flex:0 0 29px;width:29px;height:29px}.dashboard-page .network-icon svg{width:15px;height:15px}.dashboard-page .network-card small{letter-spacing:.7px;font-size:6px}.dashboard-page .network-card strong{font-size:8px}.dashboard-page .stats-grid{gap:9px}.dashboard-page .stat-card{border-radius:14px;min-width:0;min-height:84px;padding:12px 10px}.dashboard-page .stat-card h3{font-size:17px}.dashboard-page .stat-card span{font-size:10px}.dashboard-page .stat-card small{font-size:9px}.dashboard-page .dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:11px}.dashboard-page .panel{border-radius:15px;min-width:0}.dashboard-page .service-card,.dashboard-page .bill-item,.dashboard-page .service-name,.dashboard-page .bill-info,.dashboard-page .bill-price{min-width:0}}@media (width>=701px) and (width<=850px){.app-shell .sidebar{width:150px;padding-left:9px;padding-right:9px}.app-shell .app-main{width:calc(100% - 150px);margin-left:150px}.app-shell .page-content{padding-left:16px;padding-right:16px}.dashboard-page .welcome-card{grid-template-columns:minmax(0,56%) 18% minmax(112px,26%);height:168px;min-height:168px;padding:20px 16px}.dashboard-page .welcome-content h2{font-size:22px}.dashboard-page .welcome-content p{max-width:235px;font-size:7px}.dashboard-page .customer-info{gap:4px 9px;font-size:6.5px}.dashboard-page .modem-visual img{width:104px;height:84px}.dashboard-page .network-card{height:40px;padding-left:7px;padding-right:7px}.dashboard-page .network-icon{flex-basis:27px;width:27px;height:27px}.dashboard-page .network-card strong{font-size:7px}.dashboard-page .dashboard-grid{grid-template-columns:1fr}}@media (width>=701px) and (width<=1100px){.dashboard-page .welcome-card{grid-template-columns:minmax(0,58%) 32% minmax(125px,28%);overflow:hidden}}[data-theme=light] .dashboard-page .welcome-card:after{content:none!important;display:none!important}[data-theme=light] .dashboard-page .welcome-card{border:1px solid #1688ff2e;overflow:hidden;box-shadow:0 10px 28px #2e689c14,inset 0 1px #fffffff2;background:linear-gradient(90deg,#fff 0%,#fffffffc 23%,#ffffffd1 44%,#ffffff4d 68%,#fff0 100%),repeating-radial-gradient(125% 105% at 78% 52%,#0000 0 13px,#2387e61f 14px 15px,#0000 16px 29px),repeating-radial-gradient(92% 72% at 86% 48%,#0000 0 17px,#00aeef13 18px 19px,#0000 20px 34px),linear-gradient(135deg,#fff 0%,#fbfdff 58%,#f4f9fd 100%)!important}@media (width>=1101px){[data-theme=light] .dashboard-page .welcome-card{background:linear-gradient(90deg,#fff 0%,#fffffffc 23%,#ffffffd1 44%,#ffffff4d 68%,#fff0 100%),repeating-radial-gradient(125% 105% at 78% 52%,#0000 0 13px,#2387e61f 14px 15px,#0000 16px 29px),repeating-radial-gradient(92% 72% at 86% 48%,#0000 0 17px,#00aeef13 18px 19px,#0000 20px 34px),linear-gradient(135deg,#fff 0%,#fbfdff 58%,#f4f9fd 100%)!important}}@media (width>=701px) and (width<=1100px){[data-theme=light] .dashboard-page .welcome-card{background:linear-gradient(90deg,#fff 0%,#fffffffa 25%,#ffffffc2 47%,#ffffff2e 75%,#fff0 100%),repeating-radial-gradient(120% 100% at 80% 52%,#0000 0 12px,#2387e61b 13px 14px,#0000 15px 27px),repeating-radial-gradient(90% 70% at 87% 48%,#0000 0 16px,#00aeef12 17px 18px,#0000 19px 32px),linear-gradient(135deg,#fff,#f4f9fd)!important}}@media (width<=650px){[data-theme=light] .dashboard-page .welcome-card{background:linear-gradient(90deg,#fff 0%,#fffffffa 30%,#ffffffb8 57%,#ffffff1a 100%),repeating-radial-gradient(135% 110% at 84%,#0000 0 10px,#2387e618 11px 12px,#0000 13px 24px),repeating-radial-gradient(96% 74% at 88% 48%,#0000 0 15px,#00aeef11 16px 17px,#0000 18px 30px),linear-gradient(135deg,#fff,#f4f9fd)!important}}[data-theme=light] .dashboard-page .welcome-card{background-position:50%,50%,50%,50%;background-repeat:no-repeat;background-size:100% 100%,100% 100%,100% 100%,100% 100%;border:1px solid #1688ff21;box-shadow:0 10px 28px #2e689c12,inset 0 1px #fffffff2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 260' preserveAspectRatio='none'%3E%3Cpath d='M250 175 C390 175 445 75 610 88 C760 100 820 150 990 78 C1080 40 1150 42 1260 18' fill='none' stroke='%231688ff' stroke-opacity='.18' stroke-width='1.5'/%3E%3Cpath d='M220 193 C370 193 440 98 605 110 C765 122 835 169 995 100 C1090 60 1160 62 1270 38' fill='none' stroke='%2300aeeF' stroke-opacity='.12' stroke-width='1.2'/%3E%3Cpath d='M180 211 C350 211 430 120 600 133 C770 146 845 188 1000 122 C1100 80 1170 82 1280 58' fill='none' stroke='%231688ff' stroke-opacity='.13' stroke-width='1.3'/%3E%3Cpath d='M300 155 C420 155 475 55 625 68 C775 81 845 130 1015 62 C1100 28 1180 30 1280 8' fill='none' stroke='%2300aeeF' stroke-opacity='.08' stroke-width='1'/%3E%3Cpath d='M210 228 C370 228 450 150 610 162 C775 175 850 208 1010 146 C1110 108 1180 108 1280 84' fill='none' stroke='%231688ff' stroke-opacity='.075' stroke-width='1'/%3E%3C/svg%3E"),linear-gradient(90deg,#fff 0%,#fffffffc 16%,#fffffff0 27%,#ffffff8c 40%,#ffffff14 55%,#fff0 67%),linear-gradient(270deg,#fffffff0 0%,#ffffff8c 12%,#ffffff1f 25%,#fff0 38%),linear-gradient(135deg,#fff 0%,#fcfdff 58%,#f7fafc 100%)!important}@media (width<=700px){[data-theme=light] .dashboard-page .welcome-card{background-position:48%,48%,50%,50%;background-size:155% 100%,155% 100%,100% 100%,100% 100%}}[data-theme=light] .dashboard-page .welcome-card:before,html[data-theme=light] .dashboard-page .welcome-card:before{content:none!important;display:none!important}@media (width<=650px){.dashboard-page .service-top .status{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:58px;height:25px;padding:0 9px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.dashboard-page .service-top .status.offline{color:#ef5350;background:#ef535014;border-color:#ef535033}.dashboard-page .service-top .status.offline:before{content:"";background:#ef5350;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #ef535073}.dashboard-page .service-top .status.online{color:#10b981;background:#10b98114;border-color:#10b98133}.dashboard-page .service-top .status.online:before{content:"";background:#10b981;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #10b98173}}html[data-theme=dark] .layanan-page .module-header-icon{filter:drop-shadow(0 0 8px #006eff59)drop-shadow(0 0 18px #0096ff2e)}html[data-theme=light] .layanan-page .module-header-icon{filter:drop-shadow(0 0 6px #006eff2e)drop-shadow(0 0 14px #0096ff14)}html[data-theme=dark] .layanan-page .package-highlight{background:linear-gradient(90deg,#081f39f5 0%,#081c33f0 52%,#05172bf5 100%);border:1px solid #2382dc3d;box-shadow:inset 0 1px #ffffff06,0 6px 18px #0000001f}html[data-theme=light] .layanan-page .package-highlight{background:linear-gradient(135deg,#fff 0%,#f8fbff 58%,#f1f7fc 100%);border:1px solid #1688ff24;box-shadow:inset 0 1px #fffffff2,0 5px 16px #3264910f}html[data-theme=light] .layanan-page .service-help{background:linear-gradient(135deg,#fff 0%,#f8fbff 62%,#eef6fc 100%)!important;border:1px solid #1688ff1f!important;box-shadow:0 8px 22px #3264910f,inset 0 1px #fffffff2!important}html[data-theme=light] .layanan-page .service-help .help-icon{border:1px solid #1688ff1f;background:linear-gradient(145deg,#edf6ff,#e3f0ff)!important}html[data-theme=light] .layanan-page .service-help strong{color:#17283b!important}html[data-theme=light] .layanan-page .service-help p{color:#71869d!important}html[data-theme=light] .layanan-page .service-help button{box-shadow:0 6px 16px #166cdc2e,inset 0 1px #ffffff2e;background:linear-gradient(135deg,#2688f5,#176bd8)!important;border:1px solid #1688ff40!important}@media (width>=701px){.dashboard-page .service-card .status{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:8px;font-weight:700;line-height:1;display:inline-flex}.dashboard-page .service-card .status.offline{color:#e05252;background:#ef444414;border:1px solid #ef444438}.dashboard-page .service-card .status.offline span{background:#ef4444;border-radius:50%;flex-shrink:0;width:5px;height:5px}.dashboard-page .service-card .status.online{color:#0aa875;background:#10b98114;border:1px solid #10b98138}.dashboard-page .service-card .status.online span{background:#10b981;border-radius:50%;flex-shrink:0;width:5px;height:5px}}.page-loader{z-index:999999;background:#050912}[data-theme=light] .page-loader{background:radial-gradient(circle at 50% 45%,#3186ff0e,#0000 28%),linear-gradient(#f8faff 0%,#f1f5fa 100%)}[data-theme=light] .page-loader-logo{color:#176fe0;background:linear-gradient(145deg,#fff,#eaf2fb);border-color:#3186ff29;box-shadow:0 10px 30px #285a961f,inset 0 1px #fffffff2}[data-theme=light] .page-loader-spinner{border-color:#3182ff #3186ff24 #3186ff24}[data-theme=light] .page-loader-text{color:#172033}[data-theme=light] .page-loader-subtext{color:#71809b}.page-loader-logo{justify-content:center;align-items:center;display:flex;overflow:hidden}.page-loader-logo img{object-fit:contain;width:100%;height:100%;display:block}[data-theme=light] .page-loader-logo{border-radius:0;box-shadow:none!important;background:0 0!important;border:none!important}[data-theme=light] .page-loader-logo img{object-fit:contain;width:100%;height:100%}.page-loader-logo{box-shadow:none!important;background:0 0!important;border:none!important}.dashboard-page .service-top .status:before,.dashboard-page .service-top .status:after{content:none!important;display:none!important}.layanan-page .full-status.is-online{color:#10d9a0!important;background:#10d9a014!important;border-color:#10d9a04d!important;box-shadow:0 0 14px #10d9a00f!important}.layanan-page .full-status.is-offline{color:#ff6574!important;background:#ff657414!important;border-color:#ff65744d!important;box-shadow:0 0 14px #ff65740f!important}.topbar-profile-trigger{all:unset;box-sizing:border-box;cursor:pointer;align-items:center;gap:8px;display:flex}.topbar-profile-trigger:focus{outline:none}.topbar-profile-trigger .topbar-avatar{flex-shrink:0}.topbar-profile-trigger>div:nth-child(2){cursor:pointer}.topbar-profile-chevron{flex-shrink:0;transition:transform .2s;transform:rotate(90deg)}.topbar-profile-chevron.open{transform:rotate(-90deg)}.profile-menu-backdrop{z-index:9990;background:0 0;position:fixed;inset:0}.profile-menu{z-index:10000;background:#101d2e;border:1px solid #5a96dc29;border-radius:14px;width:210px;padding:6px;animation:.16s ease-out profileDropdownIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 45px #00000059}.profile-menu button{color:#cbd9ea;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-family:inherit;display:flex}.profile-menu button:hover{color:#fff;background:#468ce617}.profile-menu button svg{color:#7195bd;flex-shrink:0}.profile-menu button span{flex:1;font-size:10px;font-weight:600}.profile-menu-arrow{margin-left:auto}.profile-menu-divider{background:#648cb41f;height:1px;margin:5px 7px}.profile-menu .profile-menu-logout{color:#d48a8e}.profile-menu .profile-menu-logout svg{color:#d16d73}.profile-menu .profile-menu-logout:hover{color:#ff9da1;background:#d2465014}@keyframes profileDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .profile-menu{background:#fff;border-color:#326eb424;box-shadow:0 18px 45px #28507829}[data-theme=light] .profile-menu button{color:#38516e}[data-theme=light] .profile-menu button:hover{color:#17314f;background:#2d7ddc12}[data-theme=light] .profile-menu button svg{color:#6285aa}[data-theme=light] .profile-menu-divider{background:#46698c1f}[data-theme=light] .profile-menu .profile-menu-logout{color:#b6575d}.login-page{background:radial-gradient(circle at 18% 20%,#1f7aff1a,#0000 30%),radial-gradient(circle at 84% 76%,#00b7ff12,#0000 28%),linear-gradient(145deg,#04070d 0%,#07101d 52%,#03060b 100%);justify-content:center;align-items:center;min-height:100dvh;padding:30px;display:flex;position:relative;overflow:hidden}.login-bg-grid{opacity:.22;pointer-events:none;background-image:linear-gradient(#64a0e60b 1px,#0000 1px),linear-gradient(90deg,#64a0e60b 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.login-bg-glow{filter:blur(70px);pointer-events:none;opacity:.16;border-radius:50%;width:420px;height:420px;position:absolute}.login-bg-glow-one{background:#187cff;top:-220px;left:-150px}.login-bg-glow-two{background:#00b7ff;bottom:-250px;right:-220px}.login-shell{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080d17d1;border:1px solid #ffffff13;border-radius:30px;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);width:min(1120px,100%);min-height:650px;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 100px #0000007a,inset 0 1px #ffffff09}.login-showcase{background:radial-gradient(circle at 78% 48%,#1a7dff21,#0000 31%),linear-gradient(145deg,#111d30e6,#050a12b3);border-right:1px solid #ffffff0e;flex-direction:column;min-width:0;padding:42px 46px 34px;display:flex;position:relative;overflow:hidden}.login-showcase:before{content:"";pointer-events:none;border:1px solid #368fff1a;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-220px;right:-190px;box-shadow:0 0 0 55px #368fff06,0 0 0 110px #368fff05}.login-showcase-top,.login-mobile-brand{align-items:center;gap:12px;display:flex}.login-logo-mark{color:#fff;background:linear-gradient(145deg,#258aff,#075bd0);border:1px solid #5aaaff47;border-radius:13px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:800;display:flex;box-shadow:0 12px 30px #1773ff40,inset 0 1px #ffffff2e}.login-brand-name{letter-spacing:-.03em;font-family:Michroma,sans-serif;font-weight:400}.login-brand-subtitle{color:#647894;letter-spacing:1.9px;margin-top:2px;font-size:7px;font-weight:700}.login-showcase-content{z-index:2;flex-direction:column;flex:1;justify-content:center;padding:25px 0 10px;display:flex;position:relative}.login-eyebrow{color:#579fff;letter-spacing:1.8px;align-items:center;gap:8px;font-size:9px;font-weight:800;display:flex}.login-eyebrow span,.showcase-dot{background:#28d99a;border-radius:50%;flex:0 0 6px;width:6px;height:6px;box-shadow:0 0 12px #28d99acc}.login-showcase h1{color:#f5f8ff;letter-spacing:-2.4px;max-width:540px;margin:18px 0 13px;font-size:clamp(36px,4vw,54px);line-height:1.02}.login-showcase h1 strong{color:#4b9aff;font-weight:750}.login-showcase-content>p{color:#758aa8;max-width:475px;margin:0;font-size:13px;line-height:1.75}.login-network-visual{width:250px;height:150px;margin:30px 0 0 auto;position:relative}.network-orbit{border:1px solid #3794ff29;border-radius:50%;position:absolute;transform:rotate(-17deg)}.orbit-one{width:240px;height:92px;top:28px;left:0}.orbit-two{width:190px;height:74px;top:37px;left:25px}.orbit-three{width:138px;height:55px;top:47px;left:51px}.network-core{color:#55a7ff;background:#186fe01c;border:1px solid #51a6ff52;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:absolute;top:48px;left:103px;box-shadow:0 0 35px #2886ff29,inset 0 1px #ffffff12}.network-node{color:#7aa9d9;background:#0c1c31db;border:1px solid #5aa5f02e;border-radius:9px;justify-content:center;align-items:center;width:29px;height:29px;display:flex;position:absolute;box-shadow:0 8px 20px #0000002e}.node-one{top:15px;left:25px}.node-two{top:56px;right:9px}.node-three{bottom:4px;left:53px}.login-showcase-footer{z-index:2;color:#4f617b;letter-spacing:.4px;justify-content:space-between;align-items:center;font-size:8px;display:flex;position:relative}.login-showcase-footer>div{align-items:center;gap:7px;display:flex}.login-panel{background:#04080e4d;flex-direction:column;justify-content:center;padding:42px 48px;display:flex}.login-card{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.login-card-topline{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.login-label{color:#4c98ff;letter-spacing:1.9px;margin:0;font-size:9px;font-weight:800}.login-secure-badge{color:#53cda4;letter-spacing:.8px;background:#2ad79b0e;border:1px solid #2ad79b24;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:7px;font-weight:800;display:inline-flex}.login-heading-kicker{color:#5f718c;margin-bottom:6px;font-size:12px;display:block}.login-heading h2{color:#f5f8ff;letter-spacing:-1.15px;margin:0;font-size:31px;line-height:1.12}.login-heading h2 span{color:#4d9aff}.login-heading p{color:#7186a3;margin:12px 0 28px;font-size:11px;line-height:1.7}.form-group{margin-bottom:18px}.form-group label{color:#dfe8f5;margin-bottom:8px;font-size:11px;font-weight:750;display:block}.input-wrapper{color:#66809f;background:#ffffff07;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:11px;height:53px;padding:0 14px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.input-wrapper:focus-within{background:#2271d609;border-color:#358eff9e;box-shadow:0 0 0 3px #2a81ff14}.input-icon{flex:none;justify-content:center;align-items:center;display:flex}.input-divider{background:#ffffff14;width:1px;height:20px}.input-wrapper input{color:#f4f8ff;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px;font-weight:500}.input-wrapper input::placeholder{color:#526783}.input-wrapper input:disabled{opacity:.65}.input-hint{color:#718196;justify-content:space-between;align-items:center;min-height:15px;margin-top:6px;font-size:10px;display:flex}.login-error{color:#ff8b98;background:#ff4c5f0e;border:1px solid #ff5b6c29;border-radius:11px;align-items:flex-start;gap:8px;margin:-2px 0 13px;padding:10px 11px;font-size:9px;line-height:1.5;display:flex}.login-error svg{flex:none;margin-top:1px}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f88ff,#145ed7);border:1px solid #68b2ff1f;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;height:53px;margin-top:5px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,filter .2s;display:flex;box-shadow:0 15px 30px #1463e033,inset 0 1px #ffffff26}.login-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 19px 35px #1463e047,inset 0 1px #ffffff2b}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.72;cursor:not-allowed}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.75s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-info{color:#667b97;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:flex-start;gap:9px;margin-top:17px;padding:11px 12px;font-size:10px;line-height:1.55;display:flex}.login-info-icon{color:#568fcf;flex:none;justify-content:center;align-items:center;display:flex}.login-info strong,.login-info span{display:block}.login-info strong{color:#9cafc7;margin-bottom:2px;font-size:10px}.login-trust-row{color:#526782;justify-content:center;align-items:center;gap:13px;margin-top:19px;font-size:10px;display:flex}.login-trust-row>div{align-items:center;gap:5px;display:flex}.login-trust-row svg{color:#4e8dca}.login-trust-row i{background:#ffffff12;width:1px;height:12px}.login-footer{text-align:center;color:#3e5069;letter-spacing:.45px;margin-top:24px;font-size:10px}.login-footer i{color:#526782;margin:0 7px;font-style:normal}[data-theme=light] .login-page{color:#172033;background:radial-gradient(circle at 16% 20%,#2277ff1a,#0000 31%),radial-gradient(circle at 86% 75%,#00aeff12,#0000 28%),linear-gradient(145deg,#f6f9fd 0%,#eef4fa 55%,#e7eef7 100%)}[data-theme=light] .login-bg-grid{opacity:.32;background-image:linear-gradient(#326eaf0e 1px,#0000 1px),linear-gradient(90deg,#326eaf0e 1px,#0000 1px)}[data-theme=light] .login-shell{background:#ffffffc2;border-color:#234b781a;box-shadow:0 35px 90px #23466e24,inset 0 1px #fffffff2}[data-theme=light] .login-showcase{background:radial-gradient(circle at 78% 48%,#1c7bff14,#0000 31%),linear-gradient(145deg,#f7fbfff5,#eff5fceb);border-right-color:#234b7813}[data-theme=light] .login-showcase h1{color:#172033}[data-theme=light] .login-showcase h1 strong{color:#1678ee}[data-theme=light] .login-showcase-content>p{color:#71839b}[data-theme=light] .login-showcase-footer{color:#8392a5}[data-theme=light] .login-brand-name{color:#172033}[data-theme=light] .login-brand-subtitle{color:#7c8ba0}[data-theme=light] .login-panel{background:#ffffff57}[data-theme=light] .login-heading h2{color:#172033}[data-theme=light] .login-heading-kicker,[data-theme=light] .login-heading p{color:#71839b}[data-theme=light] .form-group label{color:#26344a}[data-theme=light] .input-wrapper{color:#647a96;background:#1e5aa009;border-color:#234b781f}[data-theme=light] .input-wrapper:focus-within{background:#2882f006;border-color:#247beb85;box-shadow:0 0 0 3px #237beb12}[data-theme=light] .input-divider{background:#234b781a}[data-theme=light] .input-wrapper input{color:#172033}[data-theme=light] .input-wrapper input::placeholder{color:#99a8b9}[data-theme=light] .input-hint{color:#8998aa}[data-theme=light] .login-info{color:#71839b;background:#234b7806;border-color:#234b7813}[data-theme=light] .login-info strong{color:#536981}[data-theme=light] .login-trust-row{color:#7a8ba0}[data-theme=light] .login-trust-row i{background:#234b781a}[data-theme=light] .login-footer{color:#8b98a9}@media (width<=900px){.login-page{padding:22px}.login-shell{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);min-height:600px}.login-showcase{padding:35px 32px 28px}.login-showcase h1{font-size:39px}.login-network-visual{transform-origin:100%;margin-right:-15px;transform:scale(.86)}.login-panel{padding:35px 32px}}@media (width<=700px){.login-page{justify-content:center;align-items:center;min-height:100dvh;padding:28px 15px 30px;display:flex;overflow-y:auto}.login-shell{width:100%;max-width:470px;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;display:block;overflow:visible}.login-showcase{display:none}.login-panel{background:0 0;flex-direction:column;justify-content:center;width:100%;padding:0;display:flex;position:relative}.login-mobile-brand{z-index:2;justify-content:center;margin:0 0 22px;display:flex;position:relative}.login-mobile-brand:after{content:"";filter:blur(35px);pointer-events:none;z-index:-1;background:#1c7bff21;width:150px;height:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-logo-mark{border-radius:12px;flex-basis:42px;width:42px;height:42px;font-size:20px;box-shadow:0 12px 28px #1773ff4d,0 0 35px #1773ff1a,inset 0 1px #ffffff2e}.login-brand-name{font-size:16px}.login-brand-subtitle{font-size:6.5px}.login-card{background:radial-gradient(circle at 90% 0,#2889ff1a,#0000 34%),radial-gradient(circle at 5% 100%,#00bbff0b,#0000 30%),linear-gradient(145deg,#111927f9,#060b13fc);border:1px solid #5ba3eb1c;border-radius:22px;width:100%;padding:25px 20px 20px;position:relative;overflow:hidden;box-shadow:0 28px 65px #00000061,0 0 50px #166fdc0e,inset 0 1px #ffffff09}.login-card:before{content:"";opacity:.75;background:linear-gradient(90deg,#0000,#4199ffa6,#0000);height:1px;position:absolute;top:0;left:13%;right:13%}.login-card:after{content:"";pointer-events:none;border:1px solid #2a89ff17;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-110px;right:-115px;box-shadow:0 0 0 25px #2a89ff06,0 0 0 55px #2a89ff05}.login-card-topline,.login-heading,.form-group,.login-error,.login-button,.login-info,.login-trust-row{z-index:2;position:relative}.login-card-topline{margin-bottom:16px}.login-heading h2{letter-spacing:-.85px;font-size:27px}.login-heading p{margin-bottom:25px;font-size:10px}.login-button,.input-wrapper{height:51px}.login-footer{z-index:2;margin-top:18px;position:relative}[data-theme=light] .login-card{background:radial-gradient(circle at 90% 0,#2889ff12,#0000 34%),radial-gradient(circle at 5% 100%,#00bbff09,#0000 30%),linear-gradient(145deg,#fff,#f7f9fc);border-color:#234b781a;box-shadow:0 28px 65px #23466e21,0 0 50px #166fdc09,inset 0 1px #fffffff2}[data-theme=light] .login-card:before{background:linear-gradient(90deg,#0000,#2882f06b,#0000)}[data-theme=light] .login-card:after{border-color:#2a89ff12;box-shadow:0 0 0 25px #2a89ff05,0 0 0 55px #2a89ff03}}@media (width<=380px){.login-page{padding:22px 11px 25px}.login-mobile-brand{margin-bottom:18px}.login-card{border-radius:19px;padding:22px 16px 18px}.login-heading h2{font-size:24px}.login-heading p{font-size:9px}.login-trust-row{gap:9px;font-size:7px}}.login-logo-image-wrap{flex-shrink:0;justify-content:flex-start;align-items:center;width:245px;height:70px;animation:.75s cubic-bezier(.22,1,.36,1) both hastel-logo-wrap-in;display:flex;position:relative;overflow:visible}.login-logo-image-wrap:after{content:"";filter:blur(8px);pointer-events:none;background:linear-gradient(90deg,#0000,#6eb9eb38,#0000);width:145px;height:52px;animation:5s ease-in-out 1.2s infinite hastel-logo-sweep;position:absolute;top:50%;left:0;transform:translate(-110%,-50%)skew(-18deg)}.login-logo-image{z-index:2;object-fit:contain;object-position:left center;filter:drop-shadow(0 6px 14px #005fd22e)drop-shadow(0 0 7px #1e96ff14);width:245px;height:70px;animation:.8s cubic-bezier(.22,1,.36,1) both hastel-logo-enter,5s ease-in-out 1s infinite hastel-logo-float;display:block;position:relative}@keyframes hastel-logo-wrap-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hastel-logo-enter{0%{opacity:0;transform:scale(.92)}70%{opacity:1;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes hastel-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes hastel-logo-glow{0%,to{opacity:.38;transform:translate(-50%,-50%)scale(.92)}50%{opacity:.65;transform:translate(-50%,-50%)scale(1.08)}}@keyframes hastel-logo-sweep{0%{opacity:0;transform:translate(-110%,-50%)skew(-18deg)}12%{opacity:.7}30%{opacity:0;transform:translate(200%,-50%)skew(-18deg)}to{opacity:0;transform:translate(230%,-50%)skew(-18deg)}}@media (width<=700px){.login-logo-image-wrap{justify-content:center;width:220px;height:64px}.login-logo-image{object-position:center;width:220px;height:64px}.login-logo-image-wrap:before{width:100px;height:48px;left:50%}.login-logo-image-wrap:after{width:125px;height:48px;left:50%}}@media (width<=380px){.login-logo-image-wrap,.login-logo-image{width:205px;height:60px}}@media (prefers-reduced-motion:reduce){.login-logo-image-wrap,.login-logo-image,.login-logo-image-wrap:before,.login-logo-image-wrap:after{animation:none!important}}.login-showcase-top{justify-content:flex-start;align-items:center;gap:13px;display:flex}.login-logo-image-wrap{width:72px;height:72px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:0 0 72px;justify-content:center;align-items:center;animation:.7s cubic-bezier(.22,1,.36,1) both hastel-brand-in;display:flex;position:relative;overflow:visible}.login-logo-image-wrap:before{content:"";filter:blur(23px);opacity:.52;pointer-events:none;background:#147dff2e;border-radius:50%;width:62px;height:62px;animation:4s ease-in-out infinite hastel-brand-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-logo-image{z-index:2;object-fit:contain;filter:drop-shadow(0 7px 14px #005fd238)drop-shadow(0 0 8px #1e96ff1a);width:68px;height:68px;animation:.8s cubic-bezier(.22,1,.36,1) both hastel-icon-enter,5s ease-in-out 1s infinite hastel-icon-float;display:block;position:relative}.login-showcase-top .login-brand-name,.login-mobile-brand .login-brand-name{color:#f4f7fc;letter-spacing:2px;margin:0 0 0 -10px;font-size:30px;font-weight:1000;line-height:1}.login-showcase-top .login-brand-subtitle,.login-mobile-brand .login-brand-subtitle{color:#647894;letter-spacing:2px;margin-top:8px;margin-left:-10px;font-size:9px;font-weight:700;line-height:1}@keyframes hastel-brand-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes hastel-icon-enter{0%{opacity:0;transform:scale(.88)}70%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes hastel-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes hastel-brand-glow{0%,to{opacity:.36;transform:translate(-50%,-50%)scale(.92)}50%{opacity:.62;transform:translate(-50%,-50%)scale(1.08)}}.login-mobile-brand{display:none}@media (width<=700px){.login-mobile-brand{justify-content:flex-start;align-items:center;gap:10px;width:fit-content;margin:0 auto 22px;display:flex}.login-mobile-brand .login-logo-image-wrap{flex-basis:66px;width:66px;height:66px}.login-mobile-brand .login-logo-image{width:91px;height:91px;margin-bottom:20px}.login-mobile-brand .login-brand-name{letter-spacing:1.4px;font-size:18px}.login-mobile-brand .login-brand-subtitle{letter-spacing:1.7px;margin-top:4px;font-size:8px}.login-mobile-brand .login-logo-image-wrap:before{width:54px;height:54px}}@media (width>=701px) and (width<=900px){.login-logo-image-wrap{flex-basis:64px;width:64px;height:64px}.login-logo-image{width:60px;height:60px}.login-showcase-top .login-brand-name{font-size:18px}.login-showcase-top .login-brand-subtitle{font-size:6.5px}}@media (width<=380px){.login-mobile-brand{gap:9px}.login-mobile-brand .login-logo-image-wrap{flex-basis:60px;width:60px;height:60px}.login-mobile-brand .login-logo-image{width:56px;height:56px}.login-mobile-brand .login-brand-name{font-size:17px}.login-mobile-brand .login-brand-subtitle{font-size:5.5px}}@media (prefers-reduced-motion:reduce){.login-logo-image-wrap,.login-logo-image,.login-logo-image-wrap:before{animation:none!important}}@media (width<=700px){.login-mobile-brand{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.login-mobile-brand .login-logo-image-wrap{flex-shrink:0}.login-mobile-brand>div:last-child{flex-direction:column;align-items:center;gap:3px;display:flex}.login-mobile-brand .login-brand-name,.login-mobile-brand .login-brand-subtitle{text-align:center}.login-mobile-brand .login-logo-image-wrap:after{width:180px;height:85px;animation-name:hastel-logo-sweep-mobile}}@keyframes hastel-logo-sweep-mobile{0%{opacity:0;transform:translate(-70%,-50%)skew(-18deg)}12%{opacity:.7}30%{opacity:0;transform:translate(20%,-20%)skew(-18deg)}to{opacity:0;transform:translate(20%,-20%)skew(-18deg)}}.login-turnstile{justify-content:flex-start;align-items:flex-start;width:100%;min-height:65px;margin:10px 0 22px;display:flex}.login-turnstile>div{width:100%;max-width:100%}@media (width<=700px){.login-turnstile{justify-content:center;margin:10px 0 22px}}.holiday-greeting{background:radial-gradient(circle at 78% 48%,#1e82ff33,#0000 35%),linear-gradient(145deg,#081830f5,#050c18fa);border:1px solid #ffffff0f;border-radius:24px;min-height:300px;margin:0 -10px;padding:42px 30px 35px;display:none;position:relative;overflow:hidden}.holiday-greeting.is-active,.holiday-greeting.is-active~.login-normal-content{display:block}.holiday-greeting.is-active~.login-normal-content .login-eyebrow,.holiday-greeting.is-active~.login-normal-content h1,.holiday-greeting.is-active~.login-normal-content p{display:none}.holiday-glow{filter:blur(40px);background:#3c96ff1f;border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-60px}.holiday-content{z-index:3;max-width:390px;position:relative}.holiday-eyebrow{color:#55a7ff;letter-spacing:1.8px;align-items:center;gap:8px;margin-bottom:25px;font-size:9px;font-weight:800;display:flex}.holiday-title{flex-direction:column;gap:3px;display:flex}.holiday-title span{color:#f4f7fc;font-size:29px;font-weight:700;line-height:1.05}.holiday-title strong{color:#4c9aff;letter-spacing:-1px;font-size:34px;font-weight:850;line-height:1.05}.holiday-date{color:#91a5c0;align-items:center;gap:7px;margin-top:18px;font-size:10px;display:flex}.holiday-message{color:#a7b6ca;max-width:340px;margin:20px 0 24px;font-size:12px;line-height:1.7}.holiday-badge{color:#8fc3ff;letter-spacing:1.1px;background:#1450961a;border:1px solid #469bff2e;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:8px;font-weight:800;display:inline-flex}.holiday-decoration{border:1px solid #3291ff24;border-radius:50%;width:360px;height:360px;position:absolute;bottom:-90px;right:-40px;transform:rotate(-18deg)}.holiday-decoration div{border:1px solid #3291ff1f;border-radius:50%;position:absolute;inset:25px}.holiday-decoration div:nth-child(2){inset:55px}.holiday-decoration div:nth-child(3){inset:90px}@media (width<=700px){.holiday-greeting{border-radius:20px;min-height:360px;margin:0;padding:32px 24px 28px}.holiday-title span{font-size:25px}.holiday-title strong{font-size:29px}.holiday-decoration{width:300px;height:300px;bottom:-120px;right:-100px}}.payment-overlay{z-index:999999;box-sizing:border-box;-webkit-backdrop-filter:blur(14px);background:radial-gradient(circle at 50% 20%,#1673ff1a,#0000 42%),#01060fd1;justify-content:center;align-items:flex-start;padding:50px 28px 28px;animation:.22s both paymentOverlayIn;display:flex;position:fixed;inset:0;overflow-y:auto}.payment-modal{box-sizing:border-box;scrollbar-width:thin;background:radial-gradient(90% 45% at 50% 0,#1c77ff1c,#0000 65%),linear-gradient(145deg,#111c2d 0%,#0b1320 52%,#070d17 100%);border:1px solid #4191ff33;border-radius:24px;width:100%;max-width:590px;max-height:calc(100dvh - 78px);margin:0 auto;padding:30px;animation:.28s both paymentModalIn;position:relative;overflow:hidden auto;box-shadow:0 35px 100px #0000009e,0 0 0 1px #ffffff05,inset 0 1px #ffffff0b}.payment-modal:before{content:"";opacity:.7;pointer-events:none;background:linear-gradient(90deg,#0000,#4ca6ff8c,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.payment-header{border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:20px;display:flex}.payment-eyebrow{color:#3694ff;letter-spacing:1.8px;margin-bottom:8px;font-size:9px;font-weight:800;display:block}.payment-header h2{color:#f7faff;letter-spacing:-.5px;margin:0;font-size:25px;font-weight:800;line-height:1.15}.payment-header p{color:#7188a9;margin:7px 0 0;font-size:11px;line-height:1.5}.payment-close{color:#7894b8;cursor:pointer;background:linear-gradient(145deg,#2382ff1a,#ffffff06);border:1px solid #4c9bff2e;border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:transform .2s,color .2s,background .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.payment-close:hover{color:#fff;background:linear-gradient(145deg,#2382ff2e,#2382ff0e);border-color:#3c9bff7a;transform:rotate(90deg);box-shadow:0 0 20px #2382ff24}.payment-close:active{transform:rotate(90deg)scale(.94)}.payment-close:focus{outline:none}.payment-close:focus-visible{outline-offset:3px;outline:2px solid #4da3ff73}.payment-total{background:radial-gradient(circle at 100% 0,#2b91ff26,#0000 48%),linear-gradient(135deg,#2382ff1c,#2382ff06);border:1px solid #2a89ff3d;border-radius:17px;margin-top:22px;padding:21px 22px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.payment-total:after{content:"";pointer-events:none;border:1px solid #3694ff1a;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-55px;right:-35px;box-shadow:0 0 0 18px #3694ff06,0 0 0 36px #3694ff05}.payment-total span{z-index:1;color:#6e8db5;letter-spacing:1.1px;text-transform:uppercase;font-size:8px;font-weight:800;display:block;position:relative}.payment-total strong{z-index:1;color:#fff;letter-spacing:-.5px;margin-top:8px;font-size:28px;line-height:1;display:block;position:relative}.payment-total small{z-index:1;color:#617c9e;margin-top:7px;font-size:9px;display:block;position:relative}.payment-method-section{margin-top:24px}.payment-method-section h3{color:#dfe9f7;margin:0 0 12px;font-size:12px;font-weight:800}.payment-methods{flex-direction:column;gap:10px;display:flex}.payment-method{box-sizing:border-box;text-align:left;color:#fff;cursor:pointer;background:linear-gradient(135deg,#101d2fe0,#08111de0);border:1px solid #fff1;border-radius:15px;align-items:center;gap:14px;width:100%;min-height:68px;padding:12px 14px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.payment-method:hover{background:linear-gradient(135deg,#142841eb,#091524eb);border-color:#2d8bff57;transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.payment-method.selected{background:radial-gradient(circle at 0%,#2382ff29,#0000 45%),linear-gradient(135deg,#163e69b3,#08182beb);border-color:#2d91ff9e;box-shadow:0 0 0 1px #2382ff14,0 8px 26px #005abe1f}.payment-method.selected:before{content:"";background:#3291ff;border-radius:0 4px 4px 0;width:3px;position:absolute;top:12px;bottom:12px;left:-1px;box-shadow:0 0 12px #3291ff8c}.payment-method-icon{color:#3192ff;background:linear-gradient(145deg,#2382ff24,#2382ff0b);border:1px solid #2a89ff24;border-radius:13px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:inset 0 1px #ffffff09}.payment-method.selected .payment-method-icon{background:linear-gradient(145deg,#2382ff3b,#2382ff12);border-color:#3799ff47;box-shadow:0 0 18px #2382ff1a}.payment-method-info{flex-direction:column;gap:5px;min-width:0;display:flex}.payment-method-info strong{color:#edf4ff;font-size:12px;font-weight:750;line-height:1.3}.payment-method-info span{color:#647e9f;font-size:9px;line-height:1.3}.payment-check{color:#fff;background:linear-gradient(145deg,#3b99ff,#1767df);border:1px solid #ffffff29;border-radius:50%;flex:0 0 23px;justify-content:center;align-items:center;width:23px;height:23px;margin-left:auto;display:flex;box-shadow:0 0 16px #2585ff59}.payment-continue{color:#657d9e;cursor:not-allowed;background:linear-gradient(135deg,#17243a,#111c2d);border:1px solid #ffffff0b;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:50px;margin-top:22px;font-family:inherit;font-size:10px;font-weight:800;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:flex}.payment-continue.active{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3895ff 0%,#2479ed 48%,#155dcc 100%);border-color:#57a9ff61;box-shadow:0 12px 30px #1969e142,inset 0 1px #ffffff29}.payment-continue.active:hover{border-color:#64b9ff8c;transform:translateY(-2px);box-shadow:0 16px 38px #1969e157,0 0 22px #2382ff1f,inset 0 1px #fff3}.payment-continue.active:active{transform:translateY(0)}.payment-detail{background:linear-gradient(145deg,#101d2ee6,#08111deb);border:1px solid #3a84d229;border-radius:17px;margin-top:20px;padding:20px;box-shadow:inset 0 1px #ffffff06}.payment-detail-header span{color:#3694ff;letter-spacing:1.6px;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.payment-detail-header h3{color:#fff;margin:0;font-size:18px;font-weight:800}.payment-detail-content{margin-top:17px}.payment-detail-content>p{color:#8ca3c2;margin:0 0 13px;font-size:12px;line-height:1.65}.payment-bank-box{background:linear-gradient(145deg,#0e1b2c,#0a1422);border:1px solid #358beb21;border-radius:13px;flex-direction:column;gap:5px;margin-top:10px;padding:16px 17px;display:flex;box-shadow:inset 0 1px #ffffff06}.payment-bank-box span{color:#7d95b4;font-size:10px;font-weight:700}.payment-bank-box strong{color:#fff;letter-spacing:.6px;font-size:18px}.payment-bank-box small{color:#637c9d;font-size:9px}.payment-account-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.payment-copy-button{color:#72b3ff;cursor:pointer;background:#1f43704d;border:1px solid #4da3ff38;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-width:76px;height:34px;padding:0 11px;font-family:inherit;font-size:10px;font-weight:800;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex}.payment-copy-button:hover{color:#fff;background:#3287ff2b;border-color:#4da3ff7a;transform:translateY(-1px);box-shadow:0 6px 16px #2382ff1a}.payment-copy-button:active{transform:translateY(0)}.payment-copy-button:focus{outline:none}.payment-copy-button:focus-visible{outline-offset:2px;outline:2px solid #4da3ff73}.payment-copy-button svg{flex-shrink:0}.qris-placeholder{box-sizing:border-box;background:#fff;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:360px;margin:16px auto;padding:12px;display:flex;overflow:hidden;box-shadow:0 14px 35px #0003}.qris-placeholder img{object-fit:contain;border-radius:7px;width:100%;max-width:280px;height:auto;display:block}.payment-qris>strong{color:#fff;text-align:center;margin-top:14px;font-size:15px;font-weight:750;display:block}.qris-save-button{color:#70b2ff;cursor:pointer;background:linear-gradient(135deg,#2382ff1a,#2382ff09);border:1px solid #4da3ff33;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:280px;height:43px;margin:14px auto 0;font-family:inherit;font-size:10px;font-weight:800;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;display:flex}.qris-save-button:hover{color:#fff;background:#2382ff26;border-color:#4da3ff6b;transform:translateY(-1px);box-shadow:0 8px 20px #2382ff1a}.qris-save-button:active{transform:translateY(0)}.payment-wallet-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.payment-wallet-options button{color:#fff;cursor:pointer;background:linear-gradient(145deg,#0d1a2b,#0a1422);border:1px solid #ffffff12;border-radius:11px;min-height:48px;padding:10px 8px;font-family:inherit;font-size:11px;font-weight:700;transition:border-color .2s,background .2s,transform .2s}.payment-wallet-options button:hover{background:#102443;border-color:#3287ff;transform:translateY(-1px)}.payment-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:42px 20px;display:flex}.payment-loading-spinner{width:82px;height:82px;margin-bottom:22px;position:relative}.payment-loading-ring{border:3px solid #3b82f6;border-color:#3b82f6 #60a5fa #3b82f61a #3b82f61a;border-radius:50%;animation:1.1s linear infinite paymentLoadingSpin;position:absolute;inset:0}.payment-loading-icon{background:radial-gradient(circle,#3b82f629,#3b82f60b);border:1px solid #3b82f629;border-radius:50%;justify-content:center;align-items:center;font-size:23px;animation:1.5s ease-in-out infinite paymentLoadingPulse;display:flex;position:absolute;inset:12px}.payment-loading h3{color:#f5f8ff;margin:0;font-size:19px;font-weight:750}.payment-loading p{color:#8fa3c2;margin:8px 0 18px;font-size:12px}.payment-loading-dots{gap:5px;margin-bottom:16px;display:flex}.payment-loading-dots span{background:#3b82f6;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite paymentLoadingDot}.payment-loading-dots span:nth-child(2){animation-delay:.15s}.payment-loading-dots span:nth-child(3){animation-delay:.3s}.payment-loading small{color:#7185a5;max-width:320px;font-size:11px;line-height:1.6}.payment-modal{scrollbar-color:#528ccd59 transparent}.payment-modal::-webkit-scrollbar{width:5px}.payment-modal::-webkit-scrollbar-track{background:0 0}.payment-modal::-webkit-scrollbar-thumb{background:#528ccd52;border-radius:10px}@media (width<=600px){.payment-overlay{align-items:flex-end;padding:12px 10px}.payment-modal{width:100%;max-width:none;max-height:calc(100dvh - 24px);padding:22px 17px calc(18px + env(safe-area-inset-bottom));border-radius:22px;margin:0;box-shadow:0 25px 70px #0000008c,0 0 0 1px #ffffff05}.payment-header{gap:14px;padding-bottom:17px}.payment-header h2{font-size:21px}.payment-header p{font-size:10px}.payment-close{border-radius:11px;flex-basis:40px;width:40px;height:40px}.payment-total{margin-top:18px;padding:18px}.payment-total strong{font-size:23px}.payment-method-section{margin-top:20px}.payment-method{border-radius:13px;gap:11px;min-height:64px;padding:10px 11px}.payment-method-icon{border-radius:11px;flex-basis:40px;width:40px;height:40px}.payment-method-info strong{font-size:11px}.payment-method-info span{font-size:8px}.payment-check{flex-basis:21px;width:21px;height:21px}.payment-continue{min-height:48px;margin-top:18px}.payment-detail{border-radius:15px;padding:17px}.payment-bank-box{padding:14px}.payment-wallet-options{gap:7px}.payment-wallet-options button{min-height:44px;font-size:10px}.qris-placeholder{max-width:300px}.payment-loading{min-height:300px;padding:35px 15px}}@media (width<=390px){.payment-overlay{padding:7px}.payment-modal{max-height:calc(100dvh - 14px);padding:19px 14px calc(15px + env(safe-area-inset-bottom));border-radius:19px}.payment-header h2{font-size:19px}.payment-close{flex-basis:38px;width:38px;height:38px}.payment-total strong{font-size:21px}.payment-method{min-height:60px}.payment-method-icon{flex-basis:37px;width:37px;height:37px}}html[data-theme=light] .payment-overlay,body.light-mode .payment-overlay,body.light .payment-overlay{-webkit-backdrop-filter:blur(14px);background:radial-gradient(circle at 50% 20%,#4696ff1a,#0000 45%),#e7eff9c2}html[data-theme=light] .payment-modal,body.light-mode .payment-modal,body.light .payment-modal{color:#10203a;background:radial-gradient(90% 45% at 50% 0,#2382ff0e,#0000 65%),linear-gradient(145deg,#fff,#f4f8fd);border-color:#2382ff29;box-shadow:0 35px 90px #284b7838,inset 0 1px #fffffff2}html[data-theme=light] .payment-modal:before,body.light-mode .payment-modal:before,body.light .payment-modal:before{background:linear-gradient(90deg,#0000,#2382ff52,#0000)}html[data-theme=light] .payment-eyebrow,body.light-mode .payment-eyebrow,body.light .payment-eyebrow{color:#2387ff}html[data-theme=light] .payment-header,body.light-mode .payment-header,body.light .payment-header{border-bottom-color:#2382ff14}html[data-theme=light] .payment-header h2,body.light-mode .payment-header h2,body.light .payment-header h2{color:#10203a}html[data-theme=light] .payment-header p,body.light-mode .payment-header p,body.light .payment-header p{color:#7186a5}html[data-theme=light] .payment-close,body.light-mode .payment-close,body.light .payment-close{color:#6480a5;background:linear-gradient(145deg,#2382ff12,#2382ff06);border-color:#2382ff24}html[data-theme=light] .payment-close:hover,body.light-mode .payment-close:hover,body.light .payment-close:hover{color:#1765dd;background:#2382ff1a;border-color:#2382ff59}html[data-theme=light] .payment-total,body.light-mode .payment-total,body.light .payment-total{background:radial-gradient(circle at 100% 0,#2382ff1a,#0000 48%),linear-gradient(135deg,#2382ff12,#2382ff06);border-color:#2382ff2e}html[data-theme=light] .payment-total span,body.light-mode .payment-total span,body.light .payment-total span{color:#6683a9}html[data-theme=light] .payment-total strong,body.light-mode .payment-total strong,body.light .payment-total strong{color:#10203a}html[data-theme=light] .payment-total small,body.light-mode .payment-total small,body.light .payment-total small{color:#7186a5}html[data-theme=light] .payment-method-section h3,body.light-mode .payment-method-section h3,body.light .payment-method-section h3{color:#253b59}html[data-theme=light] .payment-method,body.light-mode .payment-method,body.light .payment-method{color:#172943;background:linear-gradient(135deg,#fafdff,#f3f8fd);border-color:#2382ff1c}html[data-theme=light] .payment-method:hover,body.light-mode .payment-method:hover,body.light .payment-method:hover{background:#f1f7ff;border-color:#2382ff47;box-shadow:0 8px 22px #28507814}html[data-theme=light] .payment-method.selected,body.light-mode .payment-method.selected,body.light .payment-method.selected{background:radial-gradient(circle at 0%,#2382ff14,#0000 45%),linear-gradient(135deg,#f5faff,#edf6ff);border-color:#2382ff6b;box-shadow:0 0 0 1px #2382ff09,0 8px 22px #2864aa12}html[data-theme=light] .payment-method-icon,body.light-mode .payment-method-icon,body.light .payment-method-icon{color:#2387ff;background:linear-gradient(145deg,#2382ff1a,#2382ff09);border-color:#2382ff1f}html[data-theme=light] .payment-method-info strong,body.light-mode .payment-method-info strong,body.light .payment-method-info strong{color:#263b58}html[data-theme=light] .payment-method-info span,body.light-mode .payment-method-info span,body.light .payment-method-info span{color:#7186a5}html[data-theme=light] .payment-check,body.light-mode .payment-check,body.light .payment-check{color:#fff;background:linear-gradient(145deg,#3b99ff,#1767df);box-shadow:0 0 14px #2585ff38}html[data-theme=light] .payment-continue,body.light-mode .payment-continue,body.light .payment-continue{color:#7186a5;background:linear-gradient(135deg,#e9f0f9,#e4edf8);border-color:#2382ff0f}html[data-theme=light] .payment-continue.active,body.light-mode .payment-continue.active,body.light .payment-continue.active{color:#fff;background:linear-gradient(135deg,#328bff,#1765dd);box-shadow:0 12px 30px #1969e133}html[data-theme=light] .payment-detail,body.light-mode .payment-detail,body.light .payment-detail{background:linear-gradient(145deg,#f8fbfe,#f1f6fb);border-color:#2382ff1c}html[data-theme=light] .payment-detail-header span,body.light-mode .payment-detail-header span,body.light .payment-detail-header span{color:#2387ff}html[data-theme=light] .payment-detail-header h3,body.light-mode .payment-detail-header h3,body.light .payment-detail-header h3{color:#10203a}html[data-theme=light] .payment-detail-content>p,body.light-mode .payment-detail-content>p,body.light .payment-detail-content>p{color:#7186a5}html[data-theme=light] .payment-bank-box,body.light-mode .payment-bank-box,body.light .payment-bank-box{background:linear-gradient(145deg,#f4f8fd,#edf4fa);border-color:#2382ff17}html[data-theme=light] .payment-bank-box span,body.light-mode .payment-bank-box span,body.light .payment-bank-box span{color:#7186a5}html[data-theme=light] .payment-bank-box strong,body.light-mode .payment-bank-box strong,body.light .payment-bank-box strong{color:#10203a}html[data-theme=light] .payment-bank-box small,body.light-mode .payment-bank-box small,body.light .payment-bank-box small{color:#7890ad}html[data-theme=light] .payment-qris>strong,body.light-mode .payment-qris>strong,body.light .payment-qris>strong{color:#10203a}html[data-theme=light] .payment-wallet-options button,body.light-mode .payment-wallet-options button,body.light .payment-wallet-options button{color:#253b59;background:linear-gradient(145deg,#f4f8fd,#edf4fa);border-color:#2382ff1a}html[data-theme=light] .payment-wallet-options button:hover,body.light-mode .payment-wallet-options button:hover,body.light .payment-wallet-options button:hover{background:#edf5ff;border-color:#3287ff}html[data-theme=light] .payment-copy-button,body.light-mode .payment-copy-button,body.light .payment-copy-button{color:#3188ed;background:#2382ff0f;border-color:#4da3ff33}html[data-theme=light] .payment-copy-button:hover,body.light-mode .payment-copy-button:hover,body.light .payment-copy-button:hover{color:#1765dd;background:#2382ff1a;border-color:#4da3ff66}html[data-theme=light] .qris-save-button,body.light-mode .qris-save-button,body.light .qris-save-button{color:#3188ed;background:#2382ff0f;border-color:#4da3ff33}html[data-theme=light] .qris-save-button:hover,body.light-mode .qris-save-button:hover,body.light .qris-save-button:hover{color:#1765dd;background:#2382ff1a;border-color:#4da3ff66}html[data-theme=light] .payment-modal::-webkit-scrollbar-thumb{background:#466ea038}body.light-mode .payment-modal::-webkit-scrollbar-thumb{background:#466ea038}body.light .payment-modal::-webkit-scrollbar-thumb{background:#466ea038}html[data-theme=light] .payment-loading h3,body.light-mode .payment-loading h3,body.light .payment-loading h3{color:#10203a}html[data-theme=light] .payment-loading p,body.light-mode .payment-loading p,body.light .payment-loading p,html[data-theme=light] .payment-loading small,body.light-mode .payment-loading small,body.light .payment-loading small{color:#7186a5}@keyframes paymentOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes paymentModalIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes paymentLoadingSpin{to{transform:rotate(360deg)}}@keyframes paymentLoadingPulse{0%,to{opacity:.7;transform:scale(.92)}50%{opacity:1;transform:scale(1.05)}}@keyframes paymentLoadingDot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}@keyframes paymentCancelSpin{to{transform:rotate(360deg)}}html[data-theme=light] .payment-total:after,body.light-mode .payment-total:after,body.light .payment-total:after{border-color:#2382ff14;box-shadow:0 0 0 18px #2382ff05,0 0 0 36px #2382ff03}html[data-theme=light] .payment-method.selected:before,body.light-mode .payment-method.selected:before,body.light .payment-method.selected:before{background:#3287ff;box-shadow:0 0 10px #3287ff47}html[data-theme=light] .payment-va-card,body.light-mode .payment-va-card,body.light .payment-va-card{background:linear-gradient(145deg,#fafdff,#f2f7fc)!important;border-color:#2382ff1f!important;box-shadow:0 10px 28px #28507814!important}html[data-theme=light] .payment-va-number-box,body.light-mode .payment-va-number-box,body.light .payment-va-number-box{background:linear-gradient(145deg,#eef4fa,#e7eef6)!important;border-color:#2382ff14!important}html[data-theme=light] .payment-va-copy,body.light-mode .payment-va-copy,body.light .payment-va-copy{color:#18304f!important;background:#ffffff6b!important;border-color:#2382ff1a!important}html[data-theme=light] .payment-va-copy:hover,body.light-mode .payment-va-copy:hover,body.light .payment-va-copy:hover{color:#1765dd!important;background:#2382ff14!important;border-color:#2382ff3d!important}html[data-theme=light] .payment-exact-box,body.light-mode .payment-exact-box,body.light .payment-exact-box{background:#2382ff09!important;border-color:#2382ff17!important}html[data-theme=light] .payment-cancel-overlay,body.light-mode .payment-cancel-overlay,body.light .payment-cancel-overlay{-webkit-backdrop-filter:blur(8px);background:#1f304647!important}html[data-theme=light] .payment-cancel-modal,body.light-mode .payment-cancel-modal,body.light .payment-cancel-modal{color:#10203a;background:linear-gradient(145deg,#fff,#f3f7fb)!important;border-color:#2382ff1f!important;box-shadow:0 24px 70px #23416438,inset 0 1px #fffffff2!important}html[data-theme=light] .payment-cancel-modal h3,body.light-mode .payment-cancel-modal h3,body.light .payment-cancel-modal h3{color:#10203a!important}html[data-theme=light] .payment-cancel-modal p,body.light-mode .payment-cancel-modal p,body.light .payment-cancel-modal p{color:#627995!important;opacity:1!important}html[data-theme=light] .payment-cancel-back,body.light-mode .payment-cancel-back,body.light .payment-cancel-back{color:#39516f!important;background:#eef3f8!important;border-color:#23466e1a!important}html[data-theme=light] .payment-cancel-back:hover,body.light-mode .payment-cancel-back:hover,body.light .payment-cancel-back:hover{color:#1765dd!important;background:#e5eef8!important;border-color:#2382ff2e!important}html[data-theme=light] .payment-manual-warning-overlay,body.light-mode .payment-manual-warning-overlay,body.light .payment-manual-warning-overlay{-webkit-backdrop-filter:blur(8px);background:#23344842!important}html[data-theme=light] .payment-manual-warning-modal,body.light-mode .payment-manual-warning-modal,body.light .payment-manual-warning-modal{color:#10203a;background:linear-gradient(145deg,#fff,#f3f7fb)!important;border-color:#2382ff1f!important;box-shadow:0 24px 70px #23416438,inset 0 1px #fffffff2!important}html[data-theme=light] .payment-manual-warning-modal>div:nth-child(2),body.light-mode .payment-manual-warning-modal>div:nth-child(2),body.light .payment-manual-warning-modal>div:nth-child(2){color:#10203a!important}html[data-theme=light] .payment-manual-warning-modal>div:nth-child(3),body.light-mode .payment-manual-warning-modal>div:nth-child(3),body.light .payment-manual-warning-modal>div:nth-child(3){color:#627995!important;opacity:1!important}html[data-theme=light] .payment-manual-warning-modal>div:nth-child(3) strong,body.light-mode .payment-manual-warning-modal>div:nth-child(3) strong,body.light .payment-manual-warning-modal>div:nth-child(3) strong{color:#314a68!important;opacity:1!important}html[data-theme=light] .payment-manual-warning-back,body.light-mode .payment-manual-warning-back,body.light .payment-manual-warning-back{color:#39516f!important;background:#eef3f8!important;border-color:#23466e1a!important}html[data-theme=light] .payment-manual-warning-back:hover,body.light-mode .payment-manual-warning-back:hover,body.light .payment-manual-warning-back:hover{color:#1765dd!important;background:#e5eef8!important;border-color:#2382ff2e!important}html[data-theme=light] .payment-manual-warning-continue,body.light-mode .payment-manual-warning-continue,body.light .payment-manual-warning-continue{color:#fff!important;background:linear-gradient(135deg,#1683ff,#2478e8)!important;box-shadow:0 8px 20px #1683ff33!important}.payment-method-group{margin-bottom:18px}.payment-method-group-title{margin-bottom:9px}.payment-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.payment-method-group-single .payment-method-grid{grid-template-columns:1fr}@media (width<=600px){.payment-detail{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin-top:18px!important;padding:0!important}.payment-detail-header{padding:0 2px 14px}.payment-detail-header span{letter-spacing:1.5px;margin-bottom:6px;font-size:8px}.payment-detail-header h3{letter-spacing:-.2px;font-size:17px}.payment-detail-content{margin-top:0!important}.payment-detail-content>div[style*=marginTop]{border-radius:18px!important}.payment-bank-box{position:relative;background:radial-gradient(circle at 100% 0,#2d8cff14,#0000 48%),linear-gradient(145deg,#142336eb,#0a1421f5)!important;border:1px solid #509be629!important;border-radius:16px!important;padding:16px!important;box-shadow:inset 0 1px #ffffff09,0 10px 28px #00000029!important}.payment-bank-box span{letter-spacing:.9px;color:#7f96b3!important;font-size:8px!important}.payment-bank-box strong{letter-spacing:.7px;margin-top:3px;color:#f4f8ff!important;font-size:20px!important}.payment-bank-box small{color:#7188a5!important;font-size:8px!important}.payment-copy-button{margin-top:12px;box-shadow:inset 0 1px #ffffff06;color:#8db8e5!important;background:#417dbe14!important;border:1px solid #5aa0eb29!important;border-radius:10px!important;width:100%!important;min-width:0!important;height:38px!important;font-size:10px!important}.payment-copy-button:hover{color:#fff!important;background:#378cff21!important;border-color:#419bff52!important}.payment-detail-content>div[style*="textAlign: center"]{border-radius:14px!important}.payment-detail-content>div+div{box-shadow:none}.payment-total{background:linear-gradient(145deg,#122133e0,#0a1421f0)!important;border:1px solid #418cdc21!important;border-radius:15px!important;margin-top:14px!important;padding:15px 16px!important}.payment-total strong{font-size:22px!important}.payment-detail-content .payment-summary,.payment-amount-summary{border-radius:15px}.payment-detail-content [style*=Batas\ pembayaran]{margin-top:18px!important}.payment-detail-content button{transition:transform .18s,box-shadow .18s,border-color .18s}.payment-detail-content button:active{transform:scale(.985)}html[data-theme=light] .payment-detail,body.light-mode .payment-detail,body.light .payment-detail{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin-top:18px!important;padding:0!important}html[data-theme=light] .payment-detail-header,body.light-mode .payment-detail-header,body.light .payment-detail-header{padding:0 2px 14px}html[data-theme=light] .payment-detail-header span,body.light-mode .payment-detail-header span,body.light .payment-detail-header span{letter-spacing:1.5px;margin-bottom:6px;font-size:8px;color:#7a8ea8!important}html[data-theme=light] .payment-detail-header h3,body.light-mode .payment-detail-header h3,body.light .payment-detail-header h3{letter-spacing:-.2px;font-size:17px;color:#10203a!important}html[data-theme=light] .payment-detail-content,body.light-mode .payment-detail-content,body.light .payment-detail-content{margin-top:0!important}html[data-theme=light] .payment-va-card,body.light-mode .payment-va-card,body.light .payment-va-card{background:radial-gradient(circle at 100% 0,#2382ff0e,#0000 48%),linear-gradient(145deg,#f9fcff,#eef5fb)!important;border:1px solid #2382ff1f!important;border-radius:16px!important;margin-top:0!important;padding:12px!important;box-shadow:inset 0 1px #ffffffe6,0 8px 24px #375f8712!important}html[data-theme=light] .payment-va-number-box,body.light-mode .payment-va-number-box,body.light .payment-va-number-box{background:linear-gradient(145deg,#edf4fb,#e8f0f8)!important;border:1px solid #377dc31a!important;border-radius:13px!important;padding:16px!important;box-shadow:inset 0 1px #ffffffb8!important}html[data-theme=light] .payment-va-copy,body.light-mode .payment-va-copy,body.light .payment-va-copy{color:#23405f!important;background:#ffffff85!important;border:1px solid #4b91d724!important;border-radius:10px!important;height:38px!important;margin-top:12px!important;padding:0 12px!important;font-size:10px!important;box-shadow:inset 0 1px #ffffffbf!important}html[data-theme=light] .payment-va-copy:hover,body.light-mode .payment-va-copy:hover,body.light .payment-va-copy:hover{color:#1765dd!important;background:#ffffffc2!important;border-color:#3787e147!important}html[data-theme=light] .payment-exact-box,body.light-mode .payment-exact-box,body.light .payment-exact-box{background:linear-gradient(145deg,#ebf3faeb,#e5eef7d1)!important;border:1px solid #417db91a!important;border-radius:12px!important;margin-top:12px!important;padding:13px 14px!important;box-shadow:inset 0 1px #ffffffb3!important}html[data-theme=light] .payment-exact-box strong,body.light-mode .payment-exact-box strong,body.light .payment-exact-box strong{color:#10203a!important}html[data-theme=light] .payment-payment-summary,body.light-mode .payment-payment-summary,body.light .payment-payment-summary{background:linear-gradient(145deg,#f8fbfe,#eef4f9)!important;border:1px solid #417db91a!important;border-radius:15px!important;margin-top:14px!important;padding:15px 16px!important;box-shadow:inset 0 1px #ffffffd1,0 6px 18px #375f8709!important}html[data-theme=light] .payment-payment-summary>div,body.light-mode .payment-payment-summary>div,body.light .payment-payment-summary>div{color:#314964}html[data-theme=light] .payment-payment-summary>div:last-child,body.light-mode .payment-payment-summary>div:last-child,body.light .payment-payment-summary>div:last-child{border-top-color:#417db91c!important}html[data-theme=light] .payment-payment-summary strong,body.light-mode .payment-payment-summary strong,body.light .payment-payment-summary strong{color:#10203a!important}html[data-theme=light] .payment-detail-content button:active,body.light-mode .payment-detail-content button:active,body.light .payment-detail-content button:active{transform:scale(.985)}}.payment-guide-title{letter-spacing:-.2px;color:#eef5ff;margin-top:18px;margin-bottom:10px;font-size:15px;font-weight:800}.payment-guide-list{background:linear-gradient(145deg,#142336e0,#0a1421f0);border:1px solid #5aa0eb24;border-radius:15px;width:100%;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 8px 24px #0000001f}html[data-theme=light] .payment-guide-title,body.light-mode .payment-guide-title,body.light .payment-guide-title{color:#142b49!important}html[data-theme=light] .payment-guide-list,body.light-mode .payment-guide-list,body.light .payment-guide-list{background:linear-gradient(145deg,#fffffffa,#f7fafdfa)!important;border:1px solid #4678af2e!important;box-shadow:inset 0 1px #fffffff2,0 8px 24px #1e466e12!important}@media (width<=600px){.payment-guide-title{padding-left:2px;margin-top:18px!important;margin-bottom:10px!important;font-size:15px!important;font-weight:800!important}.payment-guide-list{border-radius:15px!important}}.payment-guide-list>div+div button{border-top:1px solid #ffffff0f!important}html[data-theme=light] .payment-guide-list>div+div button,body.light-mode .payment-guide-list>div+div button,body.light .payment-guide-list>div+div button{border-top:1px solid #4678af1c!important}@media (width<=600px){.payment-overlay:has(.payment-loading){justify-content:center!important;align-items:center!important;padding:12px 10px!important}.payment-overlay:has(.payment-loading) .payment-modal{max-height:calc(100dvh - 24px)!important;margin:auto!important}.payment-overlay:has(.payment-detail){justify-content:center!important;align-items:center!important;padding:12px 10px!important}.payment-overlay:has(.payment-detail) .payment-modal{max-height:calc(100dvh - 24px)!important;margin:auto!important}}.bill-page{box-sizing:border-box;color:#fff;background:radial-gradient(circle at 80% 10%,#005dff0b,#0000 28%),#020811;width:100%;min-height:100vh;padding:32px 42px 80px;font-family:inherit}.bill-header{box-sizing:border-box;background:radial-gradient(circle at 88% 15%,#0070ff21,#0000 30%),linear-gradient(135deg,#031b3c 0%,#02132d 55%,#020e21 100%);border:1px solid #0084ffad;border-radius:18px;justify-content:space-between;align-items:center;width:100%;max-width:900px;min-height:170px;margin-bottom:28px;padding:28px 30px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #0066ff09,0 10px 35px #0000002e}.bill-header:after{content:"";opacity:.65;pointer-events:none;background-image:radial-gradient(#0084ff59 1.2px,#0000 1.2px);background-size:10px 10px;width:150px;height:150px;position:absolute;top:-65px;right:5px}.bill-header>div{z-index:2;position:relative}.bill-eyebrow{color:#0095ff;letter-spacing:2px;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.bill-header h1{color:#fff;letter-spacing:-.7px;margin:0;font-size:34px;font-weight:700;line-height:1.05}.bill-header p{color:#f2f4f7c7;max-width:510px;margin:10px 0 0;font-size:13px;line-height:1.6}.bill-header-content p{max-width:420px;font-size:12px;line-height:1.45}.bill-count{z-index:5;color:#fff;white-space:nowrap;background:#02122ab3;border:1px solid #0084ffb3;border-radius:999px;flex-shrink:0;padding:11px 18px;font-size:12px;font-weight:700;position:relative;box-shadow:0 0 18px #0066ff0f}.bill-main-card{box-sizing:border-box;background:radial-gradient(circle at 92% 12%,#0069ff1f,#0000 25%),linear-gradient(145deg,#031d42 0%,#02162f 50%,#021124 100%);border:1px solid #0084ffad;border-radius:18px;width:100%;max-width:900px;padding:26px 28px 28px;position:relative;overflow:hidden;box-shadow:inset 0 0 45px #006eff06,0 15px 40px #0000002e}.bill-main-card:before{content:"";pointer-events:none;border:1px solid #007dff26;border-radius:50%;width:650px;height:250px;position:absolute;bottom:-130px;right:-190px;transform:rotate(-14deg)}.bill-main-card:after{content:"";opacity:.55;pointer-events:none;background-image:radial-gradient(#0084ff52 1.2px,#0000 1.2px);background-size:10px 10px;width:150px;height:150px;position:absolute;top:18px;right:20px}.bill-main-top{z-index:2;border-bottom:1px solid #80a6d224;grid-template-columns:74px 1fr auto;align-items:center;gap:18px;padding-bottom:22px;display:grid;position:relative}.bill-icon{box-sizing:border-box;color:#55a9ff;background:linear-gradient(145deg,#0064ff38,#00387847);border:1px solid #0084ff9e;border-radius:16px;justify-content:center;align-items:center;width:74px;height:74px;display:flex;box-shadow:inset 0 0 20px #0084ff0f}.bill-label{color:#0095ff;letter-spacing:1.7px;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.bill-main-top h2{color:#fff;letter-spacing:-.5px;margin:0;font-size:27px;font-weight:700;line-height:1.1}.bill-main-top small{color:#92b0d3a6;margin-top:6px;font-size:9px;display:block}.bill-status{white-space:nowrap;text-transform:uppercase;border-radius:999px;align-self:start;align-items:center;gap:7px;margin-top:3px;padding:7px 12px;font-size:9px;font-weight:700;display:inline-flex}.bill-status span{border-radius:50%;width:6px;height:6px;display:block}.bill-status.unpaid{color:#fbbf24;background:#f59e0b14;border:1px solid #f59e0b8c}.bill-status.unpaid span{background:#f59e0b;box-shadow:0 0 8px #f59e0b99}.bill-status.paid{color:#22c55e;background:#22c55e14;border:1px solid #22c55e73}.bill-status.paid span{background:#22c55e}.bill-amount-box{z-index:2;border-bottom:1px solid #80a6d224;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:20px 0;display:grid;position:relative}.bill-amount-box>div:first-child span{color:#7191b7;letter-spacing:1.4px;margin-bottom:6px;font-size:9px;font-weight:700;display:block}.bill-amount-box>div:first-child strong{color:#fff;font-size:26px;font-weight:700;line-height:1;display:block}.bill-due{align-items:center;gap:9px;display:flex}.bill-due>svg{color:#fbbf24;flex-shrink:0}.bill-due div span{color:#718eaf;margin-bottom:4px;font-size:8px;display:block}.bill-due div strong{color:#fff;white-space:nowrap;font-size:11px;font-weight:700;display:block}.bill-section-title{z-index:2;justify-content:space-between;align-items:center;padding:18px 0 10px;display:flex;position:relative}.bill-section-title span{color:#fff;font-size:12px;font-weight:700}.bill-section-title small{color:#6d9dd2;font-size:9px}.bill-services{z-index:2;width:100%;position:relative}.bill-service{box-sizing:border-box;background:#01112385;border:1px solid #31629659;border-radius:13px;align-items:center;gap:12px;min-height:60px;padding:10px 12px;display:flex}.bill-service+.bill-service{margin-top:7px}.bill-service-icon{color:#43a3ff;background:#005cbe1f;border:1px solid #007eff6b;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.bill-service-info{flex:1;min-width:0}.bill-service-info>span{color:#5e8fc1;letter-spacing:1.2px;margin-bottom:3px;font-size:9px;font-weight:700;display:block}.bill-service-info>strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;display:block;overflow:hidden}.bill-service-info>small{color:#50759d;margin-top:3px;font-size:9px;display:block}.bill-service-price{color:#fff;flex-shrink:0;font-size:20px;font-weight:700}.bill-action{z-index:3;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:13px;display:grid;position:relative}.bill-action button{box-sizing:border-box;cursor:pointer;border-radius:9px;min-height:42px;font-family:inherit;font-size:9px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s}.bill-action button:hover{transform:translateY(-1px)}.bill-action button:active{transform:translateY(0)}.bill-pay-button{color:#fff;background:linear-gradient(135deg,#1685ff,#0064e6);border:1px solid #008cffe6;box-shadow:0 6px 18px #0066ff2e}.bill-pay-button:hover{box-shadow:0 8px 25px #0066ff47}.detail-tagihan-btn{color:#d8e8fa;background:#08203bb8;border:1px solid #487db4a6}.detail-tagihan-btn:hover{background:#00468c33;border-color:#0091ffcc}.detail-tagihan-btn.disabled{opacity:.4;cursor:not-allowed}.bill-wa-button{color:#00df81;background:#0064481a;border:1px solid #00c570a6}.bill-wa-button:hover{background:#00965a24}.payment-history-section{width:100%;max-width:900px;margin-top:34px}.payment-history-header{justify-content:space-between;align-items:flex-end;margin-bottom:13px;display:flex}.payment-history-eyebrow{color:#0095ff;letter-spacing:1.8px;margin-bottom:0;font-size:9px;font-weight:700;display:block}.payment-history-title-wrap h2{color:#fff;margin:0;padding-left:4px;font-size:20px;font-weight:700}.payment-history-title-wrap p{color:#577b9f;margin:1px 0 0;padding-left:4px;font-size:8px}.payment-history-count{color:#6397ca;white-space:nowrap;font-size:9px}.payment-history-list{flex-direction:column;gap:7px;display:flex}.payment-history-card{box-sizing:border-box;background:linear-gradient(90deg,#031b35cc,#021225b8);border:1px solid #2e588459;border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;min-height:68px;padding:11px 13px;display:grid}.payment-history-icon{color:#00dc82;background:#00b46414;border:1px solid #00d0758c;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:flex}.payment-history-info{min-width:0}.payment-history-top{align-items:center;gap:7px;display:flex}.payment-history-top strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:9px;font-weight:700;overflow:hidden}.payment-status-paid{color:#00df81;background:#00b46414;border:1px solid #00c86e66;border-radius:4px;padding:3px 6px;font-size:6px;font-weight:700}.payment-history-invoice{color:#52799f;margin-top:0;font-size:7px}.payment-history-date{color:#466a8d;margin-top:2px;font-size:7px}.payment-history-right{display:contents}.payment-history-right strong{color:#fff;font-size:10px;font-weight:700;display:block}.payment-history-right button{color:#168fff;cursor:pointer;background:0 0;border:0;grid-column:4;justify-self:end;margin-top:5px;padding:0;font-family:inherit;font-size:7px;font-weight:700}.detail-overlay,.wa-alert-overlay{z-index:1000000;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00050fd1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.detail-modal,.wa-alert-modal{box-sizing:border-box;background:linear-gradient(145deg,#031d40,#020e20);border:1px solid #0084ff8c;border-radius:16px;width:100%;max-width:450px;max-height:calc(100vh - 40px);padding:22px;overflow-y:auto;box-shadow:0 25px 70px #0000008c}.detail-modal-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.detail-modal-header span{color:#008fff;letter-spacing:1.6px;margin-bottom:5px;font-size:8px;font-weight:700;display:block}.detail-modal-header h3{color:#fff;margin:0;font-size:20px;font-weight:700}.detail-close{color:#bcd0e5;cursor:pointer;background:#ffffff08;border:1px solid #5582ae66;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.detail-invoice-box{background:#0064c80f;border:1px solid #0084ff4d;border-radius:10px;flex-direction:column;gap:5px;margin-bottom:14px;padding:13px;display:flex}.detail-invoice-box span{color:#6087ad;font-size:10px}.detail-invoice-box strong{color:#fff;font-size:14px}.detail-row,.riwayat-detail-row{border-bottom:1px solid #7da5cd1a;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;display:flex}.detail-row span,.riwayat-detail-row span{color:#6789ad;font-size:9px}.detail-row strong,.riwayat-detail-row strong{color:#fff;text-align:right;font-size:10px}.detail-total{justify-content:space-between;align-items:center;gap:15px;padding:17px 0;display:flex}.detail-total span{color:#7295b8;font-size:11px}.detail-total strong{color:#1593ff;font-size:18px;font-weight:700}.detail-close-button{color:#fff;cursor:pointer;background:#0a2542cc;border:1px solid #507daf80;border-radius:9px;width:100%;min-height:42px;font-family:inherit;font-size:10px;font-weight:700}.wa-alert-icon{background:#f59e0b1a;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;margin-bottom:12px;font-size:23px;display:flex}.wa-alert-modal h3{color:#fff;margin:0 0 10px;font-size:18px}.wa-alert-modal p{color:#c0d0e2;margin:0;font-size:14px;line-height:1.7}.wa-alert-modal small{color:#b6c3d1;margin-top:12px;font-size:14px;line-height:1.7;display:block}.wa-alert-actions{grid-template-columns:.7fr 1.3fr;gap:8px;margin-top:18px;display:grid}.wa-alert-actions button{cursor:pointer;border-radius:8px;min-height:40px;font-family:inherit;font-size:12px;font-weight:700}.wa-alert-cancel{color:#b7c8da;background:#ffffff08;border:1px solid #5078a073}.wa-alert-confirm{color:#00dc82;background:#00965a1a;border:1px solid #00cd7880;justify-content:center;align-items:center;gap:7px;display:flex}@media (width>=1200px){.bill-page{padding-left:55px;padding-right:55px}.bill-header,.bill-main-card,.payment-history-section{max-width:900px}}@media (width<=900px){.bill-page{padding:28px 25px 90px}.bill-header,.bill-main-card,.payment-history-section{max-width:100%}}@media (width<=768px){.bill-page{box-sizing:border-box;width:100%;min-height:100vh;padding:25px 18px 105px}.bill-header{box-sizing:border-box;border-radius:12px;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:10px;min-height:125px;margin-top:-40px;margin-bottom:20px;padding:20px 18px 18px;display:grid;position:relative}.bill-header-content{grid-area:1/1/auto/-1;min-width:0;padding-right:0}.bill-count{position:absolute;top:20px;right:18px}.bill-eyebrow{letter-spacing:1.5px;grid-area:1/1;margin:0;font-size:12px;position:static}.bill-count{white-space:nowrap;z-index:5;border-radius:999px;grid-area:1/2;justify-content:center;align-items:center;padding:10px 20px;font-size:10px;line-height:1;display:inline-flex;width:auto!important;min-width:0!important;max-width:max-content!important;margin:0!important;position:static!important}.bill-header h1{letter-spacing:-.5px;grid-area:2/1/auto/-1;margin:9px 0 0;font-size:25px;line-height:1.1;position:static}.bill-header p{grid-area:3/1/auto/-1;max-width:100%;margin:6px 0 0;font-size:12px;line-height:1.5;position:static}}.bill-main-card{border-radius:17px;padding:18px 16px}.bill-main-top{grid-template-columns:55px 1fr;gap:13px;padding-bottom:17px}.bill-icon{border-radius:12px;width:55px;height:55px}.bill-icon svg{width:22px;height:22px}.bill-label{letter-spacing:1.4px;margin-bottom:4px;font-size:9px}.bill-main-top h2{letter-spacing:-.4px;font-size:21px}.bill-main-top small{margin-top:4px;font-size:9px}.bill-status{grid-column:1/-1;justify-self:start;margin-top:-2px;padding:6px 10px;font-size:7px}.bill-status span{width:5px;height:5px}.bill-amount-box{grid-template-columns:1fr;gap:16px;padding:17px 0}.bill-amount-box>div:first-child span{margin-bottom:5px;font-size:7px}.bill-amount-box>div:first-child strong{font-size:22px}.bill-due{gap:8px}.bill-due>svg{width:14px;height:14px}.bill-due div span{font-size:7px}.bill-due div strong{font-size:9px}.bill-section-title{padding:15px 0 9px}.bill-section-title span{font-size:12px}.bill-section-title small{font-size:9px}.bill-service{border-radius:10px;gap:9px;min-height:53px;padding:8px 9px}.bill-service-icon{border-radius:9px;width:34px;height:34px}.bill-service-icon svg{width:16px;height:16px}.bill-service-info>span{letter-spacing:1px;margin-bottom:2px;font-size:6px}.bill-service-info>strong{font-size:8px}.bill-service-info>small{margin-top:2px;font-size:6px}.bill-service-price{font-size:8px}.bill-action{grid-template-columns:1fr;gap:6px;margin-top:10px}.bill-action button{border-radius:8px;width:100%;min-height:37px;font-size:8px}.payment-history-section{margin-top:27px}.payment-history-header{margin-bottom:10px}.payment-history-eyebrow{letter-spacing:1.5px;padding-left:4px;font-size:10px}.payment-history-title-wrap h2{font-size:16px}.payment-history-title-wrap p{color:#f3f4f5d3;font-size:9px}.payment-history-count{color:#168fff;cursor:pointer;background:#168fff14;border:1px solid #168fff59;border-radius:6px;padding:4px 9px;font-family:inherit;font-size:9px;font-weight:700}.payment-history-card{border-radius:10px;grid-template-columns:30px minmax(0,1fr) auto auto;gap:8px;min-height:58px;padding:8px 9px}.payment-history-icon{width:28px;height:28px;font-size:12px}.payment-history-top{display:contents}.payment-history-top strong{max-width:120px;font-size:10px}.payment-status-paid{padding:2px 4px;font-size:11px;transform:translate(-30px)}.payment-history-invoice,.payment-history-date{color:#f7f8f89a;font-size:9px}.payment-history-right strong{font-size:12px}.payment-history-right button{margin-top:-30px;font-size:9px}.detail-overlay,.wa-alert-overlay{padding:14px}.detail-modal,.wa-alert-modal{border-radius:14px;max-width:100%;padding:18px}.detail-modal-header h3{font-size:17px}.detail-row,.riwayat-detail-row{padding:10px 0}.detail-row span,.riwayat-detail-row span,.detail-row strong,.riwayat-detail-row strong{font-size:11px}.detail-total strong{font-size:16px}@media (width<=390px){.bill-page{padding-left:14px;padding-right:14px}.bill-header{padding-left:18px;padding-right:18px}.bill-main-card{padding-left:13px;padding-right:13px}.bill-main-top h2{font-size:19px}.bill-amount-box>div:first-child strong{font-size:21px}.payment-history-top strong{max-width:100px}}@media (width<=350px){.bill-page{padding-left:11px;padding-right:11px}.bill-header h1{font-size:25px}.bill-main-top{grid-template-columns:48px 1fr;gap:10px}.bill-icon{width:48px;height:48px}.bill-main-top h2{font-size:18px}.bill-service-price{font-size:7px}}.mobile-active-bill,.mobile-wa-button,.bill-main-card{display:none}.mobile-active-bill{width:100%;margin-top:24px;display:block}.mobile-active-title{margin-bottom:10px}.mobile-active-title h2{color:#fff;letter-spacing:-.2px;margin:0;padding-left:4px;font-size:17px;font-weight:700;line-height:1.2}.mobile-active-title p{color:#afbecf;margin:2px 0 0;padding-left:4px;font-size:12px;line-height:1.5}.mobile-active-card{box-sizing:border-box;background:radial-gradient(circle at 92% 8%,#0069ff1a,#0000 30%),linear-gradient(145deg,#031b3c 0%,#02152e 55%,#020f21 100%);border:1px solid #0084ff7a;border-radius:14px;width:100%;padding:18px 14px 14px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #006eff06}.mobile-active-top{grid-template-columns:52px 1fr auto;align-items:start;gap:12px;padding-bottom:18px;display:grid;position:relative}.mobile-active-icon{box-sizing:border-box;color:#2d9aff;background:linear-gradient(145deg,#0064ff33,#003c8240);border:1px solid #007eff73;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.mobile-active-info{min-width:0}.mobile-active-info>strong{color:#1595ff;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;display:block;overflow:hidden}.mobile-active-info h3{color:#fff;letter-spacing:-.3px;margin:4px 0 0;font-size:20px;font-weight:700;line-height:1.1}.mobile-active-info p{color:#ccd4dd;margin:5px 0 0;font-size:9px;line-height:1.4}.mobile-active-status{white-space:nowrap;border-radius:6px;align-self:start;padding:6px 8px;font-size:8px;font-weight:700;line-height:1}.mobile-active-status.unpaid{color:#ecd4d4;background:#b41e2d33;border:1px solid #ef44446b}[data-theme=light] .mobile-active-status.unpaid{color:#9a5b00;background:#f5a62324;border:1px solid #f5a62373;font-weight:700}.mobile-active-status.paid{color:#00df81;background:#00965a1a;border:1px solid #22c55e66}.mobile-active-details{border-top:1px solid #80a6d221;border-bottom:1px solid #80a6d221;grid-template-columns:1fr 1fr 1fr;padding:14px 0;display:grid}.mobile-active-details>div{min-width:0;padding:0 10px}.mobile-active-details>div:first-child{padding-left:0}.mobile-active-details>div:last-child{padding-right:0}.mobile-active-details>div+div{border-left:1px solid #80a6d221}.mobile-active-details span{color:#bdc3ca;margin-bottom:6px;font-size:9px;line-height:1.2;display:block}.mobile-active-details strong{color:#fff;font-size:10px;font-weight:700;line-height:1.3;display:block}.mobile-active-details .mobile-total{color:#f1951c;white-space:nowrap;font-size:14px;font-weight:700}.mobile-active-actions{flex-direction:column;gap:7px;margin-top:13px;display:flex}.mobile-active-actions button{box-sizing:border-box;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:38px;font-family:inherit;font-size:10px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:flex}.mobile-active-actions button:active{transform:scale(.99)}.mobile-pay-button{color:#fff;background:linear-gradient(135deg,#1685ff,#0064e6);border:1px solid #008cffd9;box-shadow:0 5px 15px #0066ff29}.mobile-pay-button:hover{box-shadow:0 7px 20px #0066ff40}.mobile-detail-button{color:#d8e8fa;background:#08203bb8;border:1px solid #487db49e}.mobile-detail-button:hover{background:#00468c2e;border-color:#0091ffbf}.mobile-detail-button.disabled{opacity:.4;cursor:not-allowed}@media (width<=390px){.mobile-active-card{padding:16px 12px 13px}.mobile-active-top{grid-template-columns:48px 1fr auto;gap:10px}.mobile-active-icon{width:47px;height:47px}.mobile-active-info h3{font-size:19px}.mobile-active-status{padding:6px 7px;font-size:6.5px}.mobile-active-details>div{padding-left:7px;padding-right:7px}}.mobile-wa-button{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(135deg,#075e3f,#063f2d);border:1px solid #25d36659;border-radius:16px;align-items:center;gap:12px;width:100%;min-height:60px;margin-top:15px;padding:8px 14px 8px 10px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0003}@media (width>=769px){.mobile-wa-button{display:none}}.mobile-wa-button:after{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#25d36624,#0000 45%);position:absolute;inset:0}.mobile-wa-button .wa-icon-wrap{background:#25d3661a;border:1px solid #25d36659;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:inset 0 0 0 1px #25d36614,0 0 14px #25d3661a}.mobile-wa-button .wa-icon{object-fit:contain;width:27px;height:27px;display:block}.mobile-wa-button .wa-text{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.mobile-wa-button .wa-text strong{color:#fff;letter-spacing:.1px;margin:0;font-size:12px;font-weight:600;line-height:1.35;display:block}.mobile-wa-button .wa-text small{color:#ffffffad;margin:0;font-size:10px;font-weight:400;line-height:1.35;display:block}.mobile-wa-button .wa-arrow{color:#ffffffbf;flex-shrink:0;width:20px;height:20px;transition:transform .2s,color .2s}.mobile-wa-button:hover{background:linear-gradient(135deg,#08734c,#065139);border-color:#25d36699;transform:translateY(-1px);box-shadow:0 10px 25px #00aa6e29}.mobile-wa-button:hover .wa-arrow{color:#fff;transform:translate(3px)}.mobile-wa-button:hover .wa-icon-wrap{border-color:#25d3668c;box-shadow:inset 0 0 0 1px #25d3661f,0 0 18px #25d36629}.mobile-wa-button:active{transform:translateY(0)}[data-theme=light] .mobile-wa-button{background:linear-gradient(135deg,#40a77e,#0ba368);border-color:#00965f59;box-shadow:0 5px 16px #0078501f}[data-theme=light] .mobile-wa-button .wa-text strong{color:#fff}[data-theme=light] .mobile-wa-button .wa-text small{color:#ffffffbf}html[data-theme=light] .bill-page .bill-header{background:linear-gradient(135deg,#fff 0%,#fafdff 58%,#f2f8fd 100%)!important;border:1px solid #1688ff21!important;box-shadow:0 10px 28px #32649112,inset 0 1px #fffffff2!important}html[data-theme=light] .bill-page .bill-header .active-bill-count{background:#ffffffd1;border:1px solid #1688ff2e;box-shadow:0 4px 12px #1688ff0f}html[data-theme=light] .bill-page .bill-header{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#fbfdff 62%,#eef6fc 100%)!important;border:1px solid #1688ff1f!important;box-shadow:0 8px 24px #3264910f,inset 0 1px #fffffff2!important}html[data-theme=light] .bill-page .bill-header:before{content:"";pointer-events:none;opacity:1;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300'%3E%3Cg fill='none' stroke='%232687f5' stroke-width='1.2'%3E%3Crect x='760' y='28' width='115' height='70' rx='15' opacity='.18'/%3E%3Crect x='900' y='10' width='155' height='92' rx='18' opacity='.11'/%3E%3Crect x='1015' y='72' width='125' height='82' rx='16' opacity='.15'/%3E%3Crect x='680' y='115' width='135' height='72' rx='15' opacity='.12'/%3E%3Crect x='825' y='105' width='175' height='96' rx='18' opacity='.08'/%3E%3Crect x='970' y='155' width='155' height='100' rx='18' opacity='.13'/%3E%3Crect x='550' y='185' width='135' height='95' rx='16' opacity='.10'/%3E%3Crect x='720' y='205' width='190' height='105' rx='18' opacity='.08'/%3E%3Crect x='925' y='235' width='150' height='95' rx='18' opacity='.12'/%3E%3C/g%3E%3Cg fill='%232687f5'%3E%3Crect x='835' y='55' width='18' height='18' rx='4' opacity='.12'/%3E%3Crect x='1035' y='112' width='25' height='25' rx='5' opacity='.15'/%3E%3Crect x='620' y='215' width='18' height='18' rx='4' opacity='.10'/%3E%3C/g%3E%3Cg fill='%2300aef0' opacity='.12'%3E%3Ccircle cx='735' cy='65' r='3'/%3E%3Ccircle cx='750' cy='65' r='3'/%3E%3Ccircle cx='765' cy='65' r='3'/%3E%3Ccircle cx='735' cy='80' r='3'/%3E%3Ccircle cx='750' cy='80' r='3'/%3E%3Ccircle cx='765' cy='80' r='3'/%3E%3C/g%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000000d 22%,#0000008c 42%,#000 62% 100%);mask-image:linear-gradient(90deg,#0000 0%,#0000000d 22%,#0000008c 42%,#000 62% 100%)}html[data-theme=light] .bill-page .bill-header>*{z-index:2;position:relative}html[data-theme=light] .bill-page .bill-header:after{content:none!important}@media (width>=769px){.bill-page .mobile-active-bill{display:none!important}.bill-page .bill-main-card{display:block}}@media (width<=768px){.bill-page .bill-main-card{display:none}.bill-page .mobile-active-bill{display:block}}@media (width>=901px){.bill-page .bill-main-top{grid-template-columns:74px minmax(0,1fr) auto;align-items:start;gap:18px;padding-bottom:22px}.bill-page .bill-status{grid-area:1/3;place-self:start end;margin-top:3px;padding:7px 12px;font-size:9px;line-height:1}.bill-page .bill-amount-box{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:30px;padding:20px 0}.bill-page .bill-amount-box>div:first-child{min-width:0}.bill-page .bill-due{justify-self:end;min-width:230px}.bill-page .bill-due div span{margin-bottom:6px;font-size:9px}.bill-page .bill-due div strong{font-size:13px}.bill-page .bill-service{border-radius:13px;gap:14px;min-height:72px;padding:12px 14px}.bill-page .bill-service-info>span{margin-bottom:4px;font-size:9px}.bill-page .bill-service-info>strong{font-size:13px;line-height:1.35}.bill-page .bill-service-info>small{margin-top:4px;font-size:9px}.bill-page .bill-service-price{font-size:16px}.bill-page .bill-action{gap:8px}.bill-page .bill-action button{white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 16px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.bill-page .bill-action button svg{flex-shrink:0;width:15px;height:15px}.bill-page .bill-status{transform:translate(-8px,8px)}.bill-page .bill-due:before{content:"";background:linear-gradient(#0000 0%,#2d7dcd14 8%,#2d7dcd61 50%,#2d7dcd14 92%,#0000 100%);width:1px;height:54px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.bill-page .bill-amount-box{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:0;padding:20px 0;display:grid}.bill-page .bill-amount-box>div{min-width:0}.bill-page .bill-amount-box>div>span,.bill-page .bill-issued>span,.bill-page .bill-total>span{color:#7191b7;letter-spacing:1.4px;margin-bottom:6px;font-size:9px;font-weight:700;display:block}.bill-page .bill-issued strong,.bill-page .bill-due strong{color:#fff;white-space:nowrap;font-size:12px;font-weight:700;display:block}.bill-page .bill-issued{padding-right:28px}.bill-page .bill-due{min-width:0;padding-left:28px;position:relative}.bill-page .bill-due:before,.bill-page .bill-total:before{content:"";background:linear-gradient(#0000 0%,#2d7dcd14 8%,#2d7dcd61 50%,#2d7dcd14 92%,#0000 100%);width:1px;height:54px;position:absolute;top:50%;transform:translateY(-50%)}.bill-page .bill-due:before{left:0}.bill-page .bill-due>svg{flex-shrink:0;width:16px;height:16px}.bill-page .bill-total{padding-left:28px;position:relative}.bill-page .bill-total:before{left:0}.bill-page .bill-total strong{color:#fff;font-size:22px;font-weight:700;line-height:1;display:block}.bill-page .bill-amount-box{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;min-height:76px;padding:18px 0;display:grid}.bill-page .bill-issued,.bill-page .bill-due,.bill-page .bill-total{box-sizing:border-box;flex-direction:column;justify-content:center;width:100%;min-width:0;min-height:48px;display:flex;position:relative}.bill-page .bill-issued>span,.bill-page .bill-due div>span,.bill-page .bill-total>span{color:#7191b7;letter-spacing:1.2px;margin:0 0 7px;font-size:9px;font-weight:700;line-height:1;display:block}.bill-page .bill-issued strong,.bill-page .bill-due div strong,.bill-page .bill-total strong{color:#fff;letter-spacing:-.15px;white-space:nowrap;margin:0;font-size:17px;font-weight:700;line-height:1.2;display:block}.bill-page .bill-issued{padding:0 30px 0 0}.bill-page .bill-due{flex-direction:row;align-items:center;gap:10px;padding:0 30px}.bill-page .bill-due>svg{color:#fbbf24;filter:drop-shadow(0 0 5px #fbbf2440);flex-shrink:0;width:16px;height:16px}.bill-page .bill-due div{min-width:0}.bill-page .bill-total{padding:0 0 0 30px}.bill-page .bill-due:before,.bill-page .bill-total:before{content:"";background:linear-gradient(#0000 0%,#2d7dcd0f 8%,#2d7dcd57 50%,#2d7dcd0f 92%,#0000 100%);width:1px;height:48px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.bill-page .bill-due{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:0 30px}.bill-page .bill-due div{text-align:left;min-width:0}.bill-page .bill-due div>span,.bill-page .bill-due div strong{text-align:left}.bill-page .bill-due>svg{flex-shrink:0}[data-theme=light] .bill-page .bill-main-card{background:radial-gradient(55% 75% at 88% 12%,#2391ff13,#0000 70%),linear-gradient(145deg,#fff 0%,#f9fbfe 52%,#f2f7fb 100%);border-color:#287dcd2e;box-shadow:0 12px 32px #2d557d11,inset 0 1px #fffffff2}[data-theme=light] .bill-page .bill-main-card:after{opacity:.42}[data-theme=light] .bill-page .bill-main-top,[data-theme=light] .bill-page .bill-amount-box{border-bottom-color:#326eaa1a}[data-theme=light] .bill-page .bill-due:before,[data-theme=light] .bill-page .bill-total:before{background:linear-gradient(#0000 0%,#327dcd0a 10%,#327dcd38 50%,#327dcd0a 90%,#0000 100%)}[data-theme=light] .bill-page .bill-issued>span,[data-theme=light] .bill-page .bill-due div>span,[data-theme=light] .bill-page .bill-total>span{color:#71859c}[data-theme=light] .bill-page .bill-issued strong,[data-theme=light] .bill-page .bill-due div strong,[data-theme=light] .bill-page .bill-total strong{color:#17283b}[data-theme=light] .bill-page .bill-service{background:linear-gradient(135deg,#fffffff5,#f7fafdfa);border-color:#326eaa21;box-shadow:0 4px 14px #28507809,inset 0 1px #ffffffe6}[data-theme=light] .bill-page .bill-section-title span{color:#405a74}[data-theme=light] .bill-page .bill-section-title small{color:#8193a7}[data-theme=light] .bill-page .bill-service-info>span{color:#7088a0}[data-theme=light] .bill-page .bill-service-info>strong{color:#17283b}[data-theme=light] .bill-page .bill-service-info>small{color:#8798aa}[data-theme=light] .bill-page .bill-service-price{color:#17283b}}html[data-theme=light] .bill-page .bill-main-card:after{content:"";pointer-events:none;opacity:.72;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300'%3E%3Cg fill='none' stroke='%232687f5' stroke-width='1.2'%3E%3Crect x='760' y='28' width='115' height='70' rx='15' opacity='.18'/%3E%3Crect x='900' y='10' width='155' height='92' rx='18' opacity='.11'/%3E%3Crect x='1015' y='72' width='125' height='82' rx='16' opacity='.15'/%3E%3Crect x='680' y='115' width='135' height='72' rx='15' opacity='.12'/%3E%3Crect x='825' y='105' width='175' height='96' rx='18' opacity='.08'/%3E%3Crect x='970' y='155' width='155' height='100' rx='18' opacity='.13'/%3E%3Crect x='550' y='185' width='135' height='95' rx='16' opacity='.10'/%3E%3Crect x='720' y='205' width='190' height='105' rx='18' opacity='.08'/%3E%3Crect x='925' y='235' width='150' height='95' rx='18' opacity='.12'/%3E%3C/g%3E%3Cg fill='%232687f5'%3E%3Crect x='835' y='55' width='18' height='18' rx='4' opacity='.12'/%3E%3Crect x='1035' y='112' width='25' height='25' rx='5' opacity='.15'/%3E%3Crect x='620' y='215' width='18' height='18' rx='4' opacity='.10'/%3E%3C/g%3E%3Cg fill='%2300aef0' opacity='.12'%3E%3Ccircle cx='735' cy='65' r='3'/%3E%3Ccircle cx='750' cy='65' r='3'/%3E%3Ccircle cx='765' cy='65' r='3'/%3E%3Ccircle cx='735' cy='80' r='3'/%3E%3Ccircle cx='750' cy='80' r='3'/%3E%3Ccircle cx='765' cy='80' r='3'/%3E%3C/g%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;background-size:auto 100%;width:58%;height:50%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000001f 25%,#000000a6 55%,#000 100%);mask-image:linear-gradient(90deg,#0000 0%,#0000001f 25%,#000000a6 55%,#000 100%)}@media (width<=700px){html[data-theme=light] .bill-page .mobile-active-status.unpaid{box-shadow:0 3px 10px #f59e0b14;color:#c77b00!important;background:#f59e0b1a!important;border:1px solid #f59e0b73!important}html[data-theme=light] .bill-page .mobile-active-status.unpaid:before{background:#f59e0b!important}}@media (width>=901px){.bill-page .bill-wa-button{letter-spacing:.1px;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 18px;font-family:inherit;font-size:10px;font-weight:700;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.bill-page .bill-wa-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.bill-page .bill-wa-icon img{object-fit:contain;width:18px;height:18px;display:block}.bill-page .bill-wa-text{white-space:nowrap;line-height:1}.bill-page .bill-wa-arrow{flex-shrink:0;transition:transform .2s,opacity .2s}html[data-theme=dark] .bill-page .bill-wa-button{color:#19d98b;background:linear-gradient(135deg,#00644857,#00915c2e);border:1px solid #00da847a;box-shadow:0 6px 18px #0078501a,inset 0 1px #ffffff0b}html[data-theme=dark] .bill-page .bill-wa-icon{background:#00dc821a;border:1px solid #00dc8229;box-shadow:inset 0 1px #ffffff0d}html[data-theme=dark] .bill-page .bill-wa-arrow{color:#19d98b;opacity:.8}html[data-theme=dark] .bill-page .bill-wa-button:hover{background:linear-gradient(135deg,#0078526b,#00a5693b);border-color:#00eb8cad;transform:translateY(-1px);box-shadow:0 9px 24px #00785029,0 0 18px #00c8780f,inset 0 1px #ffffff0f}html[data-theme=light] .bill-page .bill-wa-button{color:#078f62;background:linear-gradient(135deg,#fff 0%,#f5fbf8 100%);border:1px solid #00a6694d;box-shadow:0 6px 18px #0078500e,inset 0 1px #fffffff2}html[data-theme=light] .bill-page .bill-wa-icon{background:#00b57013;border:1px solid #00a66921;box-shadow:inset 0 1px #ffffffe6}html[data-theme=light] .bill-page .bill-wa-arrow{color:#078f62;opacity:.8}html[data-theme=light] .bill-page .bill-wa-button:hover{background:linear-gradient(135deg,#fff 0%,#effaf5 100%);border-color:#00a66975;transform:translateY(-1px);box-shadow:0 9px 24px #00785017,0 0 18px #00b9780b,inset 0 1px #fff}.bill-page .bill-wa-button:hover .bill-wa-arrow{opacity:1;transform:translate(2px)}.bill-page .bill-wa-button:active{transform:translateY(0)}.bill-page .bill-wa-button{gap:10px}.bill-page .bill-wa-icon img{width:20px;height:20px}.bill-page .bill-wa-arrow{margin-left:1px}.bill-page .detail-overlay .detail-modal{box-sizing:border-box;border-radius:16px;width:680px!important;max-width:calc(100vw - 80px)!important;padding:22px 24px!important}.bill-page .detail-modal h2{font-size:18px;line-height:1.25}.bill-page .detail-modal .detail-eyebrow{letter-spacing:1.4px;font-size:8px}.bill-page .detail-modal .invoice-box{border-radius:10px;padding:12px 14px}.bill-page .detail-modal .detail-row{min-height:42px;padding:9px 0}.bill-page .detail-modal .detail-row span{font-size:9px}.bill-page .detail-modal .detail-row strong{font-size:10px}.bill-page .detail-modal .detail-total strong{font-size:16px}.bill-page .detail-modal .detail-close{border-radius:9px;width:34px;height:34px}.bill-page .detail-modal .detail-close-button{border-radius:9px;min-height:40px;font-size:10px}}@media (width>=701px){.wa-alert-modal{box-sizing:border-box;border-radius:18px;width:100%;max-width:620px!important;padding:24px 26px!important}.wa-alert-modal h3{font-size:18px}.wa-alert-modal p{font-size:12px;line-height:1.6}}.tiket-page{box-sizing:border-box;color:#fff;width:100%;max-width:1380px;margin:0 auto;padding:38px 44px 100px}.tiket-header{background:linear-gradient(135deg,#082a4b38,#03122314) padding-box padding-box,linear-gradient(120deg,#1688ff52,#1688ff0f,#00bedc33,#1688ff0a) border-box;border:1px solid #0000;border-radius:16px;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;padding:22px 24px;display:flex;position:relative;box-shadow:0 10px 30px #0000001a,inset 0 1px #ffffff06}.tiket-header-content{min-width:0}.tiket-header h1{letter-spacing:-1px;margin:4px 0 8px;font-size:32px;line-height:1.1}.tiket-header p{color:#7890b5;max-width:520px;margin:0;font-size:14px;line-height:1.6}.tiket-create-button{isolation:isolate;color:#fff;letter-spacing:.1px;cursor:pointer;background:linear-gradient(135deg,#0878ff 0%,#1265dc 45%,#073b91 100%);border:1px solid #2d91ffa6;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-width:150px;height:44px;padding:0 20px;font-family:inherit;font-size:12px;font-weight:700;transition:transform .22s,border-color .22s,box-shadow .22s,filter .22s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #006eff14,0 8px 22px #0064ff33,0 0 28px #006eff1a}.tiket-create-button:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:35%;height:260%;transition:left .55s;position:absolute;top:-80%;left:-35%;transform:rotate(22deg)}.tiket-create-button:after{content:"";pointer-events:none;background:linear-gradient(#ffffff14,#0000 42%);border-radius:10px;position:absolute;inset:1px}.tiket-create-button:hover{filter:brightness(1.06);border-color:#50aafff2;transform:translateY(-2px);box-shadow:0 0 0 1px #0078ff1f,0 10px 28px #0064ff47,0 0 34px #0078ff2e}.tiket-create-button:hover:before{left:120%}.tiket-create-button:active{transform:translateY(0)scale(.98);box-shadow:0 5px 14px #005aff2e}.tiket-summary{background:linear-gradient(135deg,#0a1c34e0,#040e1cf0);border:1px solid #3778be33;border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;margin-bottom:34px;display:grid;overflow:hidden;box-shadow:0 12px 35px #00000029,inset 0 1px #ffffff06}.tiket-summary-item{border-right:1px solid #3778be24;align-items:center;gap:12px;min-height:92px;padding:16px 18px;transition:background .2s,transform .2s;display:flex;position:relative}.tiket-summary-item:last-child{border-right:none}.tiket-summary-item:hover{background:#145fb414}.tiket-summary-icon{background:linear-gradient(145deg,#ffffff14,#ffffff06);border:1px solid #ffffff0f;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:inset 0 1px #ffffff09,0 6px 16px #0000001f}.tiket-summary-icon svg{width:22px;height:22px}.tiket-summary-icon.semua{color:#4da4ff;background:linear-gradient(145deg,#1688ff2e,#1688ff0e);border-color:#1688ff2e;box-shadow:0 0 18px #1688ff14}.tiket-summary-icon.baru{color:#38d9b0;background:linear-gradient(145deg,#00d2a02b,#00d2a00b);border-color:#00d2a02e;box-shadow:0 0 18px #00d2a012}.tiket-summary-icon.diproses{color:#f3b94e;background:linear-gradient(145deg,#f0aa372b,#f0aa370b);border-color:#f0aa372e;box-shadow:0 0 18px #f0aa3712}.tiket-summary-icon.pending{color:#b879ff;background:linear-gradient(145deg,#9650ff2e,#9650ff0b);border-color:#9650ff2e;box-shadow:0 0 18px #9650ff12}.tiket-summary-icon.selesai{color:#48d982;background:linear-gradient(145deg,#37d26e2e,#37d26e0b);border-color:#37d26e2e;box-shadow:0 0 18px #37d26e12}.tiket-summary-content{flex-direction:column;justify-content:center;min-width:0;display:flex}.tiket-summary-content span{color:#7189a9;letter-spacing:1px;margin-bottom:3px;font-size:9px;font-weight:700;line-height:1.2}.tiket-summary-content strong{color:#fff;letter-spacing:-.5px;font-size:25px;font-weight:750;line-height:1}.tiket-summary-content small{color:#7892b2;margin-top:4px;font-size:9px;font-weight:600;line-height:1}.tiket-list-section{width:100%}.tiket-section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;padding-bottom:2px;display:flex}.tiket-section-heading h2{color:#fff;letter-spacing:-.5px;margin:4px 0 0;font-size:24px;font-weight:800;line-height:1.15}.tiket-total{color:#7894b8;letter-spacing:.1px;font-size:11px;font-weight:600;line-height:1}.tiket-list{flex-direction:column;gap:12px;display:flex}.tiket-card{box-sizing:border-box;background:linear-gradient(135deg,#081b32f5,#030e1bfa);border:1px solid #2a6fbe47;border-radius:15px;width:100%;padding:20px 22px;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000029,inset 0 1px #ffffff06}.tiket-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#006eff1f,#0000 70%);width:180px;height:180px;position:absolute;top:-80px;right:-60px}.tiket-card:hover{border-color:#2d87eb80;transform:translateY(-2px);box-shadow:0 14px 36px #00000038,0 0 25px #0064ff0f}.tiket-card-top{z-index:1;justify-content:space-between;align-items:center;gap:15px;display:flex;position:relative}.tiket-card-number{color:#1688ff;letter-spacing:.8px;font-size:11px;font-weight:800}.tiket-status{letter-spacing:.7px;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:9px;font-weight:800}.tiket-status.status-1,.tiket-status.status-2{color:#39a0ff;background:#1478ff1a;border:1px solid #1e91ff4d}.tiket-status.status-3{color:#26d5e5;background:#00bed21a;border:1px solid #00cddc4d}.tiket-status.status-4{color:#ffc044;background:#ffaa141a;border:1px solid #ffb41e4d}.tiket-status.status-5{color:#00d990;background:#00be781a;border:1px solid #00dc9140}.tiket-card-body{z-index:1;margin-top:15px;position:relative}.tiket-card-body h3{color:#fff;letter-spacing:-.2px;margin:0 0 16px;font-size:17px;font-weight:700;line-height:1.3}.tiket-card-meta{align-items:center;gap:12px;margin-top:7px;display:flex}.tiket-card-meta span{color:#647d9f;min-width:62px;font-size:10px;font-weight:600}.tiket-card-meta strong{color:#c7d5e8;font-size:11px;font-weight:600}.tiket-card-footer{z-index:1;border-top:1px solid #3c6ea524;justify-content:space-between;align-items:center;gap:15px;margin-top:19px;padding-top:15px;display:flex;position:relative}.tiket-card-footer>span{color:#5f789b;font-size:10px;font-weight:600}.tiket-detail-button{color:#1688ff;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:11px;font-weight:700;transition:color .2s,transform .2s}.tiket-detail-button:hover{color:#52a8ff;transform:translate(2px)}.tiket-empty-state{box-sizing:border-box;text-align:center;background:radial-gradient(circle at 50% 20%,#006eff17,#0000 45%),linear-gradient(135deg,#081b32d1,#030e1bf5);border:1px solid #2a6fbe47;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:250px;padding:35px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px #00000029,inset 0 1px #ffffff06}.tiket-empty-state:before{content:"";pointer-events:none;background:radial-gradient(circle,#0078ff1f,#0000 70%);width:260px;height:200px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.tiket-empty-icon{z-index:1;background:linear-gradient(145deg,#1257a04d,#041e3cb3);border:1px solid #2382ff59;border-radius:15px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:16px;font-size:24px;display:flex;position:relative;box-shadow:0 8px 25px #005aff1f,inset 0 1px #ffffff0a}.tiket-empty-content{z-index:1;max-width:440px;position:relative}.tiket-empty-content h3{color:#fff;letter-spacing:-.25px;margin:0;font-size:18px;font-weight:700}.tiket-empty-content p{color:#7189a9;max-width:400px;margin:9px auto 0;font-size:12px;line-height:1.6}.tiket-empty-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1688ff 0%,#0759c9 100%);border:1px solid #2d87ff73;border-radius:10px;min-width:145px;height:40px;margin-top:19px;padding:0 18px;font-family:inherit;font-size:11px;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;box-shadow:0 7px 20px #0064ff33,inset 0 1px #ffffff1f}.tiket-empty-button:hover{border-color:#469bffbf;transform:translateY(-1px);box-shadow:0 10px 25px #0064ff47,0 0 20px #006eff1a}.tiket-empty-button:active{transform:translateY(0)}.tiket-progress-empty{box-sizing:border-box;text-align:center;background:radial-gradient(circle at 50% 25%,#0078ff0e,#0000 48%),linear-gradient(#06172a4d,#030f1c2e);border:1px solid #2d78be29;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:35px 30px;display:flex;position:relative;overflow:hidden}.tiket-progress-empty:before{content:"";pointer-events:none;background:radial-gradient(circle,#0082ff1a,#0000 70%);width:240px;height:180px;position:absolute;top:-90px;left:50%;transform:translate(-50%)}.tiket-progress-empty-icon{z-index:1;color:#1688ff;text-shadow:0 0 12px #1688ff73;background:linear-gradient(145deg,#1469be33,#0523446b);border:1px solid #2387ff52;border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:17px;font-size:21px;font-weight:700;display:flex;position:relative;box-shadow:0 8px 24px #005aff1a,inset 0 1px #ffffff09}.tiket-progress-empty h3{z-index:1;color:#fff;letter-spacing:-.25px;margin:0;font-size:17px;font-weight:700;position:relative}.tiket-progress-empty p{z-index:1;color:#7189a9;max-width:390px;margin:9px auto 0;font-size:12px;line-height:1.65;position:relative}@media (width>=769px){.tiket-progress-list{flex-direction:column;gap:0;margin-top:4px;padding:8px 4px 8px 8px;display:flex;position:relative}.tiket-progress-item{grid-template-columns:34px 1fr;column-gap:14px;min-height:105px;display:grid;position:relative}.tiket-progress-item:not(:last-child) .tiket-progress-marker:after{content:"";background:linear-gradient(#1688ff73,#1688ff14);width:1px;position:absolute;top:34px;bottom:-1px;left:16px}.tiket-progress-item:has(+.tiket-progress-item.latest) .tiket-progress-marker:after{opacity:.85;background:linear-gradient(#f0aa37a6,#f0aa371f);box-shadow:0 0 7px #f0aa3733}.tiket-progress-marker{justify-content:center;align-items:flex-start;padding-top:2px;display:flex;position:relative}.tiket-progress-marker span{z-index:2;color:#4da4ff;background:linear-gradient(145deg,#0b3662f2,#03162afa);border:1px solid #1688ff61;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:flex;position:relative;box-shadow:0 0 0 4px #1688ff09,0 5px 16px #0050b426}.tiket-progress-content{min-width:0;padding:1px 8px 22px 0}.tiket-progress-top{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:8px;display:flex}.tiket-progress-top strong{color:#fff;font-size:13px;font-weight:700;line-height:1.4}.tiket-progress-top>span{color:#557596;flex-shrink:0;font-size:9px;font-weight:600}.tiket-progress-content p{color:#7892b2;margin:0;font-size:11px;line-height:1.65}.tiket-progress-person{color:#6685a6;background:linear-gradient(135deg,#082a488c,#05192d61);border:1px solid #2378c829;border-radius:7px;align-items:center;gap:6px;margin-top:9px;padding:6px 9px;font-size:9px;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff06}.tiket-progress-person strong{color:#c2dcf5;font-size:9px;font-weight:700}.tiket-progress-item.completed .tiket-progress-marker span{color:#38e0b1;background:linear-gradient(145deg,#054e46bf,#032326f2);border-color:#00d2a073}.tiket-progress-empty{box-sizing:border-box;text-align:center;background:radial-gradient(circle at 50% 30%,#006eff12,#0000 55%),#03142659;border:1px solid #2a6fbe38;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:255px;padding:30px;display:flex}.tiket-progress-empty-icon{color:#4da4ff;background:linear-gradient(145deg,#1257a04d,#041e3cb3);border:1px solid #2382ff59;border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;font-size:23px;font-weight:700;display:flex;box-shadow:0 8px 25px #005aff1f,inset 0 1px #ffffff0a}.tiket-progress-empty h3{color:#fff;margin:0;font-size:16px;font-weight:700}.tiket-progress-empty p{color:#7189a9;margin:8px 0 0;font-size:11px;line-height:1.6}.tiket-progress-item .tiket-progress-marker span{color:#4da4ff;border-color:#1688ff73}.tiket-progress-item.status-2 .tiket-progress-marker span{color:#4da4ff;background:linear-gradient(145deg,#0f4e91e6,#031c34fa);border-color:#1688ff8c;box-shadow:0 0 0 4px #1688ff0a,0 0 18px #1688ff1f}.tiket-progress-item.status-3 .tiket-progress-marker span{color:#45d8ef;background:linear-gradient(145deg,#08586ee6,#031e2dfa);border-color:#00bedc8c;box-shadow:0 0 0 4px #00bedc09,0 0 18px #00bedc1f}.tiket-progress-item.status-4 .tiket-progress-marker span{color:#f3b94e;background:linear-gradient(145deg,#6e4c12bf,#281c08fa);border-color:#f0aa378c;box-shadow:0 0 0 4px #f0aa3709,0 0 18px #f0aa371a}.tiket-progress-item.status-5 .tiket-progress-marker span{color:#38e0b1;background:linear-gradient(145deg,#055a4cc7,#032326fa);border-color:#00d2a08c;box-shadow:0 0 0 4px #00d2a009,0 0 18px #00d2a01a}.tiket-progress-item.latest .tiket-progress-marker span{z-index:2;position:relative;transform:scale(1.08)}.tiket-progress-item.latest .tiket-progress-marker span:after{content:"";opacity:.35;border:1px solid;border-radius:50%;animation:2s ease-in-out infinite tiketLatestPulse;position:absolute;inset:-6px}.tiket-progress-item.latest{position:relative}.tiket-progress-item.latest .tiket-progress-content{filter:brightness(1.08)}@keyframes tiketLatestPulse{0%,to{opacity:.18;transform:scale(.92)}50%{opacity:.45;transform:scale(1.08)}}}@media (width<=700px){.tiket-page{padding:24px 14px 90px}.tiket-header{border-radius:14px;margin-bottom:22px;padding:18px 16px;display:block}.tiket-header h1{letter-spacing:-.6px;font-size:26px}.tiket-header p{max-width:100%;font-size:12px;line-height:1.55}.tiket-create-button{border-radius:12px;width:100%;min-width:0;height:46px;margin-top:16px;font-size:12px;box-shadow:0 8px 24px #0064ff38,0 0 30px #006eff1a}.tiket-summary{border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px}.tiket-summary-item{border-bottom:1px solid #3778be1f;border-right:1px solid #3778be1f;align-items:center;gap:10px;min-height:82px;padding:13px 14px;display:flex}.tiket-summary-item:nth-child(2n){border-right:none}.tiket-summary-item:nth-child(3),.tiket-summary-item:nth-child(4){border-bottom:none}.tiket-summary-item:last-child{border-bottom:none;border-right:none;grid-column:1/-1}.tiket-summary-icon{border-radius:12px;flex-shrink:0;width:36px;height:36px}.tiket-summary-icon svg{width:19px;height:19px}.tiket-summary-content{min-width:0}.tiket-summary-content span{letter-spacing:.9px;margin-bottom:3px;font-size:8px}.tiket-summary-content strong{font-size:22px}.tiket-summary-content small{margin-top:3px;font-size:8px}.tiket-summary-item:hover{background:#145fb40f}.tiket-section-heading{background:0 0;border:1px solid #1688ff38;border-radius:13px;padding:14px 16px;box-shadow:0 0 10px #1688ff0f,inset 0 0 8px #1688ff06}.tiket-card{border-radius:14px;padding:15px 14px}.tiket-card-number{font-size:11px}.tiket-status{padding:5px 9px;font-size:9px}.tiket-card-body{margin-top:11px}.tiket-card-body h3{margin-bottom:11px;font-size:15px;line-height:1.3}.tiket-card-meta{gap:7px;margin-top:6px}.tiket-card-meta span{min-width:55px;font-size:9px}.tiket-card-meta strong{font-size:10px}.tiket-card-footer{margin-top:13px;padding-top:10px}.tiket-card-footer>span{font-size:9px}.tiket-detail-button{font-size:10px}.tiket-empty-state{border-radius:14px;min-height:245px;padding:28px 20px}.tiket-empty-icon{border-radius:14px;width:50px;height:50px;margin-bottom:14px;font-size:22px}.tiket-empty-content h3{font-size:16px}.tiket-empty-content p{max-width:290px;font-size:11px;line-height:1.6}.tiket-empty-button{width:145px;height:42px;margin-top:17px;font-size:11px}}@media (width>=701px) and (width<=1100px){.tiket-page{padding:32px 28px 90px}.tiket-header{gap:20px}.tiket-header h1{font-size:30px}.tiket-header p{font-size:13px}.tiket-create-button{min-width:140px;height:42px}.tiket-summary{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:28px}.tiket-summary-item{min-height:78px;padding:15px 14px}.tiket-summary-item span{letter-spacing:.9px;font-size:9px}.tiket-summary-item strong{font-size:22px}}@media (width>=701px){.tiket-page{box-sizing:border-box;width:100%;max-width:1380px;margin:0 auto;padding:38px 44px 90px}.tiket-header{justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px;display:flex}.tiket-header h1{letter-spacing:-1px;margin:5px 0 8px;font-size:32px;line-height:1.1}.tiket-header p{color:var(--text-secondary,#7890b5);margin:0;font-size:13px;line-height:1.6}.tiket-create-button{border-radius:12px;min-width:176px;height:46px;padding:0 22px;font-size:12px;font-weight:800}.tiket-summary{background:linear-gradient(135deg,#091d35eb,#030e1cf5);border:1px solid #3778be38;border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;margin-bottom:30px;display:grid;overflow:hidden;box-shadow:0 14px 35px #00000029,inset 0 1px #ffffff06}.tiket-summary-item{box-sizing:border-box;min-height:82px;padding:17px 22px}.tiket-summary-item span{color:#6d8db5;letter-spacing:1.25px;margin-bottom:8px;font-size:9px;font-weight:800}.tiket-summary-item strong{color:var(--text-primary,#fff);font-size:25px;font-weight:800}.tiket-desktop-layout{grid-template-columns:minmax(340px,.78fr) minmax(500px,1.22fr);gap:14px;width:100%;min-height:560px;display:grid}.tiket-desktop-list-panel{box-sizing:border-box;background:linear-gradient(145deg,#08182cf5,#030e1bfa);border:1px solid #2d73b938;border-radius:16px;min-width:0;padding:18px;box-shadow:0 14px 35px #00000026,inset 0 1px #ffffff06}.tiket-desktop-list-panel .tiket-section-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:14px;display:flex}.tiket-desktop-list-panel .tiket-section-heading h2{color:var(--text-primary,#fff);letter-spacing:-.4px;margin:4px 0 0;font-size:20px;line-height:1.2}.tiket-desktop-list-panel .tiket-total{color:#6d8bb0;font-size:10px;font-weight:700}.tiket-filter-area{grid-template-columns:minmax(0,1fr) 132px;gap:8px;margin-bottom:12px;display:grid}.tiket-search{box-sizing:border-box;background:#03101fc2;border:1px solid #3c7dbe38;border-radius:9px;align-items:center;gap:8px;height:38px;padding:0 11px;transition:border-color .2s,box-shadow .2s;display:flex}.tiket-search:focus-within{border-color:#1487ff8c;box-shadow:0 0 0 3px #0078ff12}.tiket-search>span{color:#6385aa;flex-shrink:0;font-size:13px;line-height:1}.tiket-search input{width:100%;min-width:0;color:var(--text-primary,#fff);background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:11px}.tiket-search input::placeholder{color:#536f92}.tiket-filter-select{width:100%;height:38px;color:var(--text-primary,#fff);cursor:pointer;background:#03101fc2;border:1px solid #3c7dbe38;border-radius:9px;outline:none;padding:0 10px;font-family:inherit;font-size:10px;font-weight:600}.tiket-desktop-list{flex-direction:column;gap:8px;max-height:445px;padding-right:3px;display:flex;overflow-y:auto}.tiket-desktop-list::-webkit-scrollbar{width:4px}.tiket-desktop-list::-webkit-scrollbar-track{background:0 0}.tiket-desktop-list::-webkit-scrollbar-thumb{background:#3c78b440;border-radius:999px}.tiket-desktop-item{box-sizing:border-box;width:100%;min-height:91px;color:inherit;text-align:left;cursor:pointer;background:linear-gradient(145deg,#0a1c32c2,#04101ee0);border:1px solid #3778be24;border-radius:12px;outline:none;padding:14px;font-family:inherit;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;position:relative}.tiket-desktop-item:hover{background:linear-gradient(145deg,#0c223de6,#051323f0);border-color:#2382f059;transform:translateY(-1px)}.tiket-desktop-item.selected{background:linear-gradient(145deg,#0a2749f5,#04162bfa);border-color:#1487ffb8;box-shadow:0 0 0 1px #0078ff1a,0 8px 24px #0050b41f,inset 3px 0 #1487ffe6}.tiket-desktop-item .tiket-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.tiket-desktop-item .tiket-card-number{color:#2092ff;letter-spacing:.7px;font-size:10px;font-weight:800}.tiket-desktop-item .tiket-status{padding:5px 9px;font-size:8px;line-height:1}.tiket-desktop-item .tiket-card-body{margin-top:10px}.tiket-desktop-item .tiket-card-body h3{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;margin:0 0 7px;font-size:12px;font-weight:700;line-height:1.35;overflow:hidden}.tiket-desktop-item .tiket-card-meta{align-items:center;gap:8px;margin:0;display:flex}.tiket-desktop-item .tiket-card-meta span{color:#5d789b;min-width:auto;font-size:8px}.tiket-desktop-item .tiket-card-meta strong{color:#7d96b5;white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-weight:600;overflow:hidden}.tiket-desktop-detail{box-sizing:border-box;background:linear-gradient(145deg,#08192df7,#030e1bfc);border:1px solid #2d73b938;border-radius:16px;min-width:0;padding:20px;position:relative;overflow:hidden;box-shadow:0 14px 35px #00000026,inset 0 1px #ffffff06}.tiket-desktop-detail:before{content:"";pointer-events:none;background:radial-gradient(circle,#006eff1a,#0000 70%);width:250px;height:250px;position:absolute;top:-100px;right:-80px}.tiket-detail-header{z-index:1;border-bottom:1px solid #3778b424;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:17px;display:flex;position:relative}.tiket-detail-number{color:#238fff;letter-spacing:.9px;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.tiket-detail-header h2{max-width:520px;color:var(--text-primary,#fff);letter-spacing:-.3px;margin:0;font-size:19px;line-height:1.35}.tiket-detail-header .tiket-status{margin-top:2px;padding:6px 10px;font-size:8px}.tiket-detail-meta{z-index:1;background:#0311207a;border:1px solid #3778b41f;border-radius:11px;grid-template-columns:.8fr 1.2fr 1.2fr;margin-top:18px;display:grid;position:relative;overflow:hidden}.tiket-detail-meta>div{border-right:1px solid #3778b41f;min-width:0;padding:13px 14px}.tiket-detail-meta>div:last-child{border-right:none}.tiket-detail-meta span{color:#5f7d9f;letter-spacing:.8px;margin-bottom:6px;font-size:8px;font-weight:800;display:block}.tiket-detail-meta strong{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:700;display:block;overflow:hidden}.tiket-detail-description{z-index:1;margin-top:19px;position:relative}.tiket-detail-description>span{color:#5f83ad;letter-spacing:.9px;margin-bottom:8px;font-size:8px;font-weight:800;display:block}.tiket-detail-description p{box-sizing:border-box;min-height:90px;color:var(--text-secondary,#9bb0c9);background:#0311208a;border:1px solid #3778b424;border-radius:11px;margin:0;padding:14px;font-size:10px;line-height:1.7}.tiket-detail-actions{z-index:1;justify-content:flex-end;margin-top:16px;display:flex;position:relative}.tiket-detail-full-button{color:#43a5ff;cursor:pointer;background:linear-gradient(135deg,#0f73dc33,#04376e52);border:1px solid #1e8cff73;border-radius:9px;min-width:175px;height:39px;padding:0 18px;font-family:inherit;font-size:10px;font-weight:800;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.tiket-detail-full-button:hover{background:linear-gradient(135deg,#0f7df047,#04417d6b);border-color:#32a0ffbf;transform:translateY(-1px);box-shadow:0 8px 20px #0064dc24}.tiket-detail-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:470px;display:flex}.tiket-detail-placeholder>div{background:#0a509b2e;border:1px solid #1e87ff4d;border-radius:15px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:14px;font-size:22px;display:flex}.tiket-detail-placeholder h3{color:var(--text-primary,#fff);margin:0;font-size:16px}.tiket-detail-placeholder p{color:var(--text-secondary,#7189a9);margin:7px 0 0;font-size:10px}.tiket-no-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:180px;display:flex}.tiket-no-result span{font-size:20px}.tiket-no-result p{color:#6d86a5;margin:8px 0 0;font-size:10px}.tiket-loading-state,.tiket-error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:300px;display:flex}.tiket-error-state h2{color:var(--text-primary,#fff);margin:0 0 8px}.tiket-error-state p{color:var(--text-secondary,#7890b5);font-size:12px}.tiket-error-state button{color:#3da0ff;cursor:pointer;background:#0a64c82e;border:1px solid #1e87ff66;border-radius:9px;height:38px;margin-top:10px;padding:0 18px}[data-theme=light] .tiket-page{color:#17283b}[data-theme=light] .tiket-header{background:linear-gradient(135deg,#fafdff 0%,#eef7fd 55%,#e7f2fa 100%) padding-box padding-box,linear-gradient(120deg,#1688ff47,#50aadc24,#1688ff14) border-box;border:1px solid #0000;box-shadow:0 12px 30px #28507814,inset 0 1px #ffffffd9}[data-theme=light] .tiket-summary{background:linear-gradient(135deg,#fff,#f4f8fc);border-color:#325a8229;box-shadow:0 10px 30px #14325014,inset 0 1px #ffffffb3}[data-theme=light] .tiket-summary-item{border-color:#325a821a}[data-theme=light] .tiket-summary-item span{color:#66809c}[data-theme=light] .tiket-summary-content strong{color:#15263a}[data-theme=light] .tiket-summary-content small{color:#6f87a2}[data-theme=light] .tiket-summary-icon{border-color:#325a821a;box-shadow:inset 0 1px #ffffffb3,0 5px 14px #28507812}[data-theme=light] .tiket-section-heading h2{color:#17283b}[data-theme=light] .tiket-total{color:#6b83a0}[data-theme=light] .tiket-search,[data-theme=light] .tiket-filter-select{color:#17283b;background:#fff;border-color:#325a8229}[data-theme=light] .tiket-search input{color:#17283b}[data-theme=light] .tiket-search input::placeholder{color:#8ba0b7}[data-theme=light] .tiket-card{color:#17283b;background:linear-gradient(145deg,#fff,#f7faff);border-color:#325a8224;box-shadow:0 8px 22px #1e416412}[data-theme=light] .tiket-card-body h3{color:#17283b}[data-theme=light] .tiket-card-meta span{color:#6f87a2}[data-theme=light] .tiket-card-meta strong{color:#344f6b}[data-theme=light] .tiket-card-footer{border-color:#325a821a}[data-theme=light] .tiket-card-footer>span{color:#6f87a2}[data-theme=light] .tiket-desktop-list-panel,[data-theme=light] .tiket-desktop-detail{background:linear-gradient(145deg,#fff,#f5f8fc);border-color:#325a8229;box-shadow:0 12px 30px #1e3c5a14}[data-theme=light] .tiket-desktop-item{color:#17283b;background:linear-gradient(145deg,#fff,#f7faff);border-color:#325a8221}[data-theme=light] .tiket-desktop-item:hover{background:#f1f7fd}[data-theme=light] .tiket-desktop-item.selected{background:linear-gradient(145deg,#eef7ff,#f8fbff);border-color:#0f73e18c;box-shadow:inset 3px 0 #0f7debe6,0 8px 20px #1e64b412}[data-theme=light] .tiket-desktop-item .tiket-card-body h3{color:#17283b}[data-theme=light] .tiket-detail-number{color:#1688ff}[data-theme=light] .tiket-detail-header h2{color:#17283b}[data-theme=light] .tiket-detail-header,[data-theme=light] .tiket-detail-tabs{border-color:#325a821f}[data-theme=light] .tiket-detail-tab{color:#7187a0}[data-theme=light] .tiket-detail-tab:hover{color:#287fd1;background:#1e78dc09}[data-theme=light] .tiket-detail-tab.active{color:#1688ff}[data-theme=light] .tiket-desktop-detail .tiket-detail-meta{background:#eff6fce6;border-color:#325a821f}[data-theme=light] .tiket-desktop-detail .tiket-detail-meta>div{border-color:#325a821a}[data-theme=light] .tiket-desktop-detail .tiket-detail-meta span{color:#68819d}[data-theme=light] .tiket-desktop-detail .tiket-detail-meta strong{color:#1a2c40}[data-theme=light] .tiket-detail-info-row span{color:#68819d}[data-theme=light] .tiket-detail-info-row strong{color:#344f6b}[data-theme=light] .tiket-desktop-detail .tiket-detail-description>span{color:#68819d}[data-theme=light] .tiket-desktop-detail .tiket-detail-description p{color:#344f6b;background:#f8fbfe;border-color:#325a821f}[data-theme=light] .tiket-desktop-detail .tiket-detail-full-button{color:#fff;background:linear-gradient(135deg,#258fff,#1260c7);border-color:#2387ff66;box-shadow:0 7px 20px #0064ff1f,inset 0 1px #fff3}@media (width<=700px){[data-theme=light] .tiket-section-heading{background:0 0;border-color:#1688ff33;box-shadow:0 0 10px #1688ff0a,inset 0 0 8px #1688ff04}}@media (width>=701px) and (width<=1100px){.tiket-page{padding:30px 26px 90px}.tiket-desktop-layout{grid-template-columns:minmax(300px,.85fr) minmax(400px,1.15fr)}.tiket-filter-area{grid-template-columns:1fr}.tiket-detail-meta{grid-template-columns:1fr 1fr}.tiket-detail-meta>div:nth-child(2){border-right:none}.tiket-detail-meta>div:nth-child(3){border-top:1px solid #3778b41f;border-right:none;grid-column:1/-1}}}@media (width>=1101px){.tiket-desktop-layout{grid-template-columns:minmax(390px,.82fr) minmax(560px,1.18fr);gap:14px;width:100%;min-height:520px;display:grid}.tiket-desktop-list-panel{box-sizing:border-box;background:linear-gradient(145deg,#081b32f0,#030e1bfa);border:1px solid #2a6fbe47;border-radius:16px;min-width:0;min-height:520px;padding:20px;position:relative;overflow:hidden;box-shadow:0 14px 40px #0000002e,inset 0 1px #ffffff06}.tiket-desktop-list-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#006eff1a,#0000 70%);width:260px;height:260px;position:absolute;top:-120px;left:-100px}.tiket-desktop-list-panel .tiket-section-heading{z-index:1;margin-bottom:16px;position:relative}.tiket-desktop-list-panel .tiket-section-heading h2{letter-spacing:-.4px;font-size:20px}.tiket-filter-area{z-index:2;grid-template-columns:minmax(0,1fr) 122px;gap:8px;margin-bottom:12px;display:grid;position:relative}.tiket-search{box-sizing:border-box;background:#031120c7;border:1px solid #2a6fbe42;border-radius:10px;align-items:center;gap:8px;height:38px;padding:0 11px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.tiket-search:focus-within{background:#041528f0;border-color:#1e87ffa6;box-shadow:0 0 0 3px #006eff12}.tiket-search span{color:#1688ff;flex-shrink:0;font-size:13px}.tiket-search input{color:#dceaff;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:11px}.tiket-search input::placeholder{color:#5e7697}.tiket-filter-select{box-sizing:border-box;color:#c9d9ed;cursor:pointer;background:#031120c7;border:1px solid #2a6fbe42;border-radius:10px;outline:none;width:100%;height:38px;padding:0 10px;font-family:inherit;font-size:10px;font-weight:600}.tiket-filter-select:focus{border-color:#1e87ffa6;box-shadow:0 0 0 3px #006eff12}.tiket-desktop-list{z-index:1;flex-direction:column;gap:8px;max-height:390px;padding-right:3px;display:flex;position:relative;overflow-y:auto}.tiket-desktop-list::-webkit-scrollbar{width:4px}.tiket-desktop-list::-webkit-scrollbar-track{background:0 0}.tiket-desktop-list::-webkit-scrollbar-thumb{background:#2d78c847;border-radius:999px}.tiket-desktop-item{box-sizing:border-box;color:#fff;text-align:left;cursor:pointer;background:linear-gradient(145deg,#06172bd1,#03101ee6);border:1px solid #2a6fbe33;border-radius:12px;width:100%;min-height:88px;padding:14px 13px;font-family:inherit;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;position:relative}.tiket-desktop-item:hover{background:linear-gradient(145deg,#081e37eb,#031120f5);border-color:#2387f06b;transform:translateY(-1px)}.tiket-desktop-item.selected{background:linear-gradient(145deg,#08223efa,#041426fa);border-color:#148cffd9;box-shadow:0 0 0 1px #0073ff1f,0 8px 24px #0050b41a}.tiket-desktop-item.selected:before{content:"";background:#1688ff;border-radius:0 4px 4px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0;box-shadow:0 0 12px #1688ff73}.tiket-desktop-item .tiket-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.tiket-desktop-item .tiket-card-number{letter-spacing:.8px;font-size:10px}.tiket-desktop-item .tiket-status{padding:5px 8px;font-size:8px}.tiket-desktop-item .tiket-card-body{margin-top:11px}.tiket-desktop-item .tiket-card-body h3{color:#edf5ff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 7px;font-size:12px;line-height:1.3;overflow:hidden}.tiket-desktop-item .tiket-card-meta{gap:8px;margin-top:0;display:flex}.tiket-desktop-item .tiket-card-meta span{color:#58718f;min-width:auto;font-size:8px}.tiket-desktop-item .tiket-card-meta strong{color:#7891af;font-size:8px;font-weight:600}.tiket-no-result{color:#607b9c;text-align:center;border:1px dashed #3273b440;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:130px;display:flex}.tiket-no-result span{font-size:20px}.tiket-no-result p{margin:0;font-size:10px}.tiket-desktop-detail{box-sizing:border-box;background:linear-gradient(145deg,#081b32f0,#030e1bfa);border:1px solid #2a6fbe47;border-radius:16px;min-width:0;min-height:520px;padding:22px;position:relative;overflow:hidden;box-shadow:0 14px 40px #0000002e,inset 0 1px #ffffff06}.tiket-desktop-detail:before{content:"";pointer-events:none;background:radial-gradient(circle,#0078ff1a,#0000 70%);width:280px;height:280px;position:absolute;top:-120px;right:-100px}.tiket-detail-header{z-index:1;border-bottom:1px solid #3c73aa24;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:17px;display:flex;position:relative}.tiket-detail-number{color:#1688ff;letter-spacing:.8px;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.tiket-detail-header h2{color:#f4f8ff;letter-spacing:-.3px;margin:0;font-size:17px;line-height:1.3}.tiket-detail-header .tiket-status{margin-top:1px;padding:6px 10px;font-size:8px}.tiket-detail-tabs{z-index:2;border-bottom:1px solid #3c73aa24;gap:4px;margin-top:0;display:flex;position:relative}.tiket-detail-tab{color:#647f9f;cursor:pointer;background:0 0;border:none;height:43px;padding:0 14px;font-family:inherit;font-size:10px;font-weight:700;transition:color .2s;position:relative}.tiket-detail-tab:hover{color:#a9c9ed}.tiket-detail-tab.active{color:#4da4ff}.tiket-detail-tab.active:after{content:"";background:#1688ff;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:10px;right:10px;box-shadow:0 0 10px #1688ff66}@media (width>=1101px){.tiket-detail-tabs{border-bottom:1px solid #3c73aa24;gap:2px;width:100%;margin-top:0}.tiket-detail-tab{appearance:none;color:#6380a2;cursor:pointer;min-width:68px;height:46px;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;padding:0 16px;font-family:inherit;font-size:10px;font-weight:700;transition:color .2s,background .2s}.tiket-detail-tab:hover{color:#b8d7f7;background:#1e78dc09}.tiket-detail-tab:focus,.tiket-detail-tab:focus-visible{box-shadow:none;outline:none}.tiket-detail-tab.active{color:#4da4ff;background:0 0}.tiket-detail-tab.active:after{content:"";background:#1688ff;border-radius:3px;height:2px;position:absolute;bottom:-1px;left:12px;right:12px;box-shadow:0 0 10px #1688ff73,0 0 18px #1688ff26}}.tiket-detail-content{z-index:1;padding-top:18px;position:relative}.tiket-desktop-detail .tiket-detail-meta{background:#03112085;border:1px solid #2d6eaa33;border-radius:11px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.tiket-desktop-detail .tiket-detail-meta>div{border-right:1px solid #2d6eaa29;min-width:0;padding:15px 13px}.tiket-desktop-detail .tiket-detail-meta>div:last-child{border-right:none}.tiket-desktop-detail .tiket-detail-meta span{color:#527396;letter-spacing:.8px;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.tiket-desktop-detail .tiket-detail-meta strong{color:#d9e7f7;font-size:10px;line-height:1.4;display:block}.tiket-detail-info-row{flex-direction:column;gap:6px;margin-top:15px;display:flex}.tiket-detail-info-row span{color:#527396;letter-spacing:.8px;font-size:8px;font-weight:800}.tiket-detail-info-row strong{color:#dce9f8;word-break:break-word;font-size:10px;font-weight:600;line-height:1.5;display:block}.tiket-desktop-detail .tiket-detail-description{z-index:1;margin-top:18px;position:relative}.tiket-desktop-detail .tiket-detail-description>span{color:#527396;letter-spacing:.8px;margin-bottom:9px;font-size:8px;font-weight:800;display:block}.tiket-desktop-detail .tiket-detail-description p{box-sizing:border-box;color:#dce9f8;background:#03112085;border:1px solid #2d6eaa33;border-radius:11px;min-height:78px;margin:0;padding:15px;font-size:10px;line-height:1.6}.tiket-desktop-detail .tiket-detail-actions{z-index:2;justify-content:flex-end;margin-top:16px;display:flex;position:relative}.tiket-desktop-detail .tiket-detail-full-button{color:#48a0ff;cursor:pointer;background:linear-gradient(135deg,#074a918c,#032852b8);border:1px solid #2387ff80;border-radius:10px;min-width:145px;height:38px;padding:0 16px;font-family:inherit;font-size:9px;font-weight:700;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff0a}.tiket-desktop-detail .tiket-detail-full-button:hover{background:linear-gradient(135deg,#085bafa6,#043364cc);border-color:#41a0ffd9;transform:translateY(-1px);box-shadow:0 7px 20px #0064ff24}.tiket-detail-placeholder{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:470px;display:flex;position:relative}.tiket-detail-placeholder>div{background:#0523418c;border:1px solid #2382ff4d;border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:14px;font-size:22px;display:flex}.tiket-detail-placeholder h3{color:#dce9f8;margin:0;font-size:16px}.tiket-detail-placeholder p{color:#607b9c;max-width:280px;margin:8px 0 0;font-size:10px;line-height:1.6}}@media (width<=700px){[data-theme=light] .tiket-summary{background:linear-gradient(135deg,#fff,#f4f8fc);border-color:#325a8229;box-shadow:0 10px 28px #1e416414}[data-theme=light] .tiket-summary-item{border-color:#325a821a}[data-theme=light] .tiket-summary-content span{color:#66809c}[data-theme=light] .tiket-summary-content strong{color:#15263a}[data-theme=light] .tiket-summary-content small{color:#6f87a2}[data-theme=light] .tiket-summary-icon{box-shadow:inset 0 1px #ffffffb3,0 5px 14px #28507812}[data-theme=light] .tiket-section-heading h2{color:#17283b}[data-theme=light] .tiket-total{color:#6b83a0}[data-theme=light] .tiket-card{color:#17283b;background:linear-gradient(145deg,#fff,#f7faff);border-color:#325a8224;box-shadow:0 8px 22px #1e416412}[data-theme=light] .tiket-card-body h3{color:#17283b}[data-theme=light] .tiket-card-meta span{color:#6f87a2}[data-theme=light] .tiket-card-meta strong{color:#344f6b}[data-theme=light] .tiket-card-footer{border-color:#325a821a}[data-theme=light] .tiket-card-footer>span{color:#6f87a2}[data-theme=light] .tiket-create-button{color:#fff;background:linear-gradient(135deg,#258fff,#1260c7);border-color:#2387ff66;box-shadow:0 8px 24px #0064ff2e,0 0 22px #006eff14,inset 0 1px #fff3}[data-theme=light] .tiket-header{background:linear-gradient(135deg,#fafdff 0%,#f1f8fd 55%,#eaf4fa 100%) padding-box padding-box,linear-gradient(120deg,#1688ff3d,#50aadc1f,#1688ff0f) border-box;border:1px solid #0000;box-shadow:0 10px 26px #28507814,inset 0 1px #ffffffd9}[data-theme=light] .tiket-header h1{color:#17283b}[data-theme=light] .tiket-header p{color:#607b96}}.tiket-mobile-list{display:none}@media (width<=700px){.tiket-desktop-layout{display:none!important}.tiket-mobile-list{display:block!important}}@media (width>=701px){.tiket-desktop-layout{display:grid!important}.tiket-mobile-list{display:none!important}}html[data-theme=light] .tiket-empty-state{background:linear-gradient(145deg,#fff 0%,#f8fbff 58%,#f1f7fc 100%)!important;border-color:#326ea529!important;box-shadow:0 12px 32px #234b6e14,inset 0 1px #fffffff2!important}html[data-theme=light] .tiket-empty-state:before{background:radial-gradient(circle,#1688ff12,#0000 70%)!important}html[data-theme=light] .tiket-empty-icon{background:linear-gradient(145deg,#edf6ff,#e2effc)!important;border-color:#1688ff33!important;box-shadow:0 8px 22px #1688ff14,inset 0 1px #ffffffe6!important}html[data-theme=light] .tiket-empty-content h3{color:#172033!important}html[data-theme=light] .tiket-empty-content p{color:#68809a!important}.buat-tiket-page{box-sizing:border-box;width:100%;max-width:860px;margin:0 auto;padding:34px 0 80px}.buat-tiket-header{margin-bottom:28px}.buat-tiket-back-button{color:#dcecff;cursor:pointer;background:#05192da6;border:1px solid #2882dc4d;border-radius:10px;justify-content:center;align-items:center;margin-bottom:22px;padding:9px 14px;font-family:inherit;font-size:11px;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.buat-tiket-back-button:hover{background:#0a2d4bd9;border-color:#1e91ff8c;transform:translateY(-1px)}.buat-tiket-header h1{color:#fff;letter-spacing:-.8px;margin:0 0 8px;font-size:32px;line-height:1.15}.buat-tiket-header p{max-width:620px;color:var(--text-secondary,#6f8cab);margin:0;font-size:13px;line-height:1.65}.buat-tiket-form{box-sizing:border-box;background:radial-gradient(circle at 100% 0,#146ed214,#0000 38%),linear-gradient(145deg,#061d32f5,#03111dfa);border:1px solid #3282d22e;border-radius:18px;width:100%;padding:28px;box-shadow:0 18px 45px #00000029}.buat-tiket-field{margin-bottom:22px}.buat-tiket-field label{color:var(--text-primary,#eaf3ff);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.buat-tiket-field input,.buat-tiket-field select,.buat-tiket-field textarea{box-sizing:border-box;width:100%;color:var(--text-primary,#eaf3ff);background:#041424b8;border:1px solid #5082be2e;border-radius:11px;outline:none;font-family:inherit;font-size:12px;transition:border-color .2s,background .2s,box-shadow .2s}.buat-tiket-field input,.buat-tiket-field select{height:46px;padding:0 14px}.buat-tiket-field textarea{resize:vertical;min-height:145px;padding:13px 14px;line-height:1.65}.buat-tiket-field input::placeholder,.buat-tiket-field textarea::placeholder{color:#526d89}.buat-tiket-field input:focus,.buat-tiket-field select:focus,.buat-tiket-field textarea:focus{background:#05192ce0;border-color:#1487ff8c;box-shadow:0 0 0 3px #147df012}.buat-tiket-field input:disabled,.buat-tiket-field select:disabled,.buat-tiket-field textarea:disabled{opacity:.55;cursor:not-allowed}.buat-tiket-message{border-radius:11px;margin-bottom:20px;padding:13px 15px;font-size:11px;line-height:1.5}.buat-tiket-error{color:#ff8f8f;background:#9619191f;border:1px solid #ff505033}.buat-tiket-success{color:#55e6b0;background:#00b4781a;border:1px solid #00d28c33}.buat-tiket-submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#087ef5,#075fc5);border:1px solid #1e91ff80;border-radius:12px;width:100%;height:48px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 10px 25px #006ef02e}.buat-tiket-submit-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #006ef040}.buat-tiket-submit-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=700px){.buat-tiket-page{max-width:100%;padding:22px 0 90px}.buat-tiket-header{margin-bottom:22px}.buat-tiket-back-button{margin-bottom:17px;padding:8px 12px;font-size:10px}.buat-tiket-header h1{letter-spacing:-.6px;font-size:25px}.buat-tiket-header p{font-size:12px;line-height:1.55}.buat-tiket-form{border-radius:15px;padding:18px}.buat-tiket-field{margin-bottom:18px}.buat-tiket-field label{margin-bottom:7px;font-size:10px}.buat-tiket-field input,.buat-tiket-field select{height:43px;padding:0 12px;font-size:11px}.buat-tiket-field textarea{min-height:130px;padding:12px;font-size:11px}.buat-tiket-submit-button{height:46px;font-size:11px}}.buat-tiket-active-card{box-sizing:border-box;background:radial-gradient(circle at 100% 0,#ffb43c14,#0000 38%),linear-gradient(145deg,#091f33f5,#03111dfa);border:1px solid #ffb43c2e;border-radius:18px;width:100%;padding:28px;box-shadow:0 18px 45px #00000029}.buat-tiket-active-eyebrow{color:#ffbd55;letter-spacing:.8px;background:#ffb43c14;border:1px solid #ffb43c40;border-radius:999px;align-items:center;padding:6px 10px;font-size:9px;font-weight:800;display:inline-flex}.buat-tiket-active-card h2{color:#fff;letter-spacing:-.35px;margin:16px 0 9px;font-size:21px;line-height:1.3}.buat-tiket-active-card>p{max-width:620px;color:var(--text-secondary,#6f8cab);margin:0 0 24px;font-size:12px;line-height:1.7}.buat-tiket-active-info{border-top:1px solid #5082be1f;border-bottom:1px solid #5082be1f;grid-template-columns:repeat(3,1fr);margin-bottom:22px;display:grid}.buat-tiket-active-info>div{border-right:1px solid #5082be1f;min-width:0;padding:17px 18px}.buat-tiket-active-info>div:first-child{padding-left:0}.buat-tiket-active-info>div:last-child{border-right:none}.buat-tiket-active-info span{color:#5d83a7;letter-spacing:.7px;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:700;display:block}.buat-tiket-active-info strong{color:#eaf3ff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;display:block;overflow:hidden}.buat-tiket-view-button{box-sizing:border-box;color:#62b5ff;cursor:pointer;background:linear-gradient(135deg,#0f7df02e,#0550a01f);border:1px solid #1e91ff66;border-radius:12px;justify-content:center;align-items:center;width:100%;height:46px;padding:0 18px;font-family:inherit;font-size:11px;font-weight:800;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.buat-tiket-view-button:hover{background:linear-gradient(135deg,#0f87ff40,#055aaf29);border-color:#1e91ffa6;transform:translateY(-2px);box-shadow:0 10px 25px #006ef01f}@media (width<=700px){.buat-tiket-active-card{border-radius:15px;padding:20px}.buat-tiket-active-eyebrow{padding:5px 9px;font-size:8px}.buat-tiket-active-card h2{letter-spacing:-.3px;margin-top:14px;font-size:18px}.buat-tiket-active-card>p{margin-bottom:20px;font-size:11px;line-height:1.65}.buat-tiket-active-info{grid-template-columns:1fr;margin-bottom:18px}.buat-tiket-active-info>div,.buat-tiket-active-info>div:first-child{border-bottom:1px solid #5082be1a;border-right:none;padding:13px 0}.buat-tiket-active-info>div:last-child{border-bottom:none}.buat-tiket-active-info span{margin-bottom:6px;font-size:8px}.buat-tiket-active-info strong{font-size:11px}.buat-tiket-view-button{height:44px;font-size:10px}}.tiket-success-overlay{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);background:#01070ec7;justify-content:center;align-items:center;padding:20px;animation:.25s forwards tiketSuccessOverlayIn;display:flex;position:fixed;inset:0}.tiket-success-popup{box-sizing:border-box;text-align:center;background:radial-gradient(circle at 50% 0,#1482ff21,#0000 55%),linear-gradient(145deg,#071f34fa,#03111dfc);border:1px solid #1e91ff40;border-radius:20px;width:100%;max-width:390px;padding:34px 30px;animation:.35s cubic-bezier(.2,.8,.2,1) forwards tiketSuccessPopupIn;box-shadow:0 25px 70px #00000073,0 0 45px #1482ff14}.tiket-success-check{background:#1482ff14;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;margin:0 auto 20px;display:flex;box-shadow:0 0 35px #1482ff26}.tiket-success-check-svg{width:64px;height:64px;overflow:visible}.tiket-success-circle{fill:#0f7df02e;stroke:#1688ff;stroke-width:2px;stroke-dasharray:151;stroke-dashoffset:151px;animation:.55s .15s forwards tiketSuccessCircle}.tiket-success-check-path{fill:none;stroke:#fff;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;stroke-dashoffset:32px;animation:.35s .55s forwards tiketSuccessCheck}.tiket-success-popup h2{color:#fff;letter-spacing:-.35px;margin:0 0 9px;font-size:20px;line-height:1.3}.tiket-success-popup p{max-width:310px;color:var(--text-secondary,#6f8cab);margin:0 auto 18px;font-size:11px;line-height:1.65}.tiket-success-loading{color:#5af;letter-spacing:.3px;font-size:9px;font-weight:700;display:block}@keyframes tiketSuccessOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes tiketSuccessPopupIn{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tiketSuccessCircle{to{stroke-dashoffset:0}}@keyframes tiketSuccessCheck{to{stroke-dashoffset:0}}@media (width<=700px){.tiket-success-overlay{padding:18px}.tiket-success-popup{border-radius:17px;max-width:330px;padding:30px 22px}.tiket-success-check{width:68px;height:68px;margin-bottom:17px}.tiket-success-check-svg{width:58px;height:58px}.tiket-success-popup h2{font-size:18px}.tiket-success-popup p{font-size:10px;line-height:1.6}.tiket-success-loading{font-size:8px}}html[data-theme=light] .buat-tiket-header h1{color:#172033!important}html[data-theme=light] .buat-tiket-header p{color:#71809b!important}html[data-theme=light] .buat-tiket-back{color:#55708e!important;background:#f5f9fd!important;border-color:#2382ff29!important}html[data-theme=light] .buat-tiket-active-card{background:linear-gradient(145deg,#fff 0%,#f8fbff 65%,#f1f7fc 100%)!important;border-color:#2382ff29!important;box-shadow:0 12px 30px #285a8c14,inset 0 1px #fffffff2!important}html[data-theme=light] .buat-tiket-active-card .status-badge{color:#bd7d00!important;background:#ffb8001a!important;border-color:#f5a90047!important}html[data-theme=light] .buat-tiket-active-card h3{color:#172033!important}html[data-theme=light] .buat-tiket-active-card p{color:#637894!important}html[data-theme=light] .buat-tiket-active-card .ticket-meta{border-color:#466e961a!important}html[data-theme=light] .buat-tiket-active-card .ticket-meta span{color:#71809b!important}html[data-theme=light] .buat-tiket-active-card .ticket-meta strong{color:#172033!important}html[data-theme=light] .buat-tiket-active-card .detail-button{color:#1685ff!important;background:linear-gradient(135deg,#edf6ff,#e4f0fb)!important;border-color:#2382ff33!important}html[data-theme=light] .buat-tiket-active-card .detail-button:hover{background:linear-gradient(135deg,#e6f2ff,#dcecff)!important;border-color:#2382ff4d!important}html[data-theme=light] .buat-tiket-active-info span{color:#68809a!important}html[data-theme=light] .buat-tiket-active-info strong{color:#172033!important}[data-theme=light] .buat-tiket-page{color:#172033}[data-theme=light] .buat-tiket-form{color:#172033;background:linear-gradient(145deg,#fff 0%,#f8fbfe 55%,#f2f7fb 100%);border-color:#325a8224;box-shadow:0 18px 45px #1e3c641a,inset 0 1px #fffffff2}[data-theme=light] .buat-tiket-form label{color:#344f6b}[data-theme=light] .buat-tiket-form select,[data-theme=light] .buat-tiket-form input,[data-theme=light] .buat-tiket-form textarea{color:#172033;background:linear-gradient(145deg,#fff,#f7faff);border-color:#325a8224;box-shadow:inset 0 1px 2px #1e3c6406}[data-theme=light] .buat-tiket-form input::placeholder,[data-theme=light] .buat-tiket-form textarea::placeholder{color:#8ba0b7}[data-theme=light] .buat-tiket-form select:focus,[data-theme=light] .buat-tiket-form input:focus,[data-theme=light] .buat-tiket-form textarea:focus{background:#fff;border-color:#1e87ff73;box-shadow:0 0 0 3px #1e87ff14,0 4px 14px #1e6ec80f}[data-theme=light] .buat-tiket-form button[type=submit]{color:#fff;background:linear-gradient(135deg,#258fff,#1260c7);border-color:#2387ff66;box-shadow:0 8px 24px #0064ff2e,0 0 22px #006eff14,inset 0 1px #fff3}.tiket-detail-page{width:100%;max-width:920px}.tiket-detail-header{margin-bottom:28px}.tiket-back-button{color:var(--text-primary,#fff);cursor:pointer;background:#145ab414;border:1px solid #2682ff38;border-radius:9px;align-items:center;gap:6px;margin-bottom:18px;padding:8px 13px;font-family:inherit;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.tiket-back-button:hover{background:#146eff24;border-color:#268cff6b;transform:translate(-2px)}.tiket-detail-header h1{color:var(--text-primary,#fff);letter-spacing:-.8px;margin:7px 0 8px;font-size:32px;line-height:1.15}.tiket-detail-header p{color:var(--text-secondary,#7190b8);margin:0;font-size:13px;line-height:1.6}.tiket-detail-card{background:radial-gradient(circle at 90% 0,#006eff1a,#0000 35%),linear-gradient(145deg,#071b34f5,#030f1dfa);border:1px solid #2682ff38;border-radius:18px;width:100%;padding:28px;position:relative;overflow:hidden;box-shadow:0 18px 45px #0003,0 0 35px #0064ff0d}.tiket-detail-card-top{border-bottom:1px solid #5082be1f;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:24px;display:flex}.tiket-detail-number{color:#3195ff;letter-spacing:.8px;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.tiket-detail-card-top h2{color:var(--text-primary,#fff);letter-spacing:-.3px;margin:0;font-size:22px;line-height:1.3}.tiket-detail-card .tiket-status{letter-spacing:.7px;border-radius:999px;flex-shrink:0;padding:7px 12px;font-size:9px;font-weight:800}.tiket-detail-card .status-1,.tiket-detail-card .status-2{color:#39a0ff;background:#1478ff1a;border:1px solid #1e91ff4d}.tiket-detail-card .status-3{color:#26d5e5;background:#00bed21a;border:1px solid #00cddc4d}.tiket-detail-card .status-4{color:#ffc044;background:#ffaa141a;border:1px solid #ffb41e4d}.tiket-detail-card .status-5{color:#00d990;background:#00be781a;border:1px solid #00dc9140}.tiket-detail-meta{border-bottom:1px solid #5082be1f;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:4px;display:grid}.tiket-detail-meta-item{border-bottom:1px solid #5082be1a;border-right:1px solid #5082be1a;flex-direction:column;gap:7px;min-height:76px;padding:18px 20px;display:flex}.tiket-detail-meta-item:nth-child(2n){border-right:none}.tiket-detail-meta-item:nth-last-child(-n+2){border-bottom:none}.tiket-detail-meta-item span{color:var(--text-secondary,#6684aa);letter-spacing:.6px;text-transform:uppercase;font-size:10px;font-weight:700}.tiket-detail-meta-item strong{color:var(--text-primary,#fff);font-size:13px;font-weight:700;line-height:1.45}.tiket-detail-description{padding-top:24px}.tiket-detail-description>span{color:#3195ff;letter-spacing:.8px;margin-bottom:10px;font-size:10px;font-weight:800;display:block}.tiket-detail-description p{color:var(--text-primary,#eaf3ff);background:#05142673;border:1px solid #5082be1f;border-radius:12px;margin:0;padding:16px 18px;font-size:13px;line-height:1.7}.tiket-progress-card{box-sizing:border-box;background:radial-gradient(circle at 10% 0,#006eff12,#0000 38%),linear-gradient(145deg,#071b34f0,#030f1dfa);border:1px solid #2682ff2e;border-radius:18px;width:100%;margin-top:18px;padding:26px 28px;position:relative;box-shadow:0 14px 38px #00000029}.tiket-progress-header{border-bottom:1px solid #5082be1a;padding-bottom:20px}.tiket-progress-header h2{color:var(--text-primary,#fff);letter-spacing:-.25px;margin:7px 0;font-size:19px;line-height:1.3}.tiket-progress-header p{color:var(--text-secondary,#6684aa);margin:0;font-size:12px;line-height:1.6}.tiket-progress-timeline{padding-top:22px;position:relative}.tiket-progress-timeline:before{content:"";background:linear-gradient(#2391ff73,#5082be1f);width:1px;position:absolute;top:32px;bottom:32px;left:15px}.tiket-progress-item{gap:17px;padding-bottom:25px;display:flex;position:relative}.tiket-progress-item:last-child{padding-bottom:0}.tiket-progress-dot{z-index:2;box-sizing:border-box;color:#5e7899;background:#08192df2;border:1px solid #6487af33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:flex;position:relative}.tiket-progress-item.active .tiket-progress-dot{color:#fff;background:linear-gradient(145deg,#1688ff,#0759c9);border-color:#2391ff8c;box-shadow:0 0 0 5px #1478ff12,0 6px 18px #0064ff33}.tiket-progress-item.status-proses .tiket-progress-dot{color:#fff;background:linear-gradient(135deg,#2adfff,#00b2e8);border-color:#46f9ffbf;box-shadow:0 0 0 4px #ffbe2814,0 0 20px #ffb41459}.tiket-progress-item.status-proses .tiket-progress-content h3{color:#3df2ff}.tiket-progress-item.status-pending .tiket-progress-dot{color:#fff;background:linear-gradient(135deg,#ffc83d,#e89b00);border-color:#ffcd46bf;box-shadow:0 0 0 4px #ffbe2814,0 0 20px #ffb41459}.tiket-progress-item.status-pending .tiket-progress-content h3{color:#ffc83d}.tiket-progress-item.status-selesai .tiket-progress-dot{color:#fff;background:linear-gradient(135deg,#00d990,#009f6b);border-color:#00dc91b3;box-shadow:0 0 0 4px #00d28c14,0 0 20px #00d28c52}.tiket-progress-item.status-selesai .tiket-progress-content h3{color:#00d990}.tiket-progress-content{min-width:0;padding-top:1px}.tiket-progress-content h3{color:var(--text-primary,#fff);margin:0;font-size:13px;font-weight:700;line-height:1.4}.tiket-progress-content span{color:#5f81a8;margin-top:4px;font-size:10px;font-weight:600;display:block}.tiket-progress-content p{color:var(--text-secondary,#7189a9);margin:7px 0 0;font-size:11px;line-height:1.6}.tiket-progress-item.completed .tiket-progress-content h3{color:var(--text-primary,#eaf3ff)}.tiket-progress-item.completed .tiket-progress-content span{color:#5f9bd8}.tiket-progress-item.completed .tiket-progress-content p{color:#76a8d8}.tiket-contact-card{box-sizing:border-box;background:radial-gradient(circle at 90% 20%,#00d28c14,#0000 38%),linear-gradient(145deg,#071e30f2,#03111dfa);border:1px solid #00d28c29;border-radius:18px;justify-content:space-between;align-items:center;gap:30px;width:100%;margin-top:18px;padding:24px 28px;display:flex;box-shadow:0 14px 38px #00000024}.tiket-contact-content{min-width:0}.tiket-contact-content h2{color:var(--text-primary,#fff);letter-spacing:-.25px;margin:7px 0;font-size:18px;line-height:1.3}.tiket-contact-content p{max-width:620px;color:var(--text-secondary,#6f8cab);margin:0;font-size:12px;line-height:1.6}.tiket-whatsapp-button{box-sizing:border-box;color:#00d990;letter-spacing:.2px;background:linear-gradient(135deg,#00d28c2e,#0096641a);border:1px solid #00dc9159;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;min-width:205px;height:46px;padding:0 18px;font-family:inherit;font-size:11px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 24px #00be781a,0 0 22px #00d28c0d}.tiket-whatsapp-button:hover{background:linear-gradient(135deg,#00dc913d,#00aa6e24);border-color:#00e69699;transform:translateY(-2px);box-shadow:0 12px 28px #00be7829,0 0 28px #00d28c1a}.tiket-whatsapp-icon{font-size:17px;line-height:1}@media (width<=700px){.tiket-detail-page{max-width:100%}.tiket-detail-header{margin-bottom:22px}.tiket-back-button{margin-bottom:15px;padding:7px 11px;font-size:11px}.tiket-detail-header h1{letter-spacing:-.6px;font-size:26px}.tiket-detail-header p{font-size:12px;line-height:1.55}.tiket-detail-card{border-radius:15px;padding:18px}.tiket-detail-card-top{gap:12px;padding-bottom:18px}.tiket-detail-number{margin-bottom:7px;font-size:10px}.tiket-detail-card-top h2{font-size:18px}.tiket-detail-card .tiket-status{padding:6px 9px;font-size:8px}.tiket-detail-meta{grid-template-columns:1fr}.tiket-detail-meta-item{border-bottom:1px solid #5082be1a;border-right:none;min-height:auto;padding:14px 2px}.tiket-detail-meta-item:nth-child(2n){border-right:none}.tiket-detail-meta-item:nth-last-child(-n+2){border-bottom:1px solid #5082be1a}.tiket-detail-meta-item:last-child{border-bottom:none}.tiket-detail-meta-item span{font-size:9px}.tiket-detail-meta-item strong{font-size:12px}.tiket-detail-description{padding-top:20px}.tiket-detail-description p{padding:14px;font-size:12px;line-height:1.65}.tiket-progress-card{border-radius:15px;margin-top:14px;padding:20px 18px}.tiket-progress-header{padding-bottom:17px}.tiket-progress-header h2{font-size:17px}.tiket-progress-header p{font-size:11px}.tiket-progress-timeline{padding-top:19px}.tiket-progress-timeline:before{top:29px;bottom:29px;left:14px}.tiket-progress-item{gap:14px;padding-bottom:22px}.tiket-progress-dot{width:28px;height:28px;font-size:9px}.tiket-progress-content h3{font-size:12px}.tiket-progress-content span{font-size:9px}.tiket-progress-content p{margin-top:6px;font-size:10px;line-height:1.6}.tiket-contact-card{border-radius:15px;margin-top:14px;padding:20px 18px;display:block}.tiket-contact-content h2{margin:7px 0;font-size:17px;line-height:1.35}.tiket-contact-content p{max-width:100%;font-size:11px;line-height:1.6}.tiket-whatsapp-button{border-radius:11px;width:100%;min-width:0;height:45px;margin-top:17px;font-size:11px}.tiket-whatsapp-icon{font-size:16px}}html[data-theme=light] .tiket-detail-meta-item{border-color:#3c64911a}html[data-theme=light] .tiket-detail-description p{color:#536b86;background:linear-gradient(145deg,#f8fbff,#f2f7fc);border-color:#3c6ea01f;box-shadow:inset 0 1px #ffffffe6}html[data-theme=light] .tiket-progress-person{color:#6b819a;background:linear-gradient(135deg,#f3f8fd,#edf4fa);border-color:#2378c81f;box-shadow:inset 0 1px #ffffffe6}html[data-theme=light] .tiket-detail-header h1{color:#172033!important}html[data-theme=light] .tiket-detail-header p{color:#71809b!important}html[data-theme=light] .tiket-back-button{color:#55708e;background:#f4f8fc;border-color:#2382ff29}html[data-theme=light] .tiket-detail-card{background:linear-gradient(145deg,#fff 0%,#f9fbfe 70%,#f3f8fc 100%)!important;border-color:#2382ff24!important;box-shadow:0 10px 28px #285a8c12,inset 0 1px #fffffff2!important}html[data-theme=light] .tiket-detail-card-top{border-bottom-color:#466e961a}html[data-theme=light] .tiket-detail-card-top h2{color:#172033!important}html[data-theme=light] .tiket-detail-number{color:#1685ff!important}html[data-theme=light] .tiket-detail-meta{border-bottom-color:#466e961a}html[data-theme=light] .tiket-detail-meta-item{border-color:#466e961a;background:0 0!important}html[data-theme=light] .tiket-detail-meta-item span{color:#71809b!important}html[data-theme=light] .tiket-detail-meta-item strong{color:#172033!important}html[data-theme=light] .tiket-detail-description>span{color:#1685ff!important}html[data-theme=light] .tiket-detail-description p{color:#536b86!important;background:linear-gradient(145deg,#f8fbff,#f2f7fc)!important;border-color:#3c6ea01f!important}html[data-theme=light] .tiket-progress-card{background:linear-gradient(145deg,#fff 0%,#f9fbfe 68%,#f2f7fc 100%)!important;border-color:#2382ff24!important;box-shadow:0 10px 28px #285a8c12,inset 0 1px #fffffff2!important}html[data-theme=light] .tiket-progress-header{border-bottom-color:#466e961a}html[data-theme=light] .tiket-progress-header h2{color:#172033!important}html[data-theme=light] .tiket-progress-header p{color:#71809b!important}html[data-theme=light] .tiket-progress-timeline:before{background:linear-gradient(#2387f561,#648cb41f)}html[data-theme=light] .tiket-progress-content h3{color:#172033!important}html[data-theme=light] .tiket-progress-item.status-proses .tiket-progress-content h3{color:#078ca8!important}html[data-theme=light] .tiket-progress-item.status-pending .tiket-progress-content h3{color:#bd7d00!important}html[data-theme=light] .tiket-progress-item.status-selesai .tiket-progress-content h3{color:#079b6c!important}html[data-theme=light] .tiket-progress-person{color:#6b819a!important;background:linear-gradient(135deg,#f3f8fd,#edf4fa)!important;border-color:#2378c81f!important}html[data-theme=light] .tiket-contact-card{background:linear-gradient(145deg,#fff,#f5f9fd)!important;border-color:#2382ff21!important;box-shadow:0 10px 26px #285a8c0f!important}html[data-theme=light] .tiket-contact-card h3{color:#172033!important}html[data-theme=light] .tiket-contact-card p{color:#71809b!important}html[data-theme=light] .tiket-detail-card .tiket-detail-meta,html[data-theme=light] .tiket-detail-card .tiket-detail-meta-item{background:0 0!important}html[data-theme=light] .tiket-progress-dot{color:#55718f!important;background:linear-gradient(135deg,#eef5fb,#e4edf6)!important;border-color:#236eaf2e!important;box-shadow:0 0 0 4px #2382ff06!important}html[data-theme=light] .tiket-progress-item.completed .tiket-progress-dot{color:#fff!important;background:linear-gradient(135deg,#1688ff,#0759c9)!important;border-color:#1688ff59!important;box-shadow:0 0 0 4px #1688ff0f,0 5px 14px #1688ff29!important}html[data-theme=light] .tiket-progress-item.status-pending .tiket-progress-dot{color:#fff!important;background:linear-gradient(135deg,#ffbf24,#f59e0b)!important;border-color:#f59e0b59!important;box-shadow:0 0 0 4px #f59e0b12,0 5px 14px #f59e0b26!important}html[data-theme=light] .tiket-progress-item.status-selesai .tiket-progress-dot{color:#fff!important;background:linear-gradient(135deg,#19b889,#079b6c)!important;border-color:#079b6c4d!important;box-shadow:0 0 0 4px #079b6c0f,0 5px 14px #079b6c24!important}html[data-theme=light] .tiket-progress-content,html[data-theme=light] .tiket-progress-content strong,html[data-theme=light] .tiket-progress-content h3,html[data-theme=light] .tiket-progress-content>div,html[data-theme=light] .tiket-progress-content>div strong{color:#172033!important}html[data-theme=light] .tiket-progress-content span{color:#667d97!important}html[data-theme=light] .tiket-progress-content p{color:#5d7590!important}html[data-theme=light] .tiket-progress-item.status-pending .tiket-progress-content strong{color:#b97800!important}html[data-theme=light] .tiket-progress-item.status-proses .tiket-progress-content strong{color:#078ca8!important}html[data-theme=light] .tiket-progress-item.status-selesai .tiket-progress-content strong{color:#079b6c!important}html[data-theme=light] .tiket-progress-person{color:#67809a!important}html[data-theme=light] .tiket-progress-person strong{color:#385775!important}.tiket-close-action{border-top:1px solid #7896be1f;flex-direction:column;align-items:flex-start;gap:8px;margin-top:20px;padding-top:18px;display:flex}.tiket-close-action button{color:#ff8f8f;cursor:pointer;background:#dc464614;border:1px solid #ff6e6e38;border-radius:11px;min-width:150px;height:40px;padding:0 18px;font-size:11px;font-weight:700;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.tiket-close-action button:hover{background:#dc464624;border-color:#ff6e6e61;transform:translateY(-1px);box-shadow:0 8px 22px #dc464614}.tiket-close-action button:active{transform:scale(.98)}.tiket-close-action button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tiket-close-action small{color:#7187a3;max-width:420px;font-size:9px;line-height:1.5}.tiket-close-overlay{z-index:999999;-webkit-backdrop-filter:blur(10px);background:#030a12b8;justify-content:center;align-items:center;padding:24px;animation:.18s ease-out tiketCloseOverlayIn;display:flex;position:fixed;inset:0}.tiket-close-modal{text-align:center;background:radial-gradient(circle at 100% 0,#2d8cff1a,#0000 48%),linear-gradient(145deg,#142336fa,#09121efc);border:1px solid #5a91cd29;border-radius:22px;width:100%;max-width:410px;padding:28px;animation:.22s ease-out tiketCloseModalIn;box-shadow:0 28px 70px #0000006b,inset 0 1px #ffffff09}.tiket-close-icon{color:#ffae76;background:#ff824614;border:1px solid #ff965a38;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin:0 auto 16px;font-size:22px;font-weight:800;display:flex;box-shadow:0 8px 24px #ff784614}.tiket-close-modal .eyebrow{color:#6f91b7;letter-spacing:1.8px;margin-bottom:7px;font-size:8px;font-weight:700;display:block}.tiket-close-modal h3{color:#f3f7fc;letter-spacing:-.3px;margin:0;font-size:21px;line-height:1.25}.tiket-close-modal p{color:#8196b1;max-width:340px;margin:12px auto 0;font-size:10px;line-height:1.65}.tiket-close-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;display:grid}.tiket-close-actions button{cursor:pointer;border-radius:11px;height:40px;font-size:10px;font-weight:700;transition:transform .18s,background .18s,border-color .18s}.tiket-close-actions button:active{transform:scale(.98)}.tiket-close-cancel{color:#91a6c0;background:#7896be12;border:1px solid #7896be2e}.tiket-close-cancel:hover{background:#7896be1f;border-color:#7896be47}.tiket-close-confirm{color:#fff;background:linear-gradient(135deg,#dc4646e0,#b93741eb);border:1px solid #ff646447;box-shadow:0 8px 22px #d23c4629}.tiket-close-confirm:hover{border-color:#ff82826b;box-shadow:0 10px 28px #d23c463d}.tiket-close-confirm:disabled,.tiket-close-cancel:disabled{opacity:.55;cursor:not-allowed}[data-theme=light] .tiket-close-overlay{background:#ebf2faad}[data-theme=light] .tiket-close-modal{background:radial-gradient(circle at 100% 0,#2d8cff12,#0000 48%),linear-gradient(145deg,#fff,#f4f8fc);border-color:#3c699b26;box-shadow:0 25px 60px #284b6e29,inset 0 1px #ffffffe6}[data-theme=light] .tiket-close-modal h3{color:#172b43}[data-theme=light] .tiket-close-modal p{color:#71849b}[data-theme=light] .tiket-close-modal .eyebrow{color:#6685a7}[data-theme=light] .tiket-close-action{border-top-color:#5078a01f}[data-theme=light] .tiket-close-action small{color:#7890aa}[data-theme=light] .tiket-close-cancel{color:#617894;background:#5078a00f;border-color:#5078a02e}@media (width<=700px){.tiket-close-action{margin-top:16px;padding-top:15px}.tiket-close-action button{width:100%;height:42px}.tiket-close-action small{max-width:none;font-size:8px}.tiket-close-overlay{padding:18px}.tiket-close-modal{border-radius:19px;max-width:100%;padding:24px 20px}.tiket-close-icon{width:42px;height:42px;margin-bottom:14px}.tiket-close-modal h3{font-size:19px}.tiket-close-modal p{font-size:9px;line-height:1.6}.tiket-close-actions{gap:8px;margin-top:19px}}@keyframes tiketCloseOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes tiketCloseModalIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.wifi-page{box-sizing:border-box;color:#eaf2ff;width:100%;max-width:1280px;margin:0 auto;padding:4px 0 60px}.wifi-header{box-sizing:border-box;background:radial-gradient(circle at 92% 20%,#2387f52e,#0000 35%),linear-gradient(135deg,#0c1728 0%,#0c1c31 58%,#102b4d 100%);border:1px solid #3c91eb2e;border-radius:20px;justify-content:space-between;align-items:center;min-height:112px;margin-bottom:18px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 14px 35px #00000029}.wifi-header:after{content:"";border:1px solid #419bf51a;border-radius:50%;width:230px;height:230px;position:absolute;top:-120px;right:-90px;box-shadow:0 0 0 30px #419bf506,0 0 0 60px #419bf505}.wifi-header-content{z-index:2;position:relative}.wifi-eyebrow{color:#4da1ff;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800}.wifi-header h1{color:#f4f8ff;letter-spacing:-.5px;margin:0;font-size:25px;font-weight:800;line-height:1.15}.wifi-header p{color:#7189a8;margin:7px 0 0;font-size:10px;line-height:1.5}.wifi-header-icon{z-index:2;color:#39a6ff;background:linear-gradient(145deg,#2d91ff2e,#195aaa14);border:1px solid #469bf52e;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff09,0 10px 25px #0000001f}.wifi-connection-card{background:radial-gradient(circle at 0 100%,#1e91ff14,#0000 35%),linear-gradient(145deg,#0d1a2b,#091321);border:1px solid #468cdc24;border-radius:19px;justify-content:space-between;align-items:center;min-height:122px;margin-bottom:24px;padding:22px 24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 12px 30px #0000001f}.wifi-connection-card:after{content:"";border:1px solid #3291f014;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-125px;right:-100px}.wifi-connection-main{z-index:2;align-items:center;gap:15px;min-width:0;display:flex;position:relative}.wifi-status-icon{color:#16d6ad;background:linear-gradient(145deg,#00d2aa29,#009b8212);border:1px solid #00d2aa26;border-radius:16px;flex:none;justify-content:center;align-items:center;width:55px;height:55px;display:flex;box-shadow:inset 0 1px #ffffff06,0 8px 22px #0000001f}.wifi-connection-text{min-width:0}.wifi-label{color:#617c9f;letter-spacing:1.2px;margin-bottom:4px;font-size:8px;font-weight:700;display:block}.wifi-status-row{align-items:center;gap:9px;display:flex}.wifi-status-row h2{color:#f2f7ff;margin:0;font-size:20px;font-weight:800;line-height:1.1}.wifi-online-badge{color:#27d6b0;letter-spacing:.5px;background:#00c89b12;border:1px solid #00d2a521;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:7px;font-weight:700;display:inline-flex}.wifi-online-dot{background:#18d6a9;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #14dcaa99}.wifi-connection-text p{color:#7087a4;max-width:470px;margin:7px 0 0;font-size:9px;line-height:1.5}.wifi-connection-meta{z-index:2;gap:34px;padding-right:8px;display:flex;position:relative}.wifi-meta-item{flex-direction:column;min-width:85px;display:flex}.wifi-meta-item span{color:#5e7696;letter-spacing:.8px;text-transform:uppercase;margin-bottom:4px;font-size:7px;font-weight:700}.wifi-meta-item strong{color:#dce9f8;font-size:10px;font-weight:700}.wifi-section{margin-bottom:24px}.wifi-section-heading{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 2px;display:flex}.wifi-section-heading>div{min-width:0}.wifi-section-heading span{color:#3698ff;letter-spacing:1.5px;margin-bottom:3px;font-size:8px;font-weight:800;display:block}.wifi-section-heading h2{color:#eaf2ff;letter-spacing:-.2px;margin:0;font-size:16px;font-weight:750}.wifi-section-heading>svg{color:#508fca;flex:none}.wifi-network-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.wifi-network-card{background:linear-gradient(145deg,#101d2e,#0a1421);border:1px solid #4b8cd221;border-radius:18px;padding:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 12px 28px #0000001f}.wifi-network-card:after{content:"";pointer-events:none;border:1px solid #3791f512;border-radius:50%;width:150px;height:150px;position:absolute;top:-85px;right:-90px}.wifi-network-top{z-index:2;align-items:center;gap:11px;display:flex;position:relative}.wifi-network-icon{border-radius:13px;flex:none;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.wifi-24-icon{color:#399cff;background:#287de61a;border:1px solid #328ceb1f}.wifi-5-icon{color:#8179ff;background:#5a5af51a;border:1px solid #6e69f51f}.wifi-network-title{flex-direction:column;flex:1;min-width:0;display:flex}.wifi-network-title span{color:#667f9e;margin-bottom:3px;font-size:8px;font-weight:600}.wifi-network-title strong{color:#e9f2ff;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;overflow:hidden}.wifi-enabled-badge{color:#21d2aa;letter-spacing:.5px;background:#00cda012;border:1px solid #00d2a521;border-radius:999px;flex:none;padding:4px 7px;font-size:7px;font-weight:800}.wifi-network-divider{background:#5a7da01a;height:1px;margin:15px 0}.wifi-field{margin-bottom:13px}.wifi-field>span{color:#5e7899;letter-spacing:.8px;margin-bottom:5px;font-size:7px;font-weight:700;display:block}.wifi-value-row,.wifi-password-row{box-sizing:border-box;background:#325f8c0e;border:1px solid #5087be17;border-radius:9px;align-items:center;min-height:35px;padding:0 9px;display:flex}.wifi-value-row strong,.wifi-password-row strong{color:#dce9f8;letter-spacing:.2px;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:9px;font-weight:650;overflow:hidden}.wifi-copy-button{color:#7098c1;cursor:pointer;background:#3778be12;border:1px solid #468cdc1f;border-radius:7px;flex:none;justify-content:center;align-items:center;width:27px;height:27px;padding:0;transition:background .18s,border-color .18s,color .18s,transform .18s;display:flex}.wifi-copy-button:hover{color:#61aaff;background:#3287e61f;border-color:#3c91f038}.wifi-copy-button:active{transform:scale(.95)}.wifi-password-actions{flex:none;gap:5px;display:flex}.wifi-network-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.wifi-signal{color:#657f9d;align-items:center;gap:5px;font-size:7px;display:flex}.wifi-signal svg{color:#42a0ff}.wifi-signal strong{color:#a5bdd7;font-size:7px}.wifi-frequency{color:#6f8ba9;background:#3c7dbe0f;border-radius:7px;padding:4px 7px;font-size:7px;font-weight:700}.wifi-router-card{background:linear-gradient(145deg,#0e1a2a,#09131f);border:1px solid #4687cd1f;border-radius:18px;padding:18px;box-shadow:inset 0 1px #ffffff06,0 12px 28px #0000001a}.wifi-router-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.wifi-router-item{background:#3764910b;border:1px solid #5082b411;border-radius:12px;align-items:center;gap:9px;min-width:0;padding:12px;display:flex}.wifi-router-item-icon{color:#4a9be9;background:#3787e114;border-radius:9px;flex:none;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.wifi-router-item>div:last-child{min-width:0}.wifi-router-item span{color:#5d7694;letter-spacing:.65px;margin-bottom:3px;font-size:6.5px;font-weight:700;display:block}.wifi-router-item strong{color:#cbdced;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:650;display:block;overflow:hidden}.wifi-speed-card{background:radial-gradient(circle at 100% 0,#2d87ff1f,#0000 38%),linear-gradient(145deg,#101f32,#0b1624);border:1px solid #378ce624;border-radius:17px;align-items:center;gap:15px;margin-bottom:18px;padding:18px 20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 12px 28px #0000001c}.wifi-speed-icon{color:#4ca1ff;background:#2d82eb1a;border:1px solid #378cf024;border-radius:13px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.wifi-speed-content{flex:1;min-width:0}.wifi-speed-content>span{color:#378fff;letter-spacing:1.1px;margin-bottom:3px;font-size:7px;font-weight:800;display:block}.wifi-speed-content h2{color:#e8f1fc;margin:0;font-size:14px;font-weight:750}.wifi-speed-content p{color:#6d85a3;margin:4px 0 0;font-size:8px;line-height:1.4}.wifi-speed-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2679e8,#1765cf);border:1px solid #4696f02e;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 15px;font-family:inherit;font-size:9px;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 7px 18px #1464d22e}.wifi-speed-button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 10px 22px #1469dc40}.wifi-speed-button:active{transform:scale(.985)}.wifi-help-card{background:linear-gradient(145deg,#121f30eb,#0a131ff2);border:1px solid #4682c31a;border-radius:15px;align-items:center;gap:13px;padding:15px 18px;display:flex}.wifi-help-icon{color:#4c9fff;background:#3287eb14;border-radius:11px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.wifi-help-content{flex:1;min-width:0}.wifi-help-content>span{color:#348fff;letter-spacing:1px;margin-bottom:2px;font-size:7px;font-weight:800;display:block}.wifi-help-content strong{color:#dbe8f7;font-size:10px;font-weight:700;display:block}.wifi-help-content p{color:#6e87a5;margin:3px 0 0;font-size:8px}.wifi-help-button{color:#68aaff;cursor:pointer;background:#3282e112;border:1px solid #3c91eb24;border-radius:9px;flex:none;min-height:34px;padding:0 13px;font-family:inherit;font-size:8px;font-weight:700;transition:background .18s,border-color .18s}.wifi-help-button:hover{background:#3287eb1f;border-color:#3791f03d}@media (width<=1100px){.wifi-page{padding:0 0 50px}.wifi-header{min-height:105px;padding:22px 23px}.wifi-connection-card{padding:20px}.wifi-connection-meta{gap:20px}.wifi-router-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=850px){.wifi-network-grid{grid-template-columns:1fr}.wifi-connection-card{flex-direction:column;align-items:flex-start;gap:18px}.wifi-connection-meta{justify-content:flex-start;width:100%}.wifi-router-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.wifi-page{padding:0 0 85px}.wifi-header{border-radius:16px;min-height:105px;margin-bottom:11px;padding:17px}.wifi-header h1{font-size:20px}.wifi-header p{max-width:245px;margin-top:5px;font-size:8px}.wifi-eyebrow{letter-spacing:1.4px;font-size:7px}.wifi-header-icon{border-radius:12px;width:43px;height:43px}.wifi-header-icon svg{width:21px;height:21px}.wifi-connection-card{border-radius:15px;gap:14px;min-height:0;margin-bottom:18px;padding:15px}.wifi-connection-main{gap:11px;width:100%}.wifi-status-icon{border-radius:12px;width:42px;height:42px}.wifi-status-icon svg{width:21px;height:21px}.wifi-label{font-size:6.5px}.wifi-status-row{gap:6px}.wifi-status-row h2{font-size:16px}.wifi-online-badge{padding:3px 6px;font-size:6px}.wifi-connection-text p{margin-top:5px;font-size:7px}.wifi-connection-meta{justify-content:space-between;gap:0;width:100%;padding:0}.wifi-meta-item{min-width:0}.wifi-meta-item span{font-size:6px}.wifi-meta-item strong{font-size:8px}.wifi-section{margin-bottom:18px}.wifi-section-heading{margin-bottom:9px}.wifi-section-heading span{letter-spacing:1.2px;font-size:6.5px}.wifi-section-heading h2{font-size:13px}.wifi-section-heading>svg{width:17px;height:17px}.wifi-network-grid{grid-template-columns:1fr;gap:9px}.wifi-network-card{border-radius:15px;padding:14px}.wifi-network-top{gap:9px}.wifi-network-icon{border-radius:11px;width:37px;height:37px}.wifi-network-icon svg{width:18px;height:18px}.wifi-network-title span{font-size:6.5px}.wifi-network-title strong{font-size:9px}.wifi-enabled-badge{padding:3px 6px;font-size:6px}.wifi-network-divider{margin:11px 0}.wifi-field{margin-bottom:10px}.wifi-field>span{margin-bottom:4px;font-size:6px}.wifi-value-row,.wifi-password-row{border-radius:8px;min-height:32px;padding:0 7px}.wifi-value-row strong,.wifi-password-row strong{font-size:8px}.wifi-copy-button{width:25px;height:25px}.wifi-network-footer{margin-top:1px}.wifi-signal,.wifi-signal strong{font-size:6px}.wifi-frequency{padding:3px 6px;font-size:6px}.wifi-router-card{border-radius:15px;padding:12px}.wifi-router-grid{grid-template-columns:1fr;gap:7px}.wifi-router-item{border-radius:10px;padding:10px}.wifi-router-item-icon{border-radius:8px;width:29px;height:29px}.wifi-router-item span{font-size:6px}.wifi-router-item strong{font-size:8px}.wifi-speed-card{border-radius:14px;align-items:flex-start;gap:10px;margin-bottom:10px;padding:13px}.wifi-speed-icon{border-radius:10px;width:37px;height:37px}.wifi-speed-icon svg{width:18px;height:18px}.wifi-speed-content>span{font-size:6px}.wifi-speed-content h2{font-size:11px}.wifi-speed-content p{font-size:7px}.wifi-speed-button{border-radius:8px;align-self:center;gap:5px;min-height:32px;padding:0 9px;font-size:7px}.wifi-speed-button svg{width:13px;height:13px}.wifi-help-card{border-radius:13px;gap:9px;padding:11px 12px}.wifi-help-icon{border-radius:9px;width:31px;height:31px}.wifi-help-icon svg{width:16px;height:16px}.wifi-help-content>span{font-size:6px}.wifi-help-content strong{font-size:8px}.wifi-help-content p{font-size:6.5px}.wifi-help-button{border-radius:7px;min-height:29px;padding:0 9px;font-size:7px}}@media (width<=390px){.wifi-page{padding-bottom:82px}.wifi-header{min-height:98px;padding:15px}.wifi-header h1{font-size:18px}.wifi-header p{max-width:220px;font-size:7px}.wifi-header-icon{width:39px;height:39px}.wifi-connection-card{padding:13px}.wifi-status-icon{width:39px;height:39px}.wifi-status-row h2{font-size:15px}.wifi-online-badge{font-size:5.5px}.wifi-network-card{padding:12px}.wifi-network-title strong{font-size:8px}.wifi-speed-content h2{font-size:10px}.wifi-speed-content p,.wifi-speed-button span{display:none}.wifi-speed-button{width:32px;padding:0}.wifi-help-content p{display:none}}[data-theme=light] .wifi-page{color:#17283d}[data-theme=light] .wifi-header{background:radial-gradient(circle at 95% 15%,#3291eb1a,#0000 35%),linear-gradient(135deg,#f8fbff,#eef5fc);border-color:#2d73be24;box-shadow:inset 0 1px #ffffffe6,0 12px 30px #2d5a8712}[data-theme=light] .wifi-header:after{border-color:#2d7dd217;box-shadow:0 0 0 30px #2d7dd206,0 0 0 60px #2d7dd205}[data-theme=light] .wifi-eyebrow{color:#247fd2}[data-theme=light] .wifi-header h1{color:#17283d}[data-theme=light] .wifi-header p{color:#71869e}[data-theme=light] .wifi-header-icon{color:#2783d6;background:linear-gradient(145deg,#2d87e114,#2d87e109);border-color:#2d7dd721}[data-theme=light] .wifi-connection-card{background:radial-gradient(circle at 0 100%,#2387e10e,#0000 35%),linear-gradient(145deg,#fff,#f7fafd);border-color:#3c73aa1f;box-shadow:inset 0 1px #ffffffe6,0 10px 28px #2850780f}[data-theme=light] .wifi-connection-card:after{border-color:#2d7dd212}[data-theme=light] .wifi-status-icon{color:#08ad89;background:#00b99111;border-color:#00b4911f}[data-theme=light] .wifi-label{color:#7890aa}[data-theme=light] .wifi-status-row h2{color:#1a2c42}[data-theme=light] .wifi-online-badge{color:#0ca986;background:#00b48c0e;border-color:#00b48c1c}[data-theme=light] .wifi-connection-text p{color:#7188a2}[data-theme=light] .wifi-meta-item span{color:#7a91a9}[data-theme=light] .wifi-meta-item strong{color:#334d69}[data-theme=light] .wifi-section-heading span{color:#2681d5}[data-theme=light] .wifi-section-heading h2{color:#1c3047}[data-theme=light] .wifi-section-heading>svg{color:#5682aa}[data-theme=light] .wifi-network-card{background:linear-gradient(145deg,#fff,#f7fafd);border-color:#3c73aa1c;box-shadow:inset 0 1px #ffffffe6,0 10px 25px #2850780e}[data-theme=light] .wifi-network-card:after{border-color:#2d7dd20f}[data-theme=light] .wifi-24-icon{color:#2786da;background:#287de112;border-color:#287de11a}[data-theme=light] .wifi-5-icon{color:#665fd1;background:#5a5adc11;border-color:#5a5adc1a}[data-theme=light] .wifi-network-title span{color:#7890a8}[data-theme=light] .wifi-network-title strong{color:#20364e}[data-theme=light] .wifi-enabled-badge{color:#0ca986;background:#00b48c0e;border-color:#00b48c1c}[data-theme=light] .wifi-network-divider{background:#5073911a}[data-theme=light] .wifi-field>span{color:#7b92a9}[data-theme=light] .wifi-value-row,[data-theme=light] .wifi-password-row{background:#f4f8fc;border-color:#4678aa1a}[data-theme=light] .wifi-value-row strong,[data-theme=light] .wifi-password-row strong{color:#314b67}[data-theme=light] .wifi-copy-button{color:#5281ad;background:#327dd20d;border-color:#327dd21a}[data-theme=light] .wifi-copy-button:hover{color:#267fd2;background:#327dd217;border-color:#327dd22b}[data-theme=light] .wifi-signal{color:#7b91a8}[data-theme=light] .wifi-signal svg{color:#398bd5}[data-theme=light] .wifi-signal strong{color:#52708e}[data-theme=light] .wifi-frequency{color:#64809e;background:#3778be0e}[data-theme=light] .wifi-router-card{background:linear-gradient(145deg,#fff,#f7fafd);border-color:#3c73aa1c;box-shadow:inset 0 1px #ffffffe6,0 10px 25px #2850780d}[data-theme=light] .wifi-router-item{background:#37699b09;border-color:#4678aa12}[data-theme=light] .wifi-router-item-icon{color:#3787d1;background:#327dd20f}[data-theme=light] .wifi-router-item span{color:#8096ad}[data-theme=light] .wifi-router-item strong{color:#405a75}[data-theme=light] .wifi-speed-card{background:radial-gradient(circle at 100% 0,#2d82e112,#0000 38%),linear-gradient(145deg,#fff,#f5f9fd);border-color:#327dd71c;box-shadow:inset 0 1px #ffffffe6,0 10px 25px #2850780d}[data-theme=light] .wifi-speed-icon{color:#348bd9;background:#2d82e111;border-color:#2d82e11c}[data-theme=light] .wifi-speed-content>span{color:#2883d5}[data-theme=light] .wifi-speed-content h2{color:#243b54}[data-theme=light] .wifi-speed-content p{color:#7890a8}[data-theme=light] .wifi-help-card{background:linear-gradient(145deg,#fff,#f7fafd);border-color:#3c73aa1a}[data-theme=light] .wifi-help-icon{color:#3288d5;background:#2d82dc0e}[data-theme=light] .wifi-help-content>span{color:#2882d5}[data-theme=light] .wifi-help-content strong{color:#304962}[data-theme=light] .wifi-help-content p{color:#7b91a8}[data-theme=light] .wifi-help-button{color:#287ed0;background:#2d7dd70e;border-color:#2d7dd71a}[data-theme=light] .wifi-help-button:hover{background:#2d7dd717;border-color:#2d7dd729}.wifi-eyebrow{font-size:10px}.wifi-header h1{font-size:28px}.wifi-header p{font-size:11px}.wifi-label{font-size:9px}.wifi-status-row h2{font-size:23px}.wifi-online-badge{font-size:8px}.wifi-connection-text p{font-size:10px}.wifi-meta-item span{font-size:8px}.wifi-meta-item strong{font-size:11px}.wifi-section-heading span{font-size:9px}.wifi-section-heading h2{font-size:18px}.wifi-network-title span{font-size:9px}.wifi-network-title strong{font-size:13px}.wifi-enabled-badge,.wifi-field>span{font-size:8px}.wifi-value-row strong,.wifi-password-row strong{font-size:11px}.wifi-signal,.wifi-signal strong,.wifi-frequency{font-size:8px}.wifi-router-item span{font-size:7.5px}.wifi-router-item strong{font-size:10px}.wifi-speed-content>span{font-size:8px}.wifi-speed-content h2{font-size:16px}.wifi-speed-content p{font-size:9px}.wifi-speed-button{font-size:10px}.wifi-help-content>span{font-size:8px}.wifi-help-content strong{font-size:12px}.wifi-help-content p,.wifi-help-button{font-size:9px}@media (width<=700px){.wifi-eyebrow{font-size:8px}.wifi-header h1{font-size:22px}.wifi-header p{font-size:9px}.wifi-label{font-size:7.5px}.wifi-status-row h2{font-size:18px}.wifi-online-badge{font-size:7px}.wifi-connection-text p{font-size:8px}.wifi-meta-item span{font-size:7px}.wifi-meta-item strong{font-size:9px}.wifi-section-heading span{font-size:7.5px}.wifi-section-heading h2{font-size:15px}.wifi-network-title span{font-size:7.5px}.wifi-network-title strong{font-size:11px}.wifi-enabled-badge,.wifi-field>span{font-size:7px}.wifi-value-row strong,.wifi-password-row strong{font-size:10px}.wifi-signal,.wifi-signal strong,.wifi-frequency,.wifi-router-item span{font-size:7px}.wifi-router-item strong{font-size:9px}.wifi-speed-content>span{font-size:7px}.wifi-speed-content h2{font-size:13px}.wifi-speed-content p,.wifi-speed-button{font-size:8px}.wifi-help-content>span{font-size:7px}.wifi-help-content strong{font-size:10px}.wifi-help-content p,.wifi-help-button{font-size:8px}}@media (width<=390px){.wifi-header h1{font-size:20px}.wifi-header p{font-size:8px}.wifi-status-row h2{font-size:17px}.wifi-section-heading h2{font-size:14px}.wifi-network-title strong{font-size:10px}.wifi-value-row strong,.wifi-password-row strong{font-size:9px}}.wifi-edit-overlay{z-index:999999;-webkit-backdrop-filter:blur(10px);background:#020810b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.wifi-edit-modal{color:#fff;background:radial-gradient(circle at 100% 0,#1e82ff1f,#0000 42%),linear-gradient(145deg,#0d1a2b,#08121f);border:1px solid #4691e633;border-radius:22px;width:100%;max-width:470px;padding:25px;box-shadow:0 30px 80px #0000006b,inset 0 1px #ffffff09}.wifi-edit-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.wifi-edit-header>div>span{color:#2d91ff;letter-spacing:1.5px;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.wifi-edit-header h2{letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.wifi-edit-close{color:#7f9bbb;cursor:pointer;background:#3778be14;border:1px solid #5096dc29;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .18s;display:flex}.wifi-edit-close:hover{color:#fff;background:#378cf024;border-color:#3c96ff4d}.wifi-edit-info{color:#5faeff;background:#2373be12;border:1px solid #3791f021;border-radius:13px;gap:11px;margin-bottom:19px;padding:13px 14px;display:flex}.wifi-edit-info>svg{flex-shrink:0;margin-top:2px}.wifi-edit-info strong{color:#dceaff;margin-bottom:4px;font-size:11px;display:block}.wifi-edit-info p{color:#7691b1;margin:0;font-size:9px;line-height:1.55}.wifi-edit-field{margin-bottom:16px}.wifi-edit-field label{color:#7290b4;letter-spacing:1px;align-items:center;gap:7px;margin-bottom:7px;font-size:8px;font-weight:800;display:flex}.wifi-edit-field label small{color:#526b89;letter-spacing:0;font-size:8px;font-weight:500}.wifi-edit-field input{box-sizing:border-box;color:#f3f7ff;background:#14273db8;border:1px solid #4b91dc24;border-radius:11px;outline:none;width:100%;height:43px;padding:0 13px;font-size:11px;font-weight:600;transition:border-color .18s,box-shadow .18s}.wifi-edit-field input:focus{border-color:#2d8cff85;box-shadow:0 0 0 3px #2d8cff14}.wifi-edit-field input::placeholder{color:#506987}.wifi-edit-password{position:relative}.wifi-edit-password input{padding-right:48px}.wifi-edit-password>button{color:#7298c1;cursor:pointer;background:#4687cd14;border:0;border-radius:8px;justify-content:center;align-items:center;width:31px;height:31px;display:flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.wifi-edit-password>button:hover{color:#fff;background:#4691e624}.wifi-edit-hint{color:#526d8d;margin-top:6px;font-size:8px;display:block}.wifi-edit-toggle-row{background:#0f1e2f9e;border:1px solid #4b91dc1c;border-radius:13px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;padding:13px 14px;display:flex}.wifi-edit-toggle-row strong{color:#dce8f8;margin-bottom:3px;font-size:10px;display:block}.wifi-edit-toggle-row span:not(.wifi-edit-toggle span){color:#627c9c;font-size:8px}.wifi-edit-toggle{cursor:pointer;background:#26384e;border:0;border-radius:20px;flex-shrink:0;width:42px;height:23px;padding:0;transition:background .2s;position:relative}.wifi-edit-toggle span{background:#8ca0b8;border-radius:50%;width:15px;height:15px;transition:transform .2s,background .2s;position:absolute;top:4px;left:4px}.wifi-edit-toggle.active{background:#087d70}.wifi-edit-toggle.active span{background:#fff;transform:translate(19px)}.wifi-edit-message{border-radius:11px;align-items:flex-start;gap:9px;margin-bottom:15px;padding:11px 12px;font-size:9px;line-height:1.5;display:flex}.wifi-edit-message p{margin:0}.wifi-edit-message.error{color:#f78;background:#ff415512;border:1px solid #ff4b5f2e}.wifi-edit-message.success{color:#38d9aa;background:#14d2a012;border:1px solid #14d2a02e}.wifi-edit-actions{grid-template-columns:.8fr 1.6fr;gap:9px;margin-top:20px;display:grid}.wifi-edit-cancel,.wifi-edit-save{cursor:pointer;border-radius:11px;height:43px;font-size:10px;font-weight:700;transition:transform .18s,background .18s,border-color .18s}.wifi-edit-cancel{color:#7892b1;background:#32649b12;border:1px solid #5091d726}.wifi-edit-cancel:hover{color:#fff;background:#3c78b41f}.wifi-edit-save{color:#fff;background:linear-gradient(135deg,#1679ee,#2c72e8);border:1px solid #3c96ff47;justify-content:center;align-items:center;gap:7px;display:flex;box-shadow:0 8px 22px #196eeb2e}.wifi-edit-save:hover{transform:translateY(-1px)}.wifi-edit-save:disabled,.wifi-edit-cancel:disabled,.wifi-edit-close:disabled{opacity:.5;cursor:not-allowed;transform:none}.wifi-edit-button{color:#6ca8df;cursor:pointer;background:#287dd212;border:1px solid #3791f024;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;height:36px;margin-top:13px;font-size:9px;font-weight:700;transition:all .18s;display:flex}.wifi-edit-button:hover{color:#fff;background:#2d87e61f;border-color:#3796ff4d}.wifi-spin{animation:.8s linear infinite wifiEditSpin}@keyframes wifiEditSpin{to{transform:rotate(360deg)}}[data-theme=light] .wifi-edit-overlay{background:#1423346b}[data-theme=light] .wifi-edit-modal{background:radial-gradient(circle at 100% 0,#2382f014,#0000 42%),#fff;border-color:#236ebe29;box-shadow:0 25px 70px #1e466e38}[data-theme=light] .wifi-edit-header h2{color:#14263c}[data-theme=light] .wifi-edit-info{background:#237ddc0e;border-color:#237ddc1f}[data-theme=light] .wifi-edit-info strong{color:#1a3653}[data-theme=light] .wifi-edit-info p{color:#607b98}[data-theme=light] .wifi-edit-field label{color:#5e7895}[data-theme=light] .wifi-edit-field input{color:#182c43;background:#f5f8fc;border-color:#3273b426}[data-theme=light] .wifi-edit-field input::placeholder{color:#91a2b6}[data-theme=light] .wifi-edit-toggle-row{background:#f5f8fc;border-color:#3273b41c}[data-theme=light] .wifi-edit-toggle-row strong{color:#243b54}[data-theme=light] .wifi-edit-toggle-row span:not(.wifi-edit-toggle span){color:#7890a8}[data-theme=light] .wifi-edit-close{color:#617b96;background:#f1f5fa}[data-theme=light] .wifi-edit-cancel{color:#607993;background:#f1f5fa}@media (width<=600px){.wifi-edit-overlay{align-items:flex-end;padding:12px}.wifi-edit-modal{border-radius:20px;max-width:none;max-height:calc(100dvh - 24px);padding:20px;overflow-y:auto}.wifi-edit-header h2{font-size:18px}.wifi-edit-actions{grid-template-columns:1fr 1.5fr}}.dl-page{box-sizing:border-box;width:100%;max-width:940px;margin:0 auto;padding:36px 38px 110px}.dl-header{align-items:center;gap:17px;margin-bottom:28px;display:flex}.dl-back-icon{color:#6f8db7;cursor:pointer;background:linear-gradient(145deg,#121d2ef2,#0a111cf2);border:1px solid #ffffff14;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.dl-back-icon:hover{color:#fff;background:#2382ff1a;border-color:#2a87ff61;transform:translate(-2px)}.dl-eyebrow{color:#2387ff;letter-spacing:1.7px;font-size:9px;font-weight:900;display:block}.dl-header h1{color:#fff;margin:6px 0 5px;font-size:29px;line-height:1.15}.dl-header p{color:#7186a5;margin:0;font-size:12px}.dl-card{background:linear-gradient(145deg,#0f1826fa,#070c14fa);border:1px solid #ffffff13;border-radius:22px;padding:27px;box-shadow:0 25px 70px #0000003d}.dl-service-header{align-items:center;gap:16px;display:flex}.dl-service-icon{color:#2990ff;background:linear-gradient(145deg,#2382ff29,#2382ff12);border:1px solid #2382ff1f;border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.dl-service-title{min-width:0}.dl-category{color:#2387ff;letter-spacing:1.4px;margin-bottom:4px;font-size:9px;font-weight:900;display:block}.dl-service-title h2{color:#fff;margin:0 0 5px;font-size:20px;line-height:1.25}.dl-service-title h2 span{color:#fff}.dl-service-title small{color:#526f97;font-size:9px}.dl-status{white-space:nowrap;border-radius:20px;align-items:center;gap:7px;margin-left:auto;padding:8px 12px;font-size:9px;font-weight:900;display:flex}.dl-status span{border-radius:50%;width:7px;height:7px}.dl-offline{color:#ff6575;background:#ff4a5f13;border:1px solid #ff4a5f1f}.dl-offline span{background:#ff5367;box-shadow:0 0 10px #ff53678c}.dl-package{background:#ffffff06;border:1px solid #ffffff0f;border-radius:15px;grid-template-columns:1fr 1fr;margin-top:25px;display:grid;overflow:hidden}.dl-package>div{background:#0e1724bf;padding:18px 21px}.dl-package>div+div{border-left:1px solid #ffffff0f}.dl-package span{color:#5d7ca5;letter-spacing:1.1px;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.dl-package strong{color:#fff;font-size:18px;font-weight:900}.dl-info-grid{background:#ffffff06;border:1px solid #ffffff0e;border-radius:15px;grid-template-columns:1fr 1fr;margin-top:18px;display:grid;overflow:hidden}.dl-info-item{background:#08101bb8;align-items:center;gap:12px;min-height:76px;padding:16px 18px;display:flex}.dl-info-item:nth-child(2),.dl-info-item:nth-child(4){border-left:1px solid #ffffff0e}.dl-info-item:nth-child(3),.dl-info-item:nth-child(4){border-top:1px solid #ffffff0e}.dl-info-item svg{color:#4b8bd0;flex-shrink:0}.dl-info-item div{min-width:0}.dl-info-item span{color:#58759b;margin-bottom:5px;font-size:8px;display:block}.dl-info-item strong{color:#e2ebf8;font-size:11px;font-weight:800;display:block}.dl-success{color:#20d99a!important}.dl-connection{background:linear-gradient(135deg,#14d2910e,#14d29105);border:1px solid #14d2911f;border-radius:15px;align-items:center;gap:13px;margin-top:18px;padding:15px 17px;display:flex}.dl-connection-icon{color:#20d99a;background:#14d29114;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.dl-connection-text{min-width:0}.dl-connection-text strong{color:#dff9ef;margin-bottom:3px;font-size:11px;display:block}.dl-connection-text span{color:#59758f;font-size:9px;display:block}.dl-connection-dot{background:#20d99a;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:auto;box-shadow:0 0 13px #20d99ab3}.dl-actions{grid-template-columns:1fr 1fr;gap:11px;margin-top:20px;display:grid}.dl-secondary,.dl-primary{cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:9px;height:48px;font-size:10px;font-weight:900;transition:all .2s;display:flex}.dl-secondary{color:#69adff;background:linear-gradient(135deg,#2382ff17,#2382ff09);border:1px solid #2382ff33}.dl-secondary:hover{color:#fff;background:#2382ff24;border-color:#2382ff61;transform:translateY(-1px)}.dl-primary{color:#fff;background:linear-gradient(135deg,#3287ff,#1764dc);border:1px solid #ffffff14;box-shadow:0 10px 25px #2382ff2e}.dl-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px #2382ff45}@media (width<=700px){.dl-page{padding:24px 16px 105px}.dl-header{gap:13px;margin-bottom:20px}.dl-back-icon{border-radius:12px;width:42px;height:42px}.dl-header h1{font-size:24px}.dl-header p{font-size:11px}.dl-card{border-radius:18px;padding:17px}.dl-service-header{gap:12px}.dl-service-icon{border-radius:14px;width:49px;height:49px}.dl-service-title h2{font-size:16px}.dl-service-title small{font-size:8px}.dl-status{padding:6px 9px;font-size:8px}.dl-package{grid-template-columns:1fr}.dl-package>div{padding:14px}.dl-package>div+div{border-top:1px solid #ffffff0f;border-left:0}.dl-package strong{font-size:15px}.dl-info-grid{grid-template-columns:1fr}.dl-info-item{min-height:65px;padding:13px}.dl-info-item:nth-child(2),.dl-info-item:nth-child(4){border-left:0}.dl-info-item:nth-child(2),.dl-info-item:nth-child(3),.dl-info-item:nth-child(4){border-top:1px solid #ffffff0e}.dl-actions{grid-template-columns:1fr}.dl-connection{padding:13px}}.dl-connection-icon.is-offline{filter:drop-shadow(0 0 7px #ff667459);background:#ff56651a;color:#ff6674!important}.dl-connection-icon.is-online{filter:drop-shadow(0 0 7px #00d99b59);background:#00d99b1a;color:#00d99b!important}[data-theme=light] .dl-page{color:#172033}[data-theme=light] .dl-back-icon{color:#4d79ae;background:linear-gradient(145deg,#fff,#eef3f9);border-color:#1e3c641a;box-shadow:0 8px 20px #1e3c6414}[data-theme=light] .dl-back-icon:hover{color:#1764dc;background:#2382ff12;border-color:#2382ff40}[data-theme=light] .dl-header h1{color:#172033}[data-theme=light] .dl-header p{color:#71809b}[data-theme=light] .dl-card{background:linear-gradient(145deg,#fff,#f7f9fc);border-color:#1e3c6417;box-shadow:0 25px 70px #1e3c641a,inset 0 1px #ffffffd9}[data-theme=light] .dl-service-icon{color:#2387ff;background:linear-gradient(145deg,#2382ff1f,#2382ff0b);border-color:#2382ff26;box-shadow:0 8px 20px #2382ff14}[data-theme=light] .dl-service-title h2,[data-theme=light] .dl-service-title h2 span{color:#172033}[data-theme=light] .dl-service-title small{color:#71809b}[data-theme=light] .dl-offline{color:#ff5367;background:#ff4a5f11;border-color:#ff4a5f29}[data-theme=light] .dl-package{background:#1e5aa006;border-color:#1e3c6417}[data-theme=light] .dl-package>div{background:linear-gradient(145deg,#f9fbfd,#f2f6fa)}[data-theme=light] .dl-package>div+div{border-left-color:#1e3c6414}[data-theme=light] .dl-package span{color:#71809b}[data-theme=light] .dl-package strong{color:#172033}[data-theme=light] .dl-info-grid{background:#1e5aa006;border-color:#1e3c6417}[data-theme=light] .dl-info-item{background:#f8fafc}[data-theme=light] .dl-info-item:nth-child(2),[data-theme=light] .dl-info-item:nth-child(4){border-left-color:#1e3c6413}[data-theme=light] .dl-info-item:nth-child(3),[data-theme=light] .dl-info-item:nth-child(4){border-top-color:#1e3c6413}[data-theme=light] .dl-info-item svg{color:#3287ff}[data-theme=light] .dl-info-item span{color:#7b8799}[data-theme=light] .dl-info-item strong{color:#172033}[data-theme=light] .dl-connection{background:linear-gradient(135deg,#14d2910b,#14d29105);border-color:#14b49124}[data-theme=light] .dl-connection-text strong{color:#172033}[data-theme=light] .dl-connection-text span{color:#71809b}[data-theme=light] .dl-connection-icon.is-offline{background:#ff566513;color:#ff5367!important}[data-theme=light] .dl-connection-icon.is-online{background:#00d99b13;color:#00b982!important}[data-theme=light] .dl-secondary{color:#237cff;background:linear-gradient(135deg,#2382ff13,#2382ff06);border-color:#2382ff33}[data-theme=light] .dl-secondary:hover{color:#1764dc;background:#2382ff17;border-color:#2382ff4d}[data-theme=light] .dl-primary{color:#fff;background:linear-gradient(135deg,#3287ff,#1764dc);border-color:#ffffff1a}@media (width<=700px){[data-theme=light] .dl-package>div+div{border-top:1px solid #1e3c6414;border-left:0}[data-theme=light] .dl-info-item:nth-child(2),[data-theme=light] .dl-info-item:nth-child(3),[data-theme=light] .dl-info-item:nth-child(4){border-top:1px solid #1e3c6413}}