.page{min-height:100vh}.hero{background:var(--navy);color:#fff;padding:44px 20px 40px;border-bottom:4px solid var(--accent)}.hero-inner{max-width:720px;margin:0 auto}.hero h1{margin:0 0 6px;font-size:32px;letter-spacing:-.5px}.hero p{margin:0;color:#c7d2de;font-size:16px}.pen{display:inline-block;margin-left:10px;padding:3px 10px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);font-size:12.5px;font-weight:700;letter-spacing:.01em;vertical-align:7px}.auth-logo .pen{background:var(--cream);border-color:var(--line);color:var(--navy);vertical-align:5px}@media(max-width:560px){.pen{display:block;margin:8px 0 0}}.wrap{max-width:720px;margin:-24px auto 0;padding:0 20px 60px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 10px 30px #1f3a5f14}.upload{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:16px;border-bottom:1px dashed var(--line)}.upload-btn{display:inline-flex;align-items:center;gap:6px;background:var(--navy);color:#fff;padding:9px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.upload-btn:hover{background:var(--navy-dark)}.upload-alt{background:#fff;color:var(--navy);border:1.5px solid var(--navy)}.upload-alt:hover{background:#eef3fb}.upload-alt:disabled{opacity:.55;cursor:default}.upload-hint{margin:0 0 18px;font-size:12.5px;color:var(--grey);line-height:1.5}.file-chip{font-size:13px;font-weight:600;color:#1f7a44;background:#e8f3ec;padding:5px 12px;border-radius:999px}.or{font-size:13px;color:var(--grey)}.lbl{display:block;font-weight:600;font-size:14px;margin-bottom:8px;color:var(--ink)}textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:10px;font-size:15px;resize:vertical;color:var(--ink);background:#fdfdfb}textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #1f3a5f1f}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 18px;flex-wrap:wrap}.toggle{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--grey)}.ghost{background:transparent;border:1px solid var(--line);color:var(--navy);padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600}.ghost:hover{background:var(--cream)}.primary{width:100%;background:var(--navy);color:#fff;border:none;padding:15px;border-radius:10px;font-size:16px;font-weight:700;transition:background .15s}.primary:hover:not(:disabled){background:var(--navy-dark)}.primary:disabled{opacity:.6;cursor:default}.img-choice{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:14px;background:#fdfdfb}.img-hint{font-size:13px;color:#6b7280;flex:1 1 260px;line-height:1.45}.ctx-panel{border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:18px;background:#fdfdfb}.ctx-panel summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--navy);list-style:none}.ctx-panel summary::-webkit-details-marker{display:none}.ctx-panel summary:before{content:"▸ ";color:var(--accent)}.ctx-panel[open] summary:before{content:"▾ "}.ctx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:14px}.ctx-field{display:flex;flex-direction:column;gap:5px}.ctx-field span{font-size:12px;font-weight:600;color:var(--grey)}.ctx-field select{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px;color:var(--ink);background:#fff;font-family:inherit}.ctx-field select:focus{outline:none;border-color:var(--navy)}.mode-hint{margin-top:14px;text-align:center}.chip{display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;background:#eef1f4;color:var(--grey)}.chip-ai{background:#e8f3ec;color:#1f7a44}.chip-mock{background:#fdeee9;color:#b5502f}.status{margin-top:16px;padding:12px 14px;border-radius:10px;font-size:14px}.status.ok{background:#e8f3ec;color:#1f7a44;border:1px solid #bfe0cb}.status.error{background:#fdecea;color:#b3261e;border:1px solid #f3c2bd}.foot{text-align:center;color:var(--grey);font-size:13px;margin-top:22px}.preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.deck-title{margin:4px 0 0;font-size:22px;color:var(--navy)}.tpl-label{font-weight:600;font-size:14px;margin-bottom:10px}.gallery{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap}.tpl{background:#fff;border:2px solid var(--line);border-radius:10px;padding:8px;width:108px;text-align:center;transition:border-color .15s}.tpl-on{border-color:var(--navy)}.swatch{display:flex;align-items:flex-end;height:52px;border-radius:6px;padding:6px;margin-bottom:6px}.swatch-bar{width:40%;height:6px;border-radius:3px}.tpl-name{font-size:13px;font-weight:600;color:var(--ink)}.tpl{position:relative}.tpl-rec{border-color:var(--accent)}.tpl-star{position:absolute;top:-9px;right:-7px;font-size:15px}.rec-hint{font-weight:600;font-size:12px;color:var(--accent);margin-left:10px}.lay{position:relative;background:#fff;border:2px solid var(--line);border-radius:10px;padding:12px 14px;width:232px;text-align:left;transition:border-color .15s}.lay-name{display:block;font-size:14px;font-weight:700;color:var(--navy);margin-bottom:4px}.lay-blurb{display:block;font-size:11.5px;line-height:1.45;color:#6b7680}.gallery-layout{margin-bottom:24px}.aktivasi{margin:-6px 0 16px;padding:10px 14px;border-radius:10px;background:#fff8e9;border:1px solid #f0dcb0;color:#7a5a12;font-size:13px;line-height:1.55}.aktivasi ol{margin:8px 0 0;padding-left:20px}.aktivasi li{margin-bottom:6px}.aktivasi a{color:#7a5a12;text-decoration:underline}.aktivasi-rek{margin:6px 0 2px;padding:7px 11px;border-radius:8px;background:#fffdf7;border:1px dashed #d9c284;font-weight:700;letter-spacing:.01em}.aktivasi-catat{display:block;margin-top:8px;font-size:12px;opacity:.85}.org-body{margin-top:14px;display:flex;flex-direction:column;gap:12px}.org-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}.org-note{font-size:12.5px;color:var(--grey);line-height:1.5}.org-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px;font-weight:700;letter-spacing:.12em;background:var(--cream);border:1px solid var(--line);padding:6px 12px;border-radius:8px;color:var(--navy)}.org-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.org-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fdfdfb}.brand-panel{margin-bottom:18px}.brand-grid{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end;margin-top:14px}.brand-field{display:flex;flex-direction:column;gap:6px}.brand-field>span{font-size:12px;font-weight:600;color:var(--grey)}.brand-field input[type=color]{width:68px;height:38px;padding:2px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.brand-up{font-size:13px;padding:9px 14px}.brand-note{flex:1 1 100%;font-size:12.5px;color:var(--grey);line-height:1.5;margin:2px 0 0}.brand-locked{margin-top:12px;font-size:13.5px;color:var(--grey);line-height:1.55}.linklike{background:none;border:0;padding:0;font:inherit;color:var(--navy);font-weight:700;cursor:pointer;text-decoration:underline}.logo-baris{display:flex;align-items:center;gap:10px}.logo-pratinjau{display:grid;place-items:center;width:132px;height:46px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background-color:#fff;background-image:linear-gradient(45deg,#eceae4 25%,transparent 25%,transparent 75%,#eceae4 75%),linear-gradient(45deg,#eceae4 25%,transparent 25%,transparent 75%,#eceae4 75%);background-size:12px 12px;background-position:0 0,6px 6px}.logo-pratinjau img{max-width:100%;max-height:36px;object-fit:contain}.logo-memuat{font-size:11px;color:var(--grey)}.air{display:flex;align-items:center;gap:18px;margin-top:16px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}.air-gelas{position:relative;flex:none;width:62px;height:62px;border:2px solid var(--navy);border-radius:16px;overflow:hidden;background:#f7f9fc}.air-isi{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#3d86d4 0%,var(--navy) 100%);transition:height .35s ease-out}.air-ombak{position:absolute;left:50%;top:-9px;width:84px;height:84px;margin-left:-42px;border-radius:42%;background:#ffffff21;animation:air-putar 5s linear infinite}.air-ombak.o2{border-radius:46%;background:#ffffff12;animation-duration:8s;animation-direction:reverse}@keyframes air-putar{to{transform:rotate(360deg)}}.air-nilai{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--navy);color:#fff;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;vertical-align:1px}.air-teks{display:flex;flex-direction:column;gap:3px}.air-teks b{font-size:14.5px;color:var(--ink)}.air-teks span{font-size:12.5px;color:var(--grey);line-height:1.45}@media(prefers-reduced-motion:reduce){.air-ombak{animation:none}.air-isi{transition:none}}.lay.tpl-rec,.tpl.tpl-rec{border-color:var(--accent)}.lay.tpl-on,.tpl.tpl-on{border-color:var(--navy);background:#f2f6fb;box-shadow:inset 0 0 0 1px var(--navy)}.lay.tpl-on .lay-name,.tpl.tpl-on .tpl-name{color:var(--navy)}.lay.tpl-on:after,.tpl.tpl-on:after{content:"✓";position:absolute;top:-9px;left:-8px;width:20px;height:20px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}.klas-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.klas-input{flex:1;min-width:240px;max-width:420px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:400}.klas-input:focus{outline:2px solid var(--navy);outline-offset:1px}.slides{display:flex;flex-direction:column;gap:10px;max-height:380px;overflow-y:auto;padding:4px;margin-bottom:20px;border:1px solid var(--line);border-radius:10px;background:#fdfdfb}.slide{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 14px}.badge{display:inline-block;font-size:11px;font-weight:700;color:var(--grey);background:#eef1f4;padding:2px 9px;border-radius:999px;margin-bottom:6px}.slide-head{font-weight:700;color:var(--ink);font-size:15px}.slide-body{margin:8px 0 0;padding-left:20px;color:var(--grey);font-size:13px}.slide-body li{margin-bottom:3px}.ph-left{flex:1;min-width:0}.deck-title-edit{width:100%;margin-top:4px;border:1px solid transparent;border-radius:6px;padding:4px 6px;font-size:22px;font-weight:700;color:var(--navy);background:transparent}.deck-title-edit:hover{border-color:var(--line)}.deck-title-edit:focus{outline:none;border-color:var(--navy);background:#fff}.slide-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.del-slide,.del-bullet{border:none;background:transparent;color:#c0392b;font-size:13px;padding:2px 6px;border-radius:6px;opacity:.55}.del-slide:hover,.del-bullet:hover{opacity:1;background:#fdecea}.edit-head{width:100%;border:1px solid transparent;border-radius:6px;padding:5px 7px;font-weight:700;color:var(--ink);font-size:15px;background:transparent}.edit-head:hover{border-color:var(--line)}.edit-head:focus{outline:none;border-color:var(--navy);background:#fff}.edit-bullets{margin-top:6px;padding-left:4px}.edit-bullet{display:flex;align-items:center;gap:6px;margin-bottom:3px}.edit-bullet .dot{color:var(--accent);font-weight:700}.edit-bullet input{flex:1;border:1px solid transparent;border-radius:6px;padding:4px 7px;font-size:13px;color:var(--grey);background:transparent}.edit-bullet input:hover{border-color:var(--line)}.edit-bullet input:focus{outline:none;border-color:var(--navy);color:var(--ink);background:#fff}.add-bullet{margin-top:4px;border:1px dashed var(--line);background:transparent;color:var(--navy);font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px}.add-bullet:hover{background:var(--cream)}.chart-preview{margin-top:10px;background:#fbfdff;border:1px solid var(--line);border-radius:8px;padding:12px 14px}.chart-label{font-size:12px;font-weight:700;color:var(--navy);margin-bottom:10px;text-transform:capitalize}.chart-bars{display:flex;align-items:flex-end;gap:10px;height:92px}.cbar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.cbar-fill{width:70%;max-width:40px;background:var(--accent);border-radius:4px 4px 0 0;min-height:6px}.cbar-cat{font-size:11px;color:var(--grey);margin-top:6px;text-align:center}.kpi-preview{display:flex;gap:12px;margin-top:10px}.kpi-tile{flex:1;background:#fbfdff;border:1px solid var(--line);border-radius:8px;padding:14px 10px;text-align:center}.kpi-value{font-size:26px;font-weight:800;color:var(--accent);line-height:1}.kpi-label{font-size:12px;color:var(--grey);margin-top:6px}.cmp-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.cmp-col{border:1px solid var(--line);border-radius:8px;overflow:hidden}.cmp-head{background:var(--navy);color:#fff;font-weight:700;font-size:13px;padding:8px 12px;text-align:center}.cmp-col:nth-child(2) .cmp-head{background:var(--accent)}.cmp-col ul{list-style:none;margin:0;padding:10px 12px}.cmp-col li{font-size:13px;color:var(--grey);padding-left:14px;position:relative;margin-bottom:5px}.cmp-col li:before{content:"•";position:absolute;left:0;color:var(--accent)}.tl-preview{display:flex;gap:10px;margin-top:12px}.tl-step{flex:1;text-align:center;position:relative}.tl-step:before{content:"";position:absolute;top:9px;left:0;right:0;height:2px;background:var(--line)}.tl-label{display:inline-block;position:relative;background:var(--navy);color:#fff;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;z-index:1}.tl-text{font-size:12px;color:var(--grey);margin-top:8px}.tbl-preview{margin-top:10px;overflow-x:auto}.tbl-preview table{width:100%;border-collapse:collapse;font-size:12px}.tbl-preview th{background:var(--navy);color:#fff;padding:6px 10px;text-align:left;font-weight:700}.tbl-preview td{padding:6px 10px;border-bottom:1px solid var(--line);color:var(--grey)}.tbl-preview tr:last-child td{border-bottom:none}.feat-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.feat-card{border:1px solid var(--line);border-radius:8px;padding:12px;border-top:3px solid var(--accent)}.feat-name{font-weight:700;color:var(--navy);font-size:13px}.feat-desc{font-size:12px;color:var(--grey);margin-top:4px}.proc-preview{display:flex;flex-direction:column;gap:8px;margin-top:10px}.proc-step{display:flex;gap:10px;align-items:flex-start}.proc-num{flex:none;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:12px;display:grid;place-items:center}.proc-body b{font-size:13px;color:var(--ink)}.proc-body div{font-size:12px;color:var(--grey)}.team-preview{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap}.team-card{flex:1;min-width:90px;text-align:center;background:#fbfdff;border:1px solid var(--line);border-radius:8px;padding:12px}.team-avatar{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;font-size:18px;display:grid;place-items:center;margin:0 auto 8px}.team-name{font-weight:700;font-size:13px;color:var(--ink)}.team-role{font-size:12px;color:var(--accent);margin-top:2px}.price-preview{display:flex;gap:10px;margin-top:10px}.price-card{flex:1;border:1px solid var(--line);border-radius:10px;padding:14px 12px;text-align:center}.price-card.price-hot{background:var(--navy);border-color:var(--navy);color:#fff}.price-name{font-weight:700;font-size:13px;color:var(--grey)}.price-card.price-hot .price-name{color:var(--accent)}.price-amt{font-size:22px;font-weight:800;color:var(--navy);margin:6px 0 10px}.price-card.price-hot .price-amt{color:#fff}.price-card ul{list-style:none;margin:0;padding:0}.price-card li{font-size:11px;color:var(--grey);margin-bottom:4px}.price-card.price-hot li{color:#c9d4e4}.userbar{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-bottom:14px;font-size:13px;flex-wrap:wrap}.ub-email{color:#c7d2de}.ub-plan{font-weight:700;font-size:11px;padding:2px 9px;border-radius:999px;background:var(--accent);color:#fff}.plan-free{background:#5a6672}.ub-quota{color:#c7d2de}.ub-logout{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 12px;border-radius:6px;font-size:12px}.ub-logout:hover{background:#ffffff1f}.ub-upgrade{background:var(--accent);border:none;color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer}.ub-upgrade:hover{filter:brightness(1.06)}.ub-history{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer}.ub-history:hover{background:#ffffff1f}.modal-history{max-width:560px}.hist-empty{padding:32px 8px;text-align:center;color:#7a8695;font-size:14px}.hist-list{list-style:none;margin:8px 0 0;padding:0;max-height:60vh;overflow-y:auto}.hist-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line, #e5e9ef);border-radius:10px;margin-bottom:8px;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.hist-item:hover{border-color:var(--accent);background:#fafbfd;transform:translateY(-1px)}.hist-info{display:flex;flex-direction:column;gap:2px;min-width:0}.hist-title{font-weight:700;color:var(--ink, #14203a);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-date{font-size:12px;color:#8a94a3}.hist-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.hist-open{color:var(--accent);font-size:13px;font-weight:700}.hist-del,.hist-edit{background:transparent;border:none;cursor:pointer;font-size:14px;opacity:.5;padding:2px 4px;border-radius:6px}.hist-del:hover{opacity:1;background:#ffe9e6}.hist-edit:hover{opacity:1;background:#eef1f6}.hist-editing{cursor:default}.hist-rename-input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--accent);border-radius:8px;font-size:14px;font-weight:600}.hist-save{background:var(--accent);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer}.hist-cancel{background:transparent;border:1px solid var(--line, #e5e9ef);padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer}.ph-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14203a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:#fff;border-radius:18px;padding:32px;width:100%;max-width:760px;box-shadow:0 30px 70px #0000004d;position:relative;max-height:90vh;overflow-y:auto}.modal-x{position:absolute;top:16px;right:18px;background:transparent;border:none;font-size:16px;color:var(--grey);cursor:pointer}.modal-title{font-size:24px;color:var(--navy);margin-bottom:4px}.modal-sub{color:var(--grey);font-size:14px;margin-bottom:24px}.modal-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mplan{border:1px solid var(--line);border-radius:14px;padding:22px 20px;position:relative}.mplan-hot{border-color:var(--navy);background:#fbfcfe}.mplan-tag{position:absolute;top:-10px;left:20px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}.mplan-name{font-weight:700;color:var(--ink);font-size:16px}.mplan-price{font-size:28px;font-weight:800;color:var(--navy);margin:6px 0 12px}.mplan-price small{font-size:14px;font-weight:600;color:var(--grey)}.mplan ul{list-style:none;margin:0 0 18px;padding:0}.mplan li{font-size:13px;color:var(--grey);margin-bottom:7px;padding-left:18px;position:relative}.mplan li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}.mplan-btn{width:100%;padding:10px;border-radius:8px;border:1px solid var(--navy);background:var(--navy);color:#fff;font-weight:700;font-size:14px;cursor:pointer}.mplan-btn:hover:not(:disabled){background:var(--navy-dark)}.mplan-btn.current{background:#eef1f4;color:var(--grey);border-color:var(--line);cursor:default}.mplan-btn:disabled{opacity:.7;cursor:default}.modal-note{margin-top:20px;text-align:center;font-size:12.5px;color:var(--grey);background:var(--cream);padding:10px;border-radius:8px}@media(max-width:640px){.modal-plans{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--navy)}.auth-card{background:#fff;border-radius:16px;padding:36px 32px;width:100%;max-width:380px;box-shadow:0 20px 50px #00000040;border-top:4px solid var(--accent)}.auth-logo{margin:0 0 4px;font-size:26px;color:var(--navy)}.auth-sub{margin:0 0 22px;color:var(--grey);font-size:14px}.auth-card form{display:flex;flex-direction:column;gap:12px}.auth-card input{padding:12px 14px;border:1px solid var(--line);border-radius:9px;font-size:15px;font-family:inherit}.auth-card input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #1f3a5f1f}.auth-err{background:#fdecea;color:#b3261e;border:1px solid #f3c2bd;padding:9px 12px;border-radius:8px;font-size:13px}.auth-ok{background:#e8f3ec;color:#1f7a44;border:1px solid #bfe0cb;padding:9px 12px;border-radius:8px;font-size:13px;line-height:1.5}.auth-catat{background:#fff8e9;color:#7a5a12;border:1px solid #f0dcb0;padding:9px 12px;border-radius:8px;font-size:13px;line-height:1.5}.auth-setuju{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;color:var(--grey);cursor:pointer;margin:2px 0}.auth-setuju input{width:16px;height:16px;margin-top:2px;flex:none;cursor:pointer}.auth-setuju a{color:inherit;font-weight:600;text-decoration:underline}.auth-setuju a:hover{color:var(--ink, #14203a)}.auth-switch{text-align:center;margin:18px 0 0;font-size:13px;color:var(--grey)}.auth-switch+.auth-switch{margin-top:6px}.link{background:none;border:none;color:var(--navy);font-weight:700;cursor:pointer;font-size:13px;padding:0}.link:hover{text-decoration:underline}.dl-link{display:block;margin-top:12px;text-align:center;padding:12px;border-radius:10px;background:#e5f5ec;color:#136b3a;border:1.5px solid #b7e0c6;font-weight:800;font-size:15px;text-decoration:none}.dl-link:hover{filter:brightness(1.03)}.dl-link:active{transform:translateY(1px)}.ub-admin{background:var(--ink);border:none;color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer}.ub-admin:hover{filter:brightness(1.25)}.modal-admin{max-width:430px}.adm-label{display:block;margin:14px 0 5px;font-size:13px;font-weight:700;color:var(--navy)}.adm-row{display:flex;gap:8px}.adm-input,.adm-select{flex:1;width:100%;padding:10px 12px;border:1.5px solid #d5dde6;border-radius:8px;font-size:14px;background:#fff}.adm-input:focus,.adm-select:focus{outline:none;border-color:var(--navy)}.adm-cek{background:var(--navy);color:#fff;border:none;border-radius:8px;padding:0 18px;font-weight:700;cursor:pointer;white-space:nowrap}.adm-cek:hover:not(:disabled){background:var(--navy-dark)}.adm-aktifkan{margin-top:18px;width:100%;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:12px;font-size:15px;font-weight:700;cursor:pointer}.adm-aktifkan:hover:not(:disabled){filter:brightness(1.06)}.adm-aktifkan:disabled,.adm-cek:disabled{opacity:.6;cursor:default}.adm-info{margin-top:14px;padding:10px 12px;border-radius:8px;font-size:13.5px;font-weight:600}.adm-ok{background:#e5f5ec;color:#136b3a}.adm-error{background:#fdeaea;color:#a02020}.adm-found{background:#eef3fb;color:var(--navy)}.verif-banner{background:#fff7e8;border:1px solid #f2d38a;border-left:4px solid #e0a92e;border-radius:10px;padding:14px 16px;margin-bottom:18px}.verif-head{font-weight:800;color:#7a5310;font-size:15px;margin-bottom:4px}.verif-banner p{margin:0;font-size:13.5px;color:#5c4a26;line-height:1.5}.verif-note{color:#8a7440}.verif-act{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.anon-banner{background:#eef6ff;border:1px solid #bcd9f5;border-left:4px solid #2f7fd8;border-radius:10px;padding:13px 16px;margin-bottom:18px;font-size:14px;color:#234b73;line-height:1.55}.ub-anon{color:#d9a441;font-weight:700;font-size:13px;margin-right:auto}.auth-ajak{background:#fff7e8;border:1px solid #f2d38a;border-radius:9px;padding:10px 13px;margin:0 0 12px;font-size:13.5px;color:#7a5310;line-height:1.5;text-align:left}.verif-info{font-size:13px;font-weight:600;color:#1f7a44}.modal-traffic{max-width:620px}.trf-loading{text-align:center;color:var(--grey);padding:20px}.trf-path{font-size:12px;opacity:.8;margin-top:4px;word-break:break-all}.trf-tiles{display:flex;gap:10px;margin:6px 0 16px}.trf-tile{flex:1;background:#f2f6fb;border:1px solid #e2e8f2;border-radius:12px;padding:14px 10px;text-align:center}.trf-tile b{display:block;font-size:30px;font-weight:800;color:var(--navy);line-height:1}.trf-tile span{display:block;font-size:11.5px;color:var(--grey);margin-top:6px}.trf-block{margin-bottom:16px}.trf-h{font-size:13px;font-weight:700;color:var(--navy);margin-bottom:8px}.trf-bars{display:flex;align-items:flex-end;gap:6px;height:110px;padding:0 2px}.trf-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.trf-bar{width:100%;min-height:3px;background:linear-gradient(180deg,#3d86d4,var(--navy));border-radius:6px 6px 0 0;position:relative;display:flex;justify-content:center}.trf-bar-n{position:absolute;top:-18px;font-size:12px;font-weight:700;color:var(--navy)}.trf-bar-l{font-size:11px;color:var(--grey);margin-top:5px}.trf-cols{display:flex;gap:16px}.trf-cols .trf-block{flex:1;min-width:0}.trf-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13.5px;padding:5px 0;border-bottom:1px dashed var(--line)}.trf-row span{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trf-row b{color:var(--navy);font-weight:700;flex:none}.trf-empty{font-size:12.5px;color:var(--grey)}.trf-recent{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}.trf-visit{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:5px 0;border-bottom:1px solid #f0f2f5}.trf-t{color:var(--grey);flex:none;width:92px}.trf-dev{flex:none}.trf-pg{color:var(--navy);font-weight:600;flex:none}.trf-src{color:var(--grey);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.trf-cols{flex-direction:column;gap:0}}.trf-funnel{display:flex;align-items:stretch;gap:8px;margin-bottom:8px}.trf-fn{flex:1;background:#f2f6fb;border:1px solid #e2e8f2;border-radius:12px;padding:12px 6px;text-align:center}.trf-fn b{display:block;font-size:26px;font-weight:800;color:var(--navy);line-height:1}.trf-fn span{display:block;font-size:11px;color:var(--grey);margin-top:5px}.trf-fn-cost{background:#fff4ec;border-color:#f2c8a8}.trf-fn-cost b{color:var(--accent)}.trf-fn-arrow{display:flex;align-items:center;color:var(--grey);font-size:22px;font-weight:700}.trf-cost-note{font-size:12px;color:#8a5a2a;background:#fff7ef;border-radius:8px;padding:8px 10px;margin:0 0 16px}.trf-paket{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 4px}.trf-pk{font-size:12.5px;color:var(--grey);background:#f4f6f9;border-radius:999px;padding:4px 12px}.trf-pk b{color:var(--navy)}.trf-pk-pro b,.trf-pk-bisnis b{color:#1f7a44}:root{--navy: #1f3a5f;--navy-dark: #16293f;--accent: #e07a5f;--ink: #222a33;--grey: #5a6672;--cream: #f6f4ee;--line: #e4e0d6}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--cream);color:var(--ink);line-height:1.5}button{font-family:inherit;cursor:pointer}textarea{font-family:inherit}