*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font-family:Inter,Arial,sans-serif;font-size:13px}button,input{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.login-art{background:radial-gradient(circle at 78% 20%,#6d65ff55,transparent 32%),linear-gradient(145deg,#11182a,#1e2948);color:white;padding:9vw;display:flex;flex-direction:column;justify-content:center}.login-art .logo{width:54px;height:54px;border-radius:14px;background:#675fe3;display:grid;place-items:center;font-size:34px}.login-art>span{color:#9e9af4;font-size:11px;letter-spacing:2px;margin:28px 0 12px}.login-art h1{font-size:45px;line-height:1.15;margin:0}.login-art h1 em{font-style:normal;color:#847cff}.login-art p{max-width:570px;color:#aeb8cc;line-height:1.8}.trust{margin-top:28px;color:#c7cde0}.login-box{display:grid;place-items:center;background:white}.login-box form{width:min(390px,82%)}.brand{color:#625be2;font-size:16px;margin-bottom:60px}.login-box h2{font-size:30px;margin:0}.login-box p{color:#818b9e}.login-box label,.settings-form label{display:block;font-weight:700;margin:20px 0 8px}.login-box input,.settings-form input{width:100%;padding:13px;border:1px solid #dfe4ed;border-radius:9px;outline:none;margin-top:7px}.login-box input:focus,.settings-form input:focus{border-color:#625be2;box-shadow:0 0 0 3px #625be21b}.login-box button{width:100%;padding:13px;background:#625be2;border:0;color:white;border-radius:9px;font-weight:800;margin-top:14px}.login-box small{display:block;text-align:center;color:#9099a9;margin-top:18px}.form-error{color:#d43e54;text-align:center;margin-top:12px}
aside{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(180deg,#131a2d,#0c1323);color:#8d98b0;display:flex;flex-direction:column;z-index:20}.side-brand{height:73px;padding:0 19px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #ffffff0e}.side-brand i{width:38px;height:38px;border-radius:10px;background:#625be2;color:#fff;display:grid;place-items:center;font-size:24px}.side-brand b,.side-brand small{display:block;color:#fff}.side-brand small{font-size:9px;letter-spacing:2px;color:#929cb1}.workspace{margin:17px 14px;padding:11px;border:1px solid #ffffff0e;background:#ffffff08;border-radius:10px;display:flex;gap:9px;align-items:center}.workspace>span,.account>span{width:32px;height:32px;border-radius:8px;background:#625be2;color:white;display:grid;place-items:center;font-weight:800}.workspace small,.workspace b,.account small,.account b{display:block;font-size:10px}.workspace b,.account b{color:#fff}nav{padding:0 13px}nav>small{display:block;margin:19px 10px 8px;font-size:9px;letter-spacing:1.4px;color:#59657d;font-weight:800}nav button{width:100%;height:42px;background:none;border:0;border-radius:8px;color:#8c97af;text-align:left;padding:0 13px;display:flex;align-items:center;gap:12px}nav button.active{background:linear-gradient(90deg,#665ee4,#554ed0);color:#fff;box-shadow:0 8px 24px #2b267b55}nav button em{margin-left:auto;background:#df4d60;color:white;border-radius:10px;font-style:normal;padding:2px 7px;font-size:9px}.account{margin-top:auto;padding:16px 18px;border-top:1px solid #ffffff0e;display:flex;gap:10px;align-items:center}.account div{flex:1}.account a{color:#8994aa;text-decoration:none;font-size:19px}.main{margin-left:248px}.main header{height:73px;background:#fff;border-bottom:1px solid #e5e9f0;display:flex;align-items:center;justify-content:space-between;padding:0 29px;position:sticky;top:0;z-index:10;color:#8a94a6}.main header>div{display:flex;align-items:center;gap:9px;font-size:11px}.main header i{width:7px;height:7px;border-radius:50%;background:#2eb981}.main header strong{width:31px;height:31px;background:#625be2;color:#fff;border-radius:8px;display:grid;place-items:center}.main header #menuBtn{display:none}.content{padding:27px 29px 50px;max-width:1540px;margin:auto}.headline{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.headline small{color:#625be2;font-weight:800;letter-spacing:1.3px}.headline h1{font-size:27px;margin:6px 0}.headline p{color:#818b9e;margin:0}.button{border:0;border-radius:8px;padding:10px 14px;text-decoration:none;font-weight:700}.button.dark{background:#151d32;color:white}.button.light{background:white;color:#455067;border:1px solid #dfe4ec}.target-bar,.panel,.stats article{background:white;border:1px solid #e3e7ef;border-radius:13px;box-shadow:0 6px 24px #26334d08}.target-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;position:relative;overflow:hidden}.target-info{display:flex;gap:12px;align-items:center}.target-info>i{width:39px;height:39px;background:#efefff;color:#625be2;border-radius:10px;display:grid;place-items:center;font-size:20px}.target-info h3{margin:0}.target-info h3 span{font-size:9px;color:#16875e;background:#e9faf3;padding:5px 8px;border-radius:12px;margin-left:8px}.target-info a{display:block;margin-top:5px;color:#8590a4;text-decoration:none;font-size:11px}.scan-meta{display:flex;gap:25px;align-items:center}.scan-meta small,.scan-meta b{display:block}.scan-meta small{color:#929bad;font-size:9px;margin-bottom:4px}.scan-progress{display:none;position:absolute;bottom:0;left:0;right:0;height:3px;background:#eee}.scan-progress i{display:block;height:100%;width:15%;background:#625be2;animation:load 1.1s infinite}@keyframes load{50%{width:75%;margin-left:20%}100%{width:100%;margin-left:100%}}.target-bar.loading .scan-progress{display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:15px 0}.stats article{padding:17px;display:flex;align-items:center;gap:13px}.stats article>i{width:41px;height:41px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-weight:900}.purple{background:#efefff;color:#625be2}.green{background:#e8faf2;color:#1ba674}.amber{background:#fff4e3;color:#da9323}.red{background:#fff0f2;color:#db455b}.stats small,.stats span{display:block;color:#8a95a7;font-size:9px}.stats b{font-size:23px}.panel-head{padding:18px 20px;display:flex;justify-content:space-between}.panel h2{margin:0;font-size:15px}.panel p{margin:4px 0 0;color:#8791a3;font-size:10px}.toolbar{padding:11px 19px;border-top:1px solid #e7eaf0;display:flex;gap:12px;justify-content:space-between}.toolbar>input{width:38%;min-width:240px;padding:10px 12px;border:1px solid #e0e5ed;border-radius:8px;outline:none}.toolbar button{border:0;background:none;color:#758095;padding:8px;border-radius:6px;font-size:10px}.toolbar button.on{background:#eeedff;color:#5e57d6;font-weight:800}.table-wrap{overflow:auto;border-top:1px solid #e7eaf0}table{width:100%;border-collapse:collapse;min-width:1000px}th{background:#fafbfc;text-align:left;padding:11px 14px;font-size:9px;color:#8994a7}td{padding:12px 14px;border-top:1px solid #edf0f4;font-size:10px}.link-label b,.link-label small{display:block}.link-label small{color:#8e98aa;margin-top:3px}.url-cell{max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{padding:5px 8px;border-radius:12px;font-weight:700;font-size:9px}.pill.Aktif{color:#16875e;background:#e9faf3}.pill.Redirect{color:#bd7910;background:#fff5e4}.pill.Bermasalah{color:#cf374f;background:#fff0f2}.pill.Belum{color:#667286;background:#f1f3f6}.detail-btn{border:1px solid #dfe4ed;color:#5c55d3;background:white;border-radius:6px;padding:6px 9px}.empty{padding:55px;display:grid;justify-items:center;color:#919bad;font-size:25px}.empty b{font-size:13px;color:#4a5568;margin-top:10px}.empty span{font-size:10px;margin-top:5px}.empty.off{display:none}.panel footer{padding:12px 20px;border-top:1px solid #e7eaf0;color:#8994a7;font-size:10px}.hidden{display:none!important}.settings-form{padding:4px 20px 25px;max-width:600px}.log-row{display:grid;grid-template-columns:145px 1fr 120px;gap:15px;padding:13px 20px;border-top:1px solid #edf0f4;align-items:center}.log-row small{color:#8994a7}.log-row b{display:block}.change-add{color:#16875e}.change-remove{color:#d43e54}.notice{margin:14px 0;padding:13px 15px;border-radius:10px}.notice.ok{background:#eaf9f2;color:#157b57}.notice.err{background:#fff0f2;color:#c6364d}.modal{display:none;position:fixed;inset:0;background:#11182799;backdrop-filter:blur(5px);z-index:50;place-items:center}.modal.open{display:grid}.modal-card{width:min(620px,90vw);max-height:85vh;overflow:auto;background:white;border-radius:14px;padding:23px;position:relative}.modal-x{position:absolute;right:15px;top:13px;border:0;background:#f0f2f6;border-radius:50%;width:30px;height:30px}.detail-line{margin:13px 0}.detail-line small,.detail-line b{display:block}.detail-line small{color:#8994a7;margin-bottom:5px}.detail-line b{background:#f5f7fa;padding:10px;border-radius:7px;overflow-wrap:anywhere}
@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.scan-meta>div{display:none}}@media(max-width:720px){.login-page{grid-template-columns:1fr}.login-art{display:none}aside{transform:translateX(-100%);transition:.2s}aside.open{transform:none}.main{margin-left:0}.main header #menuBtn{display:block;border:0;background:none}.content{padding:20px 13px}.headline p{max-width:230px}.target-bar{align-items:flex-start}.stats{grid-template-columns:1fr 1fr}.toolbar{display:block}.toolbar>input{width:100%;margin-bottom:8px}.scan-meta .button{font-size:0}.scan-meta .button:first-letter{font-size:18px}}@media(max-width:430px){.stats{grid-template-columns:1fr}.headline .button{display:none}.target-info h3 span{display:block;width:max-content;margin:5px 0}.target-info a{max-width:200px;overflow:hidden;text-overflow:ellipsis}}
.visual-label{display:flex;align-items:center;gap:10px;min-width:190px}.visual-label>img,.visual-label>i{width:44px;height:44px;border-radius:8px;border:1px solid #e3e7ef;object-fit:contain;background:#f6f7fa}.visual-label>i{display:grid;place-items:center;color:#625be2;font-style:normal}.detected{display:inline-block;padding:5px 8px;border-radius:6px;font-size:8px;font-weight:900;letter-spacing:.5px;background:#eef0f4;color:#667286}.detected.IMAGE{background:#eeeaff;color:#5b4bd1}.detected.BUTTON{background:#e7f7ff;color:#1676a2}.detected.SCRIPT{background:#fff2df;color:#ac6a08}.detail-image{width:100%;max-height:210px;object-fit:contain;border:1px solid #e3e7ef;border-radius:10px;background:#f7f8fa}
.final-url{min-width:250px}.final-url span{display:block;overflow:hidden;text-overflow:ellipsis}.final-url span.changed{color:#574fd3;font-weight:800}.final-url small{display:block;margin-top:4px;color:#b77912;font-size:8px}
.smart-thumb{width:44px;height:44px;border-radius:8px;border:1px solid #e3e7ef;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#625be2,#312b91);flex:0 0 44px}.smart-thumb>i{color:white;font-size:10px;font-weight:900;font-style:normal}.smart-thumb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#f6f7fa}.preview-link-card>.smart-thumb{width:38px;height:38px;flex-basis:38px}
.smart-thumb.cta-thumb{width:118px;flex-basis:118px;border-radius:3px;border-color:#8d0010;background:linear-gradient(90deg,#970012,#d00014,#970012);box-shadow:0 2px 6px #7d001b38}.smart-thumb.cta-thumb>i{padding:0 7px;font-size:9px;text-align:center;line-height:1.15}.preview-link-card>.smart-thumb.cta-thumb{width:76px;flex-basis:76px}.preview-link-card>.smart-thumb.cta-thumb>i{font-size:7px}
.thumb-link{display:inline-flex;text-decoration:none;flex:0 0 auto}.smart-thumb.element-shot{width:118px;flex-basis:118px;height:44px;border-radius:4px;padding:4px 7px;grid-template-rows:1fr auto;background:linear-gradient(90deg,#18213a,#334368);box-shadow:0 2px 7px #26334d2b;transition:.18s}.smart-thumb.element-shot:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 5px 12px #26334d35}.smart-thumb.element-shot>i{max-width:102px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:9px}.smart-thumb.element-shot>small{font-size:6px;letter-spacing:.7px;color:#ffffffb8}.smart-thumb.element-shot.login{background:linear-gradient(90deg,#8e0012,#d30920)}.smart-thumb.element-shot.daftar{background:linear-gradient(90deg,#e45b12,#ff9418)}.smart-thumb.element-shot.promo{background:linear-gradient(90deg,#5e26b9,#8b4ee5)}.smart-thumb.element-shot.internal{background:linear-gradient(90deg,#0877a8,#11a4bd)}.preview-link-card>.thumb-link .smart-thumb.element-shot{width:76px;flex-basis:76px;height:38px}.preview-link-card>.thumb-link .smart-thumb.element-shot>i{max-width:64px;font-size:7px}.preview-link-card>.thumb-link .smart-thumb.element-shot>small{font-size:5px}
.pill.Tombol{color:#625be2;background:#efefff}.detected.BUTTON{background:#e7f7ff;color:#1676a2}
.preview-page{overflow:hidden}.preview-actions{display:flex;gap:8px}.preview-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(310px,.8fr);min-height:720px;border-top:1px solid #e5e9f0}.browser-frame{min-width:0;background:#eef1f6;border-right:1px solid #dfe4ed;padding:12px}.browser-top{height:42px;background:#202739;border-radius:10px 10px 0 0;display:flex;align-items:center;gap:7px;padding:0 13px}.browser-top>i{width:9px;height:9px;border-radius:50%;background:#ff6474}.browser-top>i:nth-child(2){background:#ffc457}.browser-top>i:nth-child(3){background:#43d39e}.browser-top span{margin-left:7px;background:#111827;color:#c9d0de;padding:7px 11px;border-radius:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px}.browser-frame iframe{width:100%;height:625px;border:0;background:white}.frame-note{font-size:9px;color:#788397;background:white;padding:9px 11px;border-radius:0 0 10px 10px}.detected-side{background:white;min-width:0}.detected-side>header{height:62px;padding:0 15px;border-bottom:1px solid #e6e9f0;display:flex;align-items:center;justify-content:space-between}.detected-side header b,.detected-side header small{display:block}.detected-side header small{color:#8994a7;margin-top:3px;font-size:9px}.detected-side header button{border:0;background:#151d32;color:white;border-radius:7px;padding:8px 10px}.preview-search{padding:10px;border-bottom:1px solid #e6e9f0}.preview-search input{width:100%;padding:10px;border:1px solid #dfe4ed;border-radius:8px}.detected-side>#previewLinks{height:640px;overflow:auto}.preview-link-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border-bottom:1px solid #edf0f4;cursor:pointer}.preview-link-card:hover{background:#f8f8ff}.preview-link-card>img,.preview-link-card>i{width:38px;height:38px;border:1px solid #e1e5ed;border-radius:7px;object-fit:contain;background:#f6f7fa}.preview-link-card>i{display:grid;place-items:center;color:#625be2;font-style:normal}.preview-link-card b,.preview-link-card small,.preview-link-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-link-card b{font-size:10px}.preview-link-card small{font-size:8px;color:#625be2;margin:3px 0}.preview-link-card span{font-size:8px;color:#8994a7}.preview-link-card>em{font-size:7px;font-style:normal;padding:4px 6px;border-radius:9px}.preview-link-card>em.Aktif{background:#e9faf3;color:#16875e}.preview-link-card>em.Redirect{background:#fff5e4;color:#bd7910}.preview-link-card>em.Bermasalah{background:#fff0f2;color:#cf374f}.preview-empty{padding:35px 15px;text-align:center;color:#8994a7;font-size:10px}
@media(max-width:1050px){.preview-grid{grid-template-columns:1fr}.browser-frame{border-right:0}.detected-side>#previewLinks{height:420px}}@media(max-width:720px){.preview-actions .light{display:none}.browser-frame iframe{height:470px}}
.site-switcher{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e3e7ef;border-radius:13px;padding:12px 14px;margin-bottom:12px;box-shadow:0 6px 24px #26334d08}.site-switcher>div:first-child{min-width:145px}.site-switcher>div:first-child b,.site-switcher>div:first-child small{display:block}.site-switcher>div:first-child small{font-size:9px;color:#8994a7;margin-top:4px}.site-switcher>#targetTabs{display:flex;gap:8px;overflow:auto;flex:1;padding:3px}.site-tab{border:1px solid #e1e5ed;background:#fafbfc;border-radius:10px;padding:7px 10px;display:flex;align-items:center;gap:8px;min-width:150px;text-align:left;color:#586378}.site-tab>i{width:28px;height:28px;border-radius:7px;background:#eeedff;color:#5d55d8;display:grid;place-items:center;font-style:normal;font-weight:900}.site-tab span,.site-tab b,.site-tab small{display:block;overflow:hidden;text-overflow:ellipsis}.site-tab span{min-width:0}.site-tab b{font-size:10px;white-space:nowrap}.site-tab small{font-size:8px;color:#929bad;margin-top:2px}.site-tab.on{border-color:#655de1;background:#f0efff;box-shadow:0 4px 12px #625be21f}.site-tab.on>i{background:#625be2;color:#fff}
.target-manager{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:22px;padding:20px;border-top:1px solid #e7eaf0}.bulk-target-form{background:#f8f9fc;border:1px solid #e4e8ef;border-radius:12px;padding:17px;height:max-content}.bulk-target-form label{font-weight:800}.bulk-target-form textarea{width:100%;margin-top:9px;border:1px solid #dfe4ed;border-radius:9px;padding:12px;resize:vertical;outline:none;line-height:1.6}.bulk-target-form textarea:focus{border-color:#625be2;box-shadow:0 0 0 3px #625be219}.bulk-target-form>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.bulk-target-form span{font-size:9px;color:#8994a7}.manager-title{display:flex;justify-content:space-between;margin:2px 0 12px}.manager-title span{font-size:9px;color:#625be2;background:#efefff;padding:5px 8px;border-radius:10px}.target-cards{display:grid;gap:9px;max-height:520px;overflow:auto;padding-right:4px}.target-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto 30px;gap:11px;align-items:center;border:1px solid #e3e7ef;border-radius:11px;padding:11px;background:#fff}.target-card.selected{border-color:#655de1;background:#fbfaff}.target-card>i{width:42px;height:42px;border-radius:9px;background:linear-gradient(145deg,#655de1,#393299);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}.target-card b,.target-card a,.target-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-card a{color:#68748a;font-size:9px;text-decoration:none;margin:3px 0}.target-card span{color:#2a9c71;font-size:8px}.target-card button{border:1px solid #dfe4ed;background:#fff;color:#5d55d8;border-radius:7px;padding:7px 9px;font-size:9px}.target-card .delete-target{color:#d33d54;padding:5px;font-size:16px}.security-form{border-top:1px solid #e6eaf0;margin-top:4px}
@media(max-width:900px){.site-switcher{align-items:flex-start;flex-wrap:wrap}.site-switcher>#targetTabs{order:3;flex-basis:100%}.target-manager{grid-template-columns:1fr}}@media(max-width:560px){.site-switcher>div:first-child{min-width:0;flex:1}.target-card{grid-template-columns:38px minmax(0,1fr) 28px}.target-card>button[data-select]{grid-column:2/4}.bulk-target-form>div{align-items:stretch;flex-direction:column}.target-manager{padding:12px}.site-switcher .button{font-size:0}.site-switcher .button:first-letter{font-size:17px}}