.jxb-bg-auth{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.jxb-loader{background:#fff;height:100%;width:100%;z-index:9999;display:flex;align-items:center;justify-content:center;position:fixed}.jxb-loader-hidden{display:none}.jxb-loader .jxb-bounce{animation:bounce2 2s ease infinite;width:150px}@keyframes bounce2{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.jxb-bg-auth{background-image:url(/login.png);background-position:top center;background-size:cover;width:100%;min-height:100vh;position:relative}.jxb-bg-auth .jxb-icon-top-left{position:absolute;width:150px;top:10px;left:10px;z-index:10}.radial-gradient{background:radial-gradient(ellipse at center,#fff3,#ffffff0d)}.position-relative{position:relative}.overflow-hidden{overflow:hidden}.min-vh-100{min-height:100vh}.w-100{width:100%}.row{display:flex;flex-wrap:wrap}.justify-content-center{justify-content:center}.col-md-6,.col-lg-5,.col-xxl-4{flex:0 0 auto}@media (min-width: 768px){.col-md-6{width:50%}}@media (min-width: 992px){.col-lg-5{width:41.66667%}}@media (min-width: 1400px){.col-xxl-4{width:33.33333%}}.card{background:#fff;box-shadow:0 0 10px #00000026;border-radius:10px}.jxb-card-auth{background:#fff;box-shadow:0 0 10px #00000026;border-radius:10px;padding:45px 28px}.card-body{padding:0}.jxb-color-primary{color:var(--primary)}.jxb-card-auth h2{font-size:22px;font-weight:600;margin-bottom:6px}.jxb-card-auth p{font-weight:500;font-size:16px;line-height:24px;color:#9a9a9a;margin-bottom:25px}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.form-label{font-size:16px;font-weight:600;margin-bottom:5px;display:inline-block;color:#333}.form-control{display:block;width:100%;padding:10px 14px;font-size:14px;font-weight:400;line-height:1.5;color:#333;background-color:#fff;background-clip:padding-box;border:1px solid #dee2e6;border-radius:5px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-sizing:border-box}.form-control:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 .2rem var(--ring-color)}.form-control::placeholder{color:#adb5bd}.jxb-forgot-password{color:var(--primary);text-decoration:none;font-weight:500;font-size:17px;line-height:27px;transition:.3s}.jxb-forgot-password:hover{color:var(--primary-dark)}.jxb-btn-login{font-weight:600;font-size:18px;line-height:27px;background:var(--primary);color:#fff;border:none;border-radius:5px;padding:10px 0;cursor:pointer;transition:.3s}.jxb-btn-login:hover:not(:disabled){background:var(--primary-dark)}.jxb-btn-login:disabled{opacity:.6;cursor:not-allowed}.login-error{background:#fff1f2;color:#e11d48;padding:12px;border-radius:5px;margin-bottom:20px;font-size:13px;text-align:center;border:1px solid #ffe4e6}.d-flex-between{display:flex;justify-content:space-between;align-items:center}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--bg-color);position:relative;overflow-x:clip;width:100%;max-width:100vw}.top-navbar{position:fixed;top:0;left:250px;right:0;height:60px;background:var(--bg-paper);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:10;transition:left .3s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.dashboard-layout.sidebar-collapsed .top-navbar{left:0}.top-navbar-left{display:flex;align-items:center;gap:14px}.sidebar-toggle-btn{background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-main, #0f172a);transition:all .2s ease}.sidebar-toggle-btn:hover{background:#f8fafc;color:var(--primary, #2563eb);border-color:var(--primary, #2563eb)}.top-navbar-title{font-size:16px;font-weight:700;color:var(--text-main, #0f172a);margin:0;letter-spacing:-.02em}.top-navbar-right{display:flex;align-items:center;gap:12px}.user-profile-summary{display:flex;align-items:center;gap:8px}.avatar-sm{width:32px;height:32px;border-radius:50%;background:#eff6ff;border:1px solid var(--border-color, #cbd5e1);color:var(--primary, #2563eb);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.user-name-sm{font-size:13px;font-weight:600;color:var(--text-main, #0f172a)}.sidebar{width:250px;background:var(--bg-paper);border-right:1px solid var(--border-light);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:20;transition:transform .3s cubic-bezier(.16,1,.3,1)}.sidebar-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;height:60px;box-sizing:border-box;border-bottom:1px solid var(--border-light, #f1f5f9)}.sidebar-header h2{font-size:20px;font-weight:700;color:var(--primary);margin:0;letter-spacing:-.02em}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-muted, #64748b);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:color .15s,background .15s}.close-btn:hover{color:var(--text-main, #0f172a);background:#f1f5f9}.close-btn{display:none}.dashboard-layout.sidebar-collapsed .sidebar{transform:translate(-100%)}.user-profile{padding:16px 20px;display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;border-radius:50%;background:#f3f4f6;border:1px solid var(--border-color);color:var(--text-main);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-name{font-weight:500;font-size:14px;color:var(--text-main)}.user-role{font-size:12px;color:var(--text-muted)}.sidebar-nav{flex:1;padding:0 16px;overflow-y:auto}.nav-group{margin-bottom:24px}.nav-group-title{font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding-left:14px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);color:var(--text-muted);margin-bottom:4px;transition:all .2s ease;font-size:14px;font-weight:500}.nav-item:hover{background:var(--bg-color);color:var(--text-main)}.nav-item.active{background:#eff6ff;color:var(--primary);font-weight:600;box-shadow:inset 3px 0 0 var(--primary)}.sidebar-footer{padding:16px}.logout-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;background:none;border:none;color:var(--text-muted);font-weight:500;font-size:14px;cursor:pointer;border-radius:var(--radius-md);transition:all .2s ease}.logout-btn:hover{background:#fff1f2;color:#e11d48}.main-content{flex:1;margin-left:250px;padding:80px 40px 40px;max-width:1200px;width:calc(100% - 250px);min-width:0;box-sizing:border-box;transition:margin-left .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1)}.dashboard-layout.sidebar-collapsed .main-content{margin-left:0;width:100%;max-width:100%}.overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:15}@media (max-width: 768px){.top-navbar{left:0;padding:0 16px}.desktop-collapse-btn{display:none}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-lg)}.close-btn{display:flex}.main-content{margin-left:0;width:100%;max-width:100%;padding:80px 16px 32px}.overlay{display:block}}.nav-badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--red);color:#fff;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.ops{max-width:1400px;margin:0 auto;animation:opsFadeIn .5s ease-out}@keyframes opsFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.ops-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px;padding:10px 4px}.ops-head-left{display:flex;flex-direction:column}.ops-eyebrow{font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--primary);font-weight:700}.ops-h1{font-size:32px;font-weight:800;letter-spacing:-.03em;color:#0f172a;margin-top:6px;line-height:1.1}.ops-sub{font-size:14px;color:#64748b;margin-top:8px;display:flex;align-items:center;gap:8px;font-weight:500}.live-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98133;animation:pulseLive 2s infinite}@keyframes pulseLive{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.ops-cta{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;border-radius:12px;padding:12px 22px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px -6px #2563eb80;transition:all .2s cubic-bezier(.4,0,.2,1)}.ops-cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px #2563eb99;background:linear-gradient(135deg,#1d4ed8,#2563eb)}.card{background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:24px;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005;transition:box-shadow .3s ease,transform .3s ease}.ops-hero{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:20px;margin-bottom:24px}.evt{padding:28px 32px;cursor:pointer;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #334155;color:#fff;box-shadow:0 10px 25px -5px #0f172a66}.evt:hover{transform:translateY(-4px);box-shadow:0 20px 35px -5px #0f172a80}.evt-top{display:flex;align-items:center;justify-content:space-between}.evt-eyebrow{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#94a3b8;font-weight:700}.evt-badge{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#60a5fa;background:#2563eb26;border:1px solid rgba(59,130,246,.2);padding:6px 12px;border-radius:10px;font-weight:700}.evt-total{font-size:54px;font-weight:800;letter-spacing:-.04em;color:#fff;line-height:1;font-variant-numeric:tabular-nums;margin-top:18px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.evt-total-label{font-size:14px;color:#cbd5e1;margin-top:8px;font-weight:500}.evt-meter{display:flex;height:14px;border-radius:99px;overflow:hidden;background:#ffffff1a;margin-top:auto;gap:3px;box-shadow:inset 0 2px 4px #0003}.evt-seg{display:block;min-width:4px;transition:flex-grow .6s cubic-bezier(.2,.8,.2,1)}.evt-seg.active{background:#10b981;box-shadow:0 0 10px #10b98199}.evt-seg.inactive{background:#64748b}.evt-legend{display:flex;gap:32px;margin-top:20px}.evt-leg{display:flex;align-items:baseline;gap:8px}.evt-leg .lv{font-size:22px;font-weight:800;color:#f8fafc;font-variant-numeric:tabular-nums}.evt-leg .ln{font-size:13px;color:#94a3b8;display:flex;align-items:center;gap:6px;font-weight:600}.evt-leg .ld{width:10px;height:10px;border-radius:3px}.kpi{padding:24px 26px;cursor:pointer;display:flex;flex-direction:column}.kpi:hover{transform:translateY(-4px);box-shadow:0 16px 30px -8px #00000014;border-color:#e2e8f0}.kpi-eyebrow{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#64748b;font-weight:700;display:flex;align-items:center;justify-content:space-between}.kpi-icon-wrap{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center}.kpi-n{font-size:38px;font-weight:800;letter-spacing:-.035em;color:#0f172a;margin-top:auto;font-variant-numeric:tabular-nums;line-height:1}.kpi-l{font-size:13.5px;color:#64748b;margin-top:8px;font-weight:500}.ops-row{display:grid;grid-template-columns:1.8fr 1fr;gap:20px;margin-bottom:20px}.ops-row-2{display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.panel{padding:26px 30px}.panel-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-h h3{font-size:17px;font-weight:800;color:#0f172a;letter-spacing:-.01em}.panel-h p{font-size:13.5px;color:#64748b;margin-top:4px}.mlist{display:flex;flex-direction:column;gap:4px;margin-top:12px}.mrow{display:flex;align-items:center;gap:16px;padding:12px 10px;border-radius:14px;cursor:pointer;transition:all .2s ease}.mrow:hover{background:#f8fafc;transform:translate(4px)}.mic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #00000008}.mn{flex:1;font-size:14.5px;font-weight:700;color:#1e293b}.mv{font-size:14.5px;font-weight:800;color:#0f172a;background:#f1f5f9;padding:5px 14px;border-radius:10px;font-variant-numeric:tabular-nums;border:1px solid #e2e8f0}.donut{display:flex;align-items:center;gap:32px;margin-top:16px}.dleg{display:flex;flex-direction:column;gap:14px;flex:1}.dleg .r{display:flex;align-items:center;gap:12px;font-size:14px}.dleg .d{width:12px;height:12px;border-radius:4px;flex-shrink:0}.dleg .n{flex:1;color:#475569;font-weight:500}.dleg .v{font-weight:800;color:#0f172a;font-variant-numeric:tabular-nums}.feed{display:flex;flex-direction:column;margin-top:12px}.frow{display:flex;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px dashed #e2e8f0}.frow:last-child{border-bottom:none}.fic{width:38px;height:38px;border-radius:12px;background:#eff6ff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.ftext{flex:1;font-size:14px;color:#334155;line-height:1.5}.ftext b{font-weight:700;color:#0f172a}.ftime{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;color:#94a3b8;white-space:nowrap;font-weight:600;margin-top:4px}.empty-mini{color:#94a3b8;font-size:14px;padding:40px 0;text-align:center;font-weight:500}.premium-tooltip{background:#fffffff2!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(226,232,240,.8)!important;border-radius:14px!important;box-shadow:0 12px 30px -10px #00000026!important;padding:12px 16px!important;font-family:inherit}@media (max-width: 1200px){.ops-hero{grid-template-columns:1fr 1fr}.evt{grid-column:1 / -1}.ops-row,.ops-row-2{grid-template-columns:1fr}}@media (max-width: 640px){.ops-hero{grid-template-columns:1fr}.evt{grid-column:auto}.donut{flex-direction:column;align-items:flex-start}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;width:360px;max-width:calc(100vw - 40px);pointer-events:none}.toast{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px 18px;border-radius:12px;background:#fff;box-shadow:0 4px 6px -1px #00000012,0 10px 30px -5px #0000001f,0 0 0 1px #0000000a;overflow:hidden;pointer-events:all;will-change:transform,opacity}.toast--enter{animation:toastSlideIn .32s cubic-bezier(.16,1,.3,1) both}.toast--exit{animation:toastSlideOut .28s cubic-bezier(.4,0,1,1) both}@keyframes toastSlideIn{0%{opacity:0;transform:translate(calc(100% + 20px)) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) scale(1);max-height:120px;margin-bottom:0}to{opacity:0;transform:translate(calc(100% + 20px)) scale(.95);max-height:0;margin-bottom:-10px}}.toast__icon-wrap{flex-shrink:0;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-top:1px}.toast__message{flex:1;font-size:13.5px;font-weight:500;line-height:1.5;color:#111827;padding-top:5px;letter-spacing:-.01em}.toast__close{flex-shrink:0;width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:background .15s,color .15s;margin-top:3px}.toast__close:hover{background:#f3f4f6;color:#374151}.toast__progress{position:absolute;bottom:0;left:0;height:3px;width:100%;border-radius:0 0 12px 12px;transform-origin:left;animation:toastProgress linear both}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast--success{border-left:3.5px solid #16a34a}.toast--success .toast__icon-wrap{background:#f0fdf4;color:#16a34a}.toast--success .toast__progress{background:#16a34a}.toast--error{border-left:3.5px solid #dc2626}.toast--error .toast__icon-wrap{background:#fef2f2;color:#dc2626}.toast--error .toast__progress{background:#dc2626}.toast--warning{border-left:3.5px solid #d97706}.toast--warning .toast__icon-wrap{background:#fffbeb;color:#d97706}.toast--warning .toast__progress{background:#d97706}.toast--info{border-left:3.5px solid #2563eb}.toast--info .toast__icon-wrap{background:#eff6ff;color:#2563eb}.toast--info .toast__progress{background:#2563eb}@media (max-width: 480px){.toast-container{top:12px;right:12px;left:12px;width:auto}}.d-flex-between{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.table-container{background:var(--bg-paper);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden;box-shadow:var(--shadow-sm)}.table-toolbar{padding:16px 24px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between}.search-box{position:relative;width:100%;max-width:300px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-box input{width:100%;padding:10px 14px 10px 42px;border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;font-size:14px;transition:all .2s;background-color:#fafafa}.search-box input:focus{background-color:#fff;border-color:var(--primary)}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:14px 24px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:1px solid var(--border-light)}.data-table td{padding:16px 24px;border-bottom:1px solid var(--border-light);vertical-align:middle;font-size:14px;color:var(--text-main)}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:#fafafa}.event-cell{display:flex;align-items:center;gap:16px}.event-img{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover;background:#f3f4f6;border:1px solid var(--border-light)}.event-info{display:flex;flex-direction:column;gap:4px}.event-title{font-weight:600;color:var(--text-main);font-size:14px}.event-category{font-size:12px;color:var(--text-muted)}.actions-cell{display:flex;gap:8px}.btn-icon{background:none;border:none;padding:8px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;color:var(--text-muted)}.text-blue:hover{color:#2563eb;background:#eff6ff}.text-red:hover{color:#dc2626;background:#fef2f2}.loading-state{padding:60px;text-align:center;color:var(--text-muted);font-size:14px}.empty-state{text-align:center;padding:60px!important;color:var(--text-muted)}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.lokasi-picker{display:flex;flex-direction:column;gap:8px}.lokasi-cari{position:relative}.lokasi-cari>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.lokasi-cari .form-input{padding-left:36px}.lokasi-tempat{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:13px;color:var(--text-muted)}.lokasi-tempat svg{flex-shrink:0;margin-top:2px;color:var(--primary)}.lokasi-tempat strong{color:var(--text-main);font-weight:600}.lokasi-peta{position:relative;isolation:isolate;height:300px;width:100%;border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;background:var(--border-light)}.lokasi-memuat{display:grid;place-items:center;font-size:13px;color:var(--text-muted)}.lokasi-bantuan,.lokasi-catatan{margin:0;font-size:12px;color:var(--text-muted)}.lokasi-catatan{display:flex;align-items:center;gap:6px}.pac-container{z-index:2000;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-family:inherit}.lokasi-cari-server{position:relative}.lokasi-cari-server .lokasi-cari .form-input{padding-right:72px}.lokasi-cari-tombol{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:30px;padding:0 14px;border:0;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:13px;font-weight:500;cursor:pointer}.lokasi-cari-tombol:hover:not(:disabled){filter:brightness(.92)}.lokasi-cari-tombol:disabled{opacity:.7;cursor:progress}.lokasi-galat{margin:6px 0 0;font-size:12px;color:var(--danger, #b42318)}.lokasi-hasil{list-style:none;margin:6px 0 0;padding:4px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-paper);box-shadow:var(--shadow-lg)}.lokasi-hasil button{display:flex;align-items:flex-start;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:var(--radius-sm, 6px);background:transparent;text-align:left;cursor:pointer;color:var(--text-main)}.lokasi-hasil button:hover,.lokasi-hasil button:focus-visible{background:var(--border-light);outline:none}.lokasi-hasil button svg{flex-shrink:0;margin-top:3px;color:var(--primary)}.lokasi-hasil strong{display:block;font-size:13px;font-weight:600}.lokasi-hasil small{display:block;font-size:12px;color:var(--text-muted)}.lokasi-hasil-kosong{padding:8px 10px;font-size:13px;color:var(--text-muted)}.lokasi-cari-tombol .spin{animation:spin .8s linear infinite}.d-flex{display:flex}.align-items-center{align-items:center}.gap-12{gap:12px}.form-container{background:var(--bg-paper);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:40px;box-shadow:var(--shadow-sm)}.form-section{margin-bottom:48px}.form-section:last-child{margin-bottom:0}.form-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.form-section-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s}.form-section-header.clickable:hover{opacity:.8}.form-section-header h3{font-size:16px;font-weight:600;color:var(--text-main);letter-spacing:-.01em;margin:0}.btn-add{display:flex;align-items:center;gap:6px;background:#f3f4f6;color:var(--text-main);border:1px solid var(--border-color);padding:6px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-add:hover{background:var(--text-main);color:#fff;border-color:var(--text-main)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-group.full-width{grid-column:1 / -1}.form-group input:not([type=checkbox]),.form-group select,.form-group textarea{padding:12px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;outline:none;background-color:#fafafa;transition:all .2s;color:var(--text-main)}.form-group input:not([type=checkbox]):focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.form-group textarea{resize:vertical}.rich-text-editor .ql-container{font-family:Inter,sans-serif;font-size:14px;background:#fafafa;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-color:var(--border-color);min-height:150px}.rich-text-editor .ql-toolbar{background:#f9fafb;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);border-color:var(--border-color)}.rich-text-editor .ql-editor{min-height:150px}.toggle-group{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:16px;background:#fafafa;border:1px solid var(--border-light);border-radius:var(--radius-md)}.toggle-group label{font-size:14px;font-weight:500}.dynamic-list{display:flex;flex-direction:column;gap:16px}.dynamic-item{background:#fafafa;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;position:relative}.dynamic-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dynamic-item-header h4{font-size:14px;font-weight:600;color:var(--text-muted);margin:0}.btn-remove{background:#fff1f2;color:#e11d48;border:1px solid #ffe4e6;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.btn-remove:hover{background:#e11d48;color:#fff}.dynamic-grid-4{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px}.dynamic-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.form-grid,.dynamic-grid-4,.dynamic-grid-2{grid-template-columns:1fr}}.dest-header-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dest-header-tools .users-search-box{min-width:260px}.dest-header-tools .users-search-box input{width:100%}@media (max-width: 640px){.dest-header-tools{width:100%}.dest-header-tools .users-search-box{flex:1;min-width:0}}.ui-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d152470;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:80;animation:ui-modal-fade .2s ease-out}.ui-modal{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-lg, 16px);box-shadow:0 24px 48px #0000001f,0 8px 16px #00000014;width:min(var(--ui-modal-w, 760px),100%);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;animation:ui-modal-rise .3s cubic-bezier(.16,1,.3,1)}.ui-modal:focus{outline:none}.ui-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid rgba(229,231,235,.5);background:#f8fafc99;flex-shrink:0}.ui-modal-head h2{margin:0;font-size:17px;font-weight:800;color:#0f172a}.ui-modal-head-actions{display:flex;align-items:center;gap:6px}.ui-modal-body{padding:24px;overflow:auto}@keyframes ui-modal-fade{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes ui-modal-rise{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.ui-modal-overlay,.ui-modal{animation:none}}@media (max-width: 640px){.ui-modal-overlay{padding:12px}.ui-modal{max-height:92vh}}.ba-halaman .ui-modal-head{flex-wrap:wrap;row-gap:10px}.ba-halaman .ui-modal-head-actions{margin-left:auto;gap:8px}.ba-form{display:flex;flex-direction:column;gap:18px}.ba-form-baris{display:flex;flex-wrap:wrap;gap:16px}.ba-form-baris>.form-group{flex:1 1 220px;min-width:0}.ba-form .form-group{min-width:0}.ba-form .form-group input[type=text],.ba-form .form-group input[type=url],.ba-form .form-group input[type=number],.ba-form .form-group select{width:100%;min-width:0}.ba-form .unggah-baris input[type=url]{width:auto}.ba-form .form-group [aria-invalid=true]{border-color:var(--red)}.ba-form .form-hint{margin-top:0}.ba-form-label{font-size:13px;font-weight:500;color:var(--text-main)}.ba-pratinjau{width:100%;aspect-ratio:var(--ba-rasio, 2);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);background:repeating-linear-gradient(135deg,var(--bg-color) 0 10px,var(--bg-paper) 10px 20px)}.ba-pratinjau img{width:100%;height:100%;object-fit:cover;display:block}.ba-pratinjau-bebas{aspect-ratio:auto;display:flex;justify-content:center}.ba-pratinjau-bebas img{width:auto;max-width:100%;height:auto;max-height:260px;object-fit:contain}.ba-pratinjau-kosong{max-height:220px;display:flex;align-items:center;justify-content:center;padding:16px;border-style:dashed;font-size:13px;color:var(--text-muted);text-align:center}.ba-form-catatan{margin:0;padding:6px 10px;border-radius:6px;font-size:12px;line-height:1.5;background:var(--border-light);color:var(--ba-redup-teks)}.ba-form-catatan.ba-nada-hijau{background:var(--green-light);color:var(--ba-hijau-teks)}.ba-form-catatan.ba-nada-kuning{background:var(--amber-light);color:var(--ba-kuning-teks)}.ba-form-catatan.ba-nada-merah{background:var(--red-light);color:var(--ba-merah-teks)}.form-hint.ba-nada-merah{color:var(--red)}.ba-peta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:16px;background:var(--bg-paper);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ba-peta-judul{flex-basis:100%;margin:0;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.ba-hp{width:200px;flex-shrink:0;margin:0 auto;padding:12px 8px 16px;display:flex;flex-direction:column;gap:8px;border:6px solid var(--text-main);border-radius:26px;background:var(--bg-color)}.ba-hp-bilah{height:8px;width:56%;border-radius:4px;background:var(--border-color)}.ba-hp-zona{position:relative;width:100%;aspect-ratio:var(--ba-rasio, 2);border-radius:8px;overflow:hidden;background:var(--border-light);transition:box-shadow .2s}.ba-hp-zona img{width:100%;height:100%;object-fit:cover;display:block}.ba-hp-bawaan,.ba-hp-zona-hilang{display:flex;align-items:center;justify-content:center;height:100%;padding:4px;font-size:10px;font-weight:600;color:var(--text-muted);text-align:center;background:repeating-linear-gradient(135deg,var(--border-light) 0 6px,var(--bg-paper) 6px 12px)}.ba-hp-zona-hilang{aspect-ratio:auto;height:30px;border:1px dashed var(--border-color)}.ba-hp-titik{position:absolute;left:50%;bottom:5px;transform:translate(-50%);display:flex;gap:3px}.ba-hp-titik i{width:4px;height:4px;border-radius:2px;background:var(--bg-paper);opacity:.6}.ba-hp-titik i.aktif{width:10px;opacity:1}.ba-hp-cari{height:16px;border-radius:8px;background:var(--bg-paper);box-shadow:inset 0 0 0 1px var(--border-color)}.ba-hp-kategori{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.ba-hp-kategori i{aspect-ratio:1;border-radius:50%;background:var(--border-color)}.ba-hp-produk{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ba-hp-produk i{aspect-ratio:1 / 1.1;border-radius:6px;background:var(--bg-paper);box-shadow:inset 0 0 0 1px var(--border-light)}.ba-modul:has(.ba-bagian[data-tempat=slider]:is(:hover,:focus-within)) .ba-hp-zona-slider,.ba-modul:has(.ba-bagian[data-tempat=tengah]:is(:hover,:focus-within)) .ba-hp-zona-tengah{box-shadow:0 0 0 2px var(--bg-color),0 0 0 4px var(--primary)}.ba-peta-ringkas{flex:1 1 160px;margin:0;display:grid;gap:10px}.ba-peta-ringkas dt{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.ba-peta-ringkas dd{margin:2px 0 0;font-size:13px;font-weight:600;color:var(--text-main)}@container ba-panel (min-width: 980px){.ba-peta{position:sticky;top:84px;flex-direction:column;align-items:stretch}.ba-peta-ringkas{flex:none}}.ba-halaman{--ba-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--ba-hijau-teks: color-mix(in srgb, var(--green) 70%, var(--text-main));--ba-kuning-teks: color-mix(in srgb, var(--amber) 70%, var(--text-main));--ba-merah-teks: color-mix(in srgb, var(--red) 80%, var(--text-main));--ba-redup-teks: color-mix(in srgb, var(--text-muted) 75%, var(--text-main));display:flex;flex-direction:column;gap:20px}.ba-kepala{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px}.ba-kepala-teks{min-width:0;flex:1 1 420px}.ba-kepala h1{margin:0 0 6px;font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--text-main)}.ba-kepala p{margin:0;max-width:72ch;font-size:14px;line-height:1.55;color:var(--text-muted)}.ba-kepala-aksi{display:flex;gap:8px;flex-shrink:0}.ba-kepala-aksi .btn-secondary{padding:10px 12px}.ba-kepala-aksi button:disabled{opacity:.55;cursor:not-allowed}.ba-tab{display:flex;gap:28px;border-bottom:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none}.ba-tab::-webkit-scrollbar{display:none}.ba-tab button{display:inline-flex;align-items:center;gap:8px;padding:12px 2px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:none;color:var(--text-muted);font-size:15px;font-weight:500;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s}.ba-tab button:hover{color:var(--text-main)}.ba-tab button.aktif{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.ba-tab button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring-color);border-radius:6px 6px 0 0}.ba-tab-angka{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 7px;border-radius:10px;background:var(--border-light);color:var(--ba-redup-teks);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.ba-tab button.aktif .ba-tab-angka{background:var(--blue-light);color:var(--primary-dark)}.ba-panel{container-type:inline-size;container-name:ba-panel}.ba-modul{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.ba-modul-bagian{display:flex;flex-direction:column;gap:20px;min-width:0}@container ba-panel (min-width: 980px){.ba-modul{grid-template-columns:minmax(0,1fr) 236px}}.ba-bagian{container-type:inline-size;container-name:ba-bagian;background:var(--bg-paper);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px 22px 22px}.ba-bagian-kepala{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 20px;margin-bottom:16px}.ba-bagian-teks{flex:1 1 300px;min-width:0}.ba-bagian-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--ba-mono);font-size:11px;letter-spacing:.06em;color:var(--text-muted);overflow-wrap:anywhere}.ba-bagian-nomor{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 6px;border-radius:5px;background:var(--primary);color:var(--bg-paper);font-weight:700}.ba-bagian h3{margin:6px 0 4px;font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--text-main);overflow-wrap:anywhere}.ba-bagian-teks p{margin:0;max-width:64ch;font-size:13px;line-height:1.5;color:var(--text-muted)}.ba-bagian-teks .ba-bagian-ukuran{margin-top:6px;font-size:12px}.ba-bagian-ukuran strong{font-family:var(--ba-mono);font-weight:600;color:var(--text-main)}.ba-bagian-tambah{flex-shrink:0}.ba-bagian[aria-busy=true] .ba-daftar{cursor:progress}.ba-daftar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ba-kartu{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"gambar gambar" "isi kendali";gap:12px 14px;padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-paper);transition:box-shadow .2s,border-color .2s,transform .2s}.ba-kartu:hover{border-color:var(--blue-light);box-shadow:var(--shadow-md)}.ba-kartu:focus-within{border-color:var(--primary)}.ba-kartu-nomor{grid-area:gambar;align-self:start;justify-self:start;z-index:1;margin:8px;padding:2px 8px;border-radius:999px;background:var(--bg-paper);color:var(--text-main);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-sm)}.ba-kartu-gambar{grid-area:gambar;position:relative;width:100%;aspect-ratio:var(--ba-rasio, 2);border-radius:6px;overflow:hidden;background:var(--bg-color);box-shadow:inset 0 0 0 1px var(--border-light)}.ba-kartu-gambar img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .2s,opacity .2s}.ba-kartu-gambar-kosong{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--text-muted)}.ba-kartu-isi{grid-area:isi;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.ba-kartu-judul{margin:0;max-width:100%;font-size:14px;font-weight:600;line-height:1.35;color:var(--text-main);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.ba-kartu-tautan{display:inline-flex;align-items:center;gap:5px;max-width:100%;font-size:12px;color:var(--primary);min-width:0}a.ba-kartu-tautan:hover{text-decoration:underline}a.ba-kartu-tautan:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:3px}.ba-kartu-tautan svg{flex-shrink:0}.ba-kartu-tautan span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ba-kartu-tautan-salah{color:var(--ba-kuning-teks)}.ba-kartu-redup{font-size:12px;color:var(--text-muted)}.ba-kartu-keadaan{margin-top:4px;padding:2px 8px;border-radius:999px;background:var(--border-light);color:var(--ba-redup-teks);font-size:11px;font-weight:600}.ba-kartu-keadaan-aktif{background:var(--green-light);color:var(--ba-hijau-teks)}.ba-kartu-keadaan-ragu{background:var(--amber-light);color:var(--ba-kuning-teks)}.ba-kartu-mati{background:var(--bg-color);border-style:dashed}.ba-kartu-mati .ba-kartu-gambar img{filter:grayscale(1);opacity:.55}.ba-kartu-kendali{grid-area:kendali;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:10px}.ba-kartu-aksi{display:flex;align-items:center;gap:4px}.ba-geser{display:inline-flex;margin-right:4px;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.ba-geser .ba-tombol-ikon{border-radius:0}.ba-geser .ba-tombol-ikon+.ba-tombol-ikon{border-left:1px solid var(--border-color)}.ba-tombol-ikon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:32px;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.ba-tombol-ikon:hover{background:var(--blue-light);color:var(--primary-dark)}.ba-tombol-ikon:active{background:var(--border-color)}.ba-tombol-ikon:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--primary)}.ba-tombol-ikon[aria-disabled=true]{opacity:.35;cursor:not-allowed;background:transparent;color:var(--text-muted)}.ba-tombol-bahaya:hover{background:var(--red-light);color:var(--red)}@container ba-bagian (min-width: 600px){.ba-kartu{grid-template-columns:44px minmax(160px,236px) minmax(0,1fr) auto;grid-template-areas:"nomor gambar isi kendali";align-items:center;padding:12px 14px 12px 8px}.ba-kartu-nomor{grid-area:nomor;align-self:center;justify-self:center;margin:0;padding:0;background:none;box-shadow:none;font-size:26px;letter-spacing:-.03em;color:color-mix(in srgb,var(--text-muted) 80%,var(--bg-paper));transition:color .2s}.ba-kartu:hover .ba-kartu-nomor,.ba-kartu:focus-within .ba-kartu-nomor{color:var(--primary)}.ba-kartu-kendali{justify-content:center}}@media (prefers-reduced-motion: no-preference){.ba-kartu:hover{transform:translateY(-1px)}}.ba-saklar{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer}.ba-saklar .toggle-switch{flex-shrink:0}.ba-saklar input:focus-visible+.toggle-slider{box-shadow:0 0 0 3px var(--ring-color)}.ba-saklar input:disabled+.toggle-slider{opacity:.6;cursor:progress}.ba-saklar-besar{min-height:42px;font-size:14px;color:var(--text-main)}.ba-kosong{width:100%;aspect-ratio:var(--ba-rasio, 2);min-height:132px;max-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;border:1.5px dashed var(--border-color);border-radius:var(--radius-md);background:repeating-linear-gradient(135deg,var(--bg-color) 0 10px,var(--bg-paper) 10px 20px);color:var(--text-muted);font:inherit;text-align:center;cursor:pointer;transition:border-color .15s,color .15s}.ba-kosong svg{color:var(--primary)}.ba-kosong strong{font-size:14px;font-weight:600;color:var(--text-main)}.ba-kosong span{font-size:12px}.ba-kosong:hover{border-color:var(--primary)}.ba-kosong:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring-color)}.ba-lain{display:flex;flex-direction:column;gap:16px}.ba-catatan{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 16px;border:1px solid var(--blue-light);border-radius:var(--radius-md);background:var(--bg-paper);font-size:13px;line-height:1.55;color:var(--text-main)}.ba-catatan svg{flex-shrink:0;margin-top:2px;color:var(--primary)}.ba-catatan a{color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:2px}.ba-lain-kosong{margin:0;padding:32px 16px;border:1.5px dashed var(--border-color);border-radius:var(--radius-lg);font-size:14px;text-align:center;color:var(--text-muted)}.ba-galat{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px 20px;border:1px solid var(--red-light);border-radius:var(--radius-lg);background:var(--bg-paper);color:var(--text-main)}.ba-galat>svg{color:var(--red);flex-shrink:0}.ba-galat>div{flex:1 1 240px;min-width:0}.ba-galat strong{font-size:14px}.ba-galat p{margin:2px 0 0;font-size:13px;color:var(--text-muted);overflow-wrap:anywhere}.ba-kerangka{display:flex;flex-direction:column;gap:20px}.ba-kerangka-bagian{display:flex;flex-direction:column;gap:10px;padding:20px 22px;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-paper)}.ba-kerangka-garis,.ba-kerangka-kotak{display:block;border-radius:6px;background:var(--border-light)}.ba-kerangka-garis{height:14px;width:42%}.ba-kerangka-garis.pendek{width:18%;height:10px}.ba-kerangka-kotak{height:120px;margin-top:6px}@media (prefers-reduced-motion: no-preference){.ba-kerangka-garis,.ba-kerangka-kotak{animation:ba-denyut 1.4s ease-in-out infinite}}@keyframes ba-denyut{50%{opacity:.45}}.ba-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ba-kartu-resolusi{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;color:var(--text-muted);font-size:12px}.ba-kartu-resolusi strong{font-family:var(--ba-mono);font-weight:600;color:var(--text-main)}.ba-kartu-resolusi-pas,.ba-kartu-resolusi-beda{padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600}.ba-kartu-resolusi-pas{background:var(--green-light);color:var(--ba-hijau-teks)}.ba-kartu-resolusi-beda{background:var(--amber-light);color:var(--ba-kuning-teks)}.pp-kepala-teks{max-width:72ch;line-height:1.55}.pp-wadah{container-type:inline-size;container-name:pp-wadah}.pp-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}@container pp-wadah (min-width: 1060px){.pp-grid{grid-template-columns:minmax(0,1fr) 300px}}.pp-daftar-wadah{container-type:inline-size;container-name:pp-daftar;min-width:0}.pp-daftar{list-style:none;margin:0;padding:0}.pp-baris,.pp-kepala-baris{display:grid;gap:12px 16px;padding:16px;border-bottom:1px solid var(--border-light);align-items:center}.pp-baris:last-child{border-bottom:none}.pp-kepala-baris{display:none;padding-top:12px;padding-bottom:12px;background:var(--bg-color);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.pp-sel{position:relative;min-width:0;font-size:13px;overflow-wrap:anywhere}.pp-sel-gambar{grid-area:gambar}.pp-sel-judul{grid-area:judul}.pp-sel-jadwal{grid-area:jadwal}.pp-sel-batas{grid-area:batas}.pp-sel-dilihat{grid-area:dilihat}.pp-sel-status{grid-area:status;justify-self:end}.pp-sel-aksi{grid-area:aksi;justify-self:end}.pp-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.pp-gambar{width:56px;height:70px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-light);display:block}.pp-judul{font-weight:600;font-size:14px;color:var(--text-main);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.pp-tautan{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:12px;color:var(--primary);text-decoration:none;min-width:0}.pp-tautan:hover{text-decoration:underline}.pp-tautan svg{flex-shrink:0}.pp-tautan span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-redup{font-size:12px;color:var(--text-muted)}.pp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:6px}.pp-lencana-kecil{padding:2px 8px;font-size:11px}.pp-dilihat{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 10px 6px 8px;margin-left:-8px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-main);font-size:13px;text-align:left;cursor:pointer;transition:background .15s,color .15s}.pp-dilihat svg{flex-shrink:0;color:var(--primary)}.pp-dilihat:hover{background:var(--blue-light);color:var(--primary-dark)}.pp-dilihat-teks{display:flex;flex-direction:column;line-height:1.35;min-width:0}.pp-dilihat-teks strong{font-weight:600}.pp-status{border:none;cursor:pointer}.pp-status:focus-visible,.pp-dilihat:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pp-aksi{display:flex;gap:4px}.pp-aksi .btn-icon{width:34px;height:34px}.pp-label-sr,.pp-label.pp-label-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pp-baris{grid-template-columns:56px minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"gambar judul judul status" "jadwal jadwal batas batas" "dilihat dilihat aksi aksi";align-items:start}@container pp-daftar (min-width: 560px){.pp-baris{grid-template-columns:56px minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"gambar judul judul judul status" "gambar jadwal batas dilihat aksi"}.pp-sel-aksi{align-self:end}}@container pp-daftar (min-width: 940px){.pp-kepala-baris,.pp-baris{grid-template-columns:56px minmax(200px,2.2fr) minmax(140px,1.4fr) minmax(96px,.9fr) minmax(150px,1.1fr) 96px 76px;grid-template-areas:"gambar judul jadwal batas dilihat status aksi";align-items:center;padding-left:20px;padding-right:20px}.pp-kepala-baris{display:grid}.pp-kepala-baris>span{min-width:0}.pp-sel-status,.pp-sel-aksi{justify-self:start;align-self:center}.pp-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.pp-pratinjau .section-header{margin-bottom:16px}.pp-pratinjau-isi{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:flex-start}.pp-pratinjau-isi>.pp-hp{flex-shrink:0}.pp-pratinjau-teks{flex:1 1 220px;min-width:0;font-size:12px;color:var(--text-muted);line-height:1.6}.pp-pratinjau-teks ol{margin:6px 0 0;padding-left:18px}.pp-pratinjau-teks strong{display:block;color:var(--text-main);font-weight:600;margin-top:12px}.pp-hp{width:220px;height:440px;margin:0 auto;border-radius:28px;border:6px solid var(--text-main);background:#111827b8;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.pp-hp-isi{position:relative;width:176px}.pp-hp-tutup{position:absolute;top:-34px;right:-2px;width:26px;height:26px;border-radius:13px;border:2px solid var(--bg-paper);color:var(--bg-paper);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.pp-hp-gambar{width:176px;border-radius:14px;display:block}.pp-hp-kosong{color:var(--bg-paper);font-size:12px;opacity:.8;text-align:center;padding:0 16px}.pp-halaman .ui-modal-head{flex-wrap:wrap;row-gap:10px}.pp-halaman .ui-modal-head-actions{margin-left:auto;gap:8px}.pp-form-wadah{container-type:inline-size;container-name:pp-form}.pp-form{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.pp-form-isian{display:flex;flex-wrap:wrap;gap:16px;align-content:flex-start;min-width:0}.pp-form-isian .form-group input,.pp-form-isian .form-group select{min-width:0;max-width:100%}.pp-form-baris-gambar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pp-form-baris-gambar input{flex:1 1 220px}.pp-form-pratinjau{min-width:0}.pp-form-pratinjau>label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.pp-form-pratinjau-kosong{border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:16px;font-size:12px;color:var(--text-muted);text-align:center}@container pp-form (min-width: 700px){.pp-form{grid-template-columns:minmax(0,1fr) 232px}.pp-form-pratinjau{position:sticky;top:0}.pp-form-pratinjau-kosong{height:440px;display:flex;align-items:center;justify-content:center}}.tour-actionbar{position:sticky;top:68px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:-8px -4px 20px;padding:14px 16px;background:var(--bg-paper);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.tour-actionbar-info{display:flex;align-items:center;gap:12px;min-width:0}.tour-actionbar-text{min-width:0}.tour-actionbar-text .detail-title{margin:0;font-size:18px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tour-actionbar-text p{margin:2px 0 0;font-size:13px;color:var(--text-muted)}.tour-actionbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}@media (max-width: 640px){.tour-actionbar{align-items:stretch}.tour-actionbar-actions{width:100%}.tour-actionbar-actions>*{flex:1;justify-content:center}}.spin{animation:tour-spin .9s linear infinite}@keyframes tour-spin{to{transform:rotate(360deg)}}.leaflet-container{position:relative;z-index:0}.tour-foto-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.tour-foto-head h3{margin:0;font-size:16px;font-weight:600}.tour-foto-sub{margin:4px 0 0;font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.ikon-utama{color:var(--primary);vertical-align:-1px}.tour-unggah{display:inline-flex;align-items:center;gap:8px;cursor:pointer;flex-shrink:0}.tour-unggah.nonaktif{opacity:.6;cursor:progress}.tour-foto-kosong{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 20px;text-align:center;color:var(--text-muted);background:var(--bg-color);border:1px dashed var(--border-color);border-radius:var(--radius-md)}.tour-foto-kosong p{margin:0;font-size:13px;max-width:42ch}.tour-foto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.tour-foto{position:relative;margin:0;aspect-ratio:4 / 3;overflow:hidden;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md)}.tour-foto img{width:100%;height:100%;object-fit:cover;display:block}.tour-foto.utama{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring-color)}.tour-foto.tunda img{opacity:.75}.tour-foto-badge{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;color:var(--bg-paper);background:var(--primary);border-radius:999px}.tour-foto-badge.tunggu{background:var(--text-muted)}.tour-foto-aksi{position:absolute;right:8px;bottom:8px;display:flex;gap:6px;opacity:0;transition:opacity .15s ease}.tour-foto:hover .tour-foto-aksi,.tour-foto:focus-within .tour-foto-aksi{opacity:1}@media (hover: none){.tour-foto-aksi{opacity:1}}.tour-foto-aksi button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;color:var(--text-main);background:var(--bg-paper);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.tour-foto-aksi button:hover{color:var(--primary);border-color:var(--primary)}.tour-foto-aksi button.bahaya:hover{color:var(--red);border-color:var(--red);background:var(--red-light)}.tour-foto-aksi button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.destinasi-thumb{width:56px;height:42px;border-radius:var(--radius-md);border:1px solid var(--border-color);object-fit:cover;display:block;background:var(--bg-color)}.destinasi-thumb.kosong{display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-style:dashed}.penanda-baris{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;color:var(--text-main)}.penanda-baris input{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--primary)}.bantuan{display:block;margin-top:6px;font-size:12px;line-height:1.45;color:var(--text-muted)}.kategori-tur{display:flex;flex-wrap:wrap;gap:8px}.kategori-tur-pil{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-paper);color:var(--text-muted);font-size:13px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.kategori-tur-pil input{accent-color:var(--primary);margin:0}.kategori-tur-pil:hover{border-color:var(--primary)}.kategori-tur-pil:focus-within{outline:2px solid var(--primary);outline-offset:2px}.kategori-tur-pil.aktif{border-color:var(--primary);color:var(--primary-dark);background:color-mix(in srgb,var(--primary) 8%,var(--bg-paper))}.kategori-tur-ket{display:block;margin-top:6px;color:var(--text-muted);font-size:12px}.tour-halaman{max-width:960px;margin:0 auto}.tour-kartu-judul{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-main)}.tour-kartu-kepala{margin-bottom:16px}.tour-kartu-kepala .tour-kartu-judul{margin:0}.tour-kartu-kepala .btn-primary{display:inline-flex;align-items:center;gap:6px}.tour-koordinat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:4px}@media (max-width: 560px){.tour-koordinat{grid-template-columns:1fr}}.info-grid.form-grid .rich-text-editor .ql-toolbar,.info-grid.form-grid .rich-text-editor .ql-container{border-color:var(--border-color)}.info-grid.form-grid .rich-text-editor .ql-container{background:var(--bg-paper)}.info-grid.form-grid .rich-text-editor:focus-within .ql-toolbar,.info-grid.form-grid .rich-text-editor:focus-within .ql-container{border-color:var(--primary)}.info-grid.form-grid .rich-text-editor:focus-within{border-radius:var(--radius-md);box-shadow:0 0 0 3px var(--ring-color)}.tour-pengaturan{margin-top:20px}.tour-catatan{margin:16px 0 0;font-size:13px;color:var(--text-muted)}.tour-memuat{padding:40px}.tour-status-kepala{margin-left:auto;align-self:center}.tour-kepala-teks{min-width:0}.rentang-penuh{grid-column:1 / -1}.data-table .kolom-nomor{width:60px}.table-toolbar.tour-toolbar{flex-wrap:wrap;gap:12px}.search-box.tour-cari{display:flex;align-items:center;gap:8px;max-width:420px}.tour-cari-isian{position:relative;flex:1;min-width:0}.search-box .tour-cari-isian input{width:100%}.tour-cari .btn-primary{flex-shrink:0}.data-table .sel-kecil{font-size:13px}.btn-icon.text-amber{color:var(--amber)}.btn-icon.text-amber:hover{color:var(--amber);background:var(--amber-light)}.itin-tombol{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-paper);color:var(--text-main);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.itin-tombol:hover,.itin-tombol[aria-expanded=true]{border-color:var(--primary);color:var(--primary)}.itin-tombol:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.itin-tombol .itin-jumlah{min-width:18px;padding:0 6px;border-radius:999px;background:var(--border-light);color:var(--text-muted);font-size:11px;font-weight:600;text-align:center}.data-table tr.itin-baris>td{padding:0;background:var(--bg-color)}.itin-panel{padding:16px 20px 20px;border-left:3px solid var(--primary)}.itin-kepala{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.itin-kepala h4{margin:0;font-size:14px;font-weight:600;color:var(--text-main)}.itin-kepala p{margin:2px 0 0;font-size:12px;color:var(--text-muted)}.itin-daftar{list-style:none;margin:0;padding:0;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-paper);overflow:hidden}.itin-item{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px}.itin-item+.itin-item{border-top:1px solid var(--border-light)}.itin-jam{font-size:13px;font-weight:600;color:var(--primary-dark);font-variant-numeric:tabular-nums;white-space:nowrap}.itin-judul{font-size:14px;color:var(--text-main);overflow-wrap:anywhere}.itin-aksi{display:flex;gap:4px}.itin-kosong{padding:18px 16px;border:1px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-paper);color:var(--text-muted);font-size:13px;text-align:center}.itin-form{display:grid;grid-template-columns:130px 130px minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:12px;padding:14px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-paper)}.itin-isian{display:flex;flex-direction:column;gap:8px;min-width:0}.itin-isian label{font-size:13px;font-weight:500;color:var(--text-main)}.itin-form-aksi{display:flex;gap:8px}.itin-form-aksi>button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.itin-galat{grid-column:1 / -1;margin:0;font-size:13px;color:var(--red)}@media (max-width: 720px){.itin-form{grid-template-columns:1fr 1fr}.itin-isian.judul,.itin-form-aksi{grid-column:1 / -1}.itin-form-aksi>button{flex:1;justify-content:center}.itin-item{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"jam aksi" "judul aksi";row-gap:4px}.itin-jam{grid-area:jam}.itin-judul{grid-area:judul}.itin-aksi{grid-area:aksi}}.info-grid.form-grid .rich-text-editor .ql-container{height:auto}.detail-tempat{display:flex;flex-direction:column;gap:24px}.detail-tempat-bagian{padding:16px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.detail-tempat-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}.detail-tempat-kepala h4{margin:0;font-size:15px;font-weight:600}.detail-tempat-kepala p{margin:4px 0 0;font-size:12px;line-height:1.45;color:var(--text-muted);max-width:62ch}.detail-tempat-kepala button{flex-shrink:0;display:inline-flex;align-items:center;gap:6px}.detail-tempat-kosong{margin:0;padding:18px;text-align:center;font-size:13px;color:var(--text-muted);background:var(--bg-paper);border:1px dashed var(--border-color);border-radius:var(--radius-md)}.detail-tempat-baris-daftar{display:flex;flex-direction:column;gap:10px}.detail-tempat-baris{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:12px;background:var(--bg-paper);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .15s ease,box-shadow .15s ease}.detail-tempat-baris.berubah{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring-color)}.detail-tempat-isian{display:flex;flex-direction:column;gap:4px}.detail-tempat-isian>span{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text-muted)}.detail-tempat-isian input,.detail-tempat-isian textarea{width:100%;padding:8px 10px;font:inherit;font-size:13px;color:var(--text-main);background:var(--bg-paper);border:1px solid var(--border-color);border-radius:var(--radius-md)}.detail-tempat-isian textarea{resize:vertical;min-height:42px}.detail-tempat-isian input:focus-visible,.detail-tempat-isian textarea:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.detail-tempat-aktif{display:inline-flex;align-items:center;gap:6px;padding-bottom:9px;font-size:12px;color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.detail-tempat-aktif input{width:15px;height:15px;margin:0;cursor:pointer;accent-color:var(--primary)}.detail-tempat-aksi{display:flex;align-items:center;gap:6px;padding-bottom:4px;flex-shrink:0}.detail-tempat-aksi .btn-primary{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:12px}@media (max-width: 720px){.detail-tempat-isian{flex:1 1 100%!important}.detail-tempat-aksi{width:100%;justify-content:flex-end}}.modal-footer.destinasi-aksi{position:sticky;bottom:-24px;z-index:5;margin:16px -24px -24px;padding:14px 24px;background:var(--bg-paper);border-top:1px solid var(--border-color)}.impor-aksi{display:inline-flex;gap:8px;flex-wrap:wrap}.impor-aksi .btn-secondary{padding:9px 14px;font-size:13px}.impor-aksi .btn-secondary:disabled{opacity:.6;cursor:progress}.impor-sibuk{border-color:var(--primary)!important;color:var(--primary)!important;background:var(--ring-color)!important}.impor-putar{animation:spin .8s linear infinite}.impor-modal{max-width:560px}.impor-isi{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 220px);overflow-y:auto}.impor-berkas{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:500;color:var(--text-main);word-break:break-all}.impor-berkas svg{flex-shrink:0;color:#15803d}.impor-tahap{display:flex;flex-direction:column;gap:8px;transition:opacity .2s ease}.impor-tahap.redup{opacity:.45}.impor-tahap-baris{display:flex;justify-content:space-between;gap:12px;font-size:13px}.impor-tahap-baris span{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right}.impor-bilah{height:8px;border-radius:999px;background:var(--border-light);overflow:hidden}.impor-bilah-isi{height:100%;width:100%;background:var(--primary);border-radius:inherit;transform-origin:left center;transition:transform .3s var(--ease-out, ease-out)}.impor-catatan{margin:0;font-size:12px;color:var(--text-muted);line-height:1.5}.impor-gagal{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-md);background:#fef2f2;color:#b91c1c;font-size:13px;line-height:1.5}.impor-gagal svg{flex-shrink:0;margin-top:1px}.impor-ringkas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.impor-angka{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.impor-angka strong{font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums}.impor-angka span{font-size:12px;color:var(--text-muted)}.impor-angka.ubah strong{color:var(--primary)}.impor-angka.baru strong{color:#15803d}.impor-angka.tetap strong{color:var(--text-main)}.impor-angka.gagal strong{color:#b91c1c}.impor-angka.gagal:not(.nol){border-color:#fecaca;background:#fef2f2}.impor-angka.nol strong{color:var(--text-muted)}.impor-ok{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;color:#15803d}.impor-tabel-wadah{max-height:260px;overflow:auto;border:1px solid var(--border-color);border-radius:var(--radius-md)}.impor-tabel{width:100%;border-collapse:collapse;font-size:13px}.impor-tabel th{position:sticky;top:0;background:#f9fafb;text-align:left;font-weight:600;padding:8px 12px;border-bottom:1px solid var(--border-color)}.impor-tabel td{padding:8px 12px;border-bottom:1px solid var(--border-light);vertical-align:top}.impor-tabel td:first-child{width:64px;font-variant-numeric:tabular-nums;color:var(--text-muted)}.diubah-oleh{display:block;margin-top:4px;font-size:11.5px;color:var(--text-muted);font-weight:400;line-height:1.4}@media (max-width: 560px){.impor-ringkas{grid-template-columns:repeat(2,minmax(0,1fr))}}.saring-tujuan{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.saring-tujuan-label{margin-right:4px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.saring-tujuan-pil{padding:7px 14px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-paper);color:var(--text-muted);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.saring-tujuan-pil:hover{border-color:var(--primary);color:var(--primary)}.saring-tujuan-pil:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring-color)}.saring-tujuan-pil.aktif{border-color:var(--primary);background:var(--ring-color);color:var(--primary);font-weight:600}.jadwal-paket{margin-top:20px}.jadwal-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin-bottom:16px}.jadwal-kepala h3{margin:0;font-size:16px;font-weight:600;color:var(--text-main)}.jadwal-kepala p{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.jadwal-ringkas{flex-shrink:0;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;color:var(--text-muted);background:var(--border-light);border:1px solid var(--border-color)}.jadwal-ringkas.ada-aktif{color:var(--green);background:var(--green-light);border-color:transparent}.jadwal-peringatan{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;margin-bottom:16px;border-radius:var(--radius-md);background:var(--amber-light);border-left:3px solid var(--amber);color:var(--text-main)}.jadwal-peringatan>svg{flex-shrink:0;margin-top:1px;color:var(--amber)}.jadwal-peringatan strong{display:block;font-size:14px;font-weight:600}.jadwal-peringatan p{margin:2px 0 0;font-size:13px;line-height:1.5;color:var(--text-muted)}.jadwal-daftar{list-style:none;margin:0 0 16px;padding:0;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.jadwal-baris{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-paper);transition:background-color .15s}.jadwal-baris+.jadwal-baris{border-top:1px solid var(--border-light)}.jadwal-baris:hover{background:var(--bg-color)}.jadwal-ikon{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--border-light);color:var(--text-muted)}.jadwal-baris.berjalan .jadwal-ikon{background:var(--green-light);color:var(--green)}.jadwal-baris.mendatang .jadwal-ikon{background:var(--blue-light);color:var(--blue)}.jadwal-rentang{min-width:0}.jadwal-rentang strong{display:block;font-size:14px;font-weight:600;color:var(--text-main)}.jadwal-baris.lewat .jadwal-rentang strong{color:var(--text-muted)}.jadwal-rentang span{font-size:12px;color:var(--text-muted)}.jadwal-lencana{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.jadwal-lencana.berjalan{background:var(--green-light);color:var(--green)}.jadwal-lencana.mendatang{background:var(--blue-light);color:var(--blue)}.jadwal-lencana.lewat{background:var(--border-light);color:var(--text-muted)}.jadwal-hapus{display:grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s,background-color .15s,border-color .15s}.jadwal-hapus:hover{color:var(--red);background:var(--red-light)}.jadwal-hapus:focus-visible{outline:none;color:var(--red);border-color:var(--red);box-shadow:0 0 0 3px var(--ring-color)}.jadwal-kosong{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;margin-bottom:16px;border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);text-align:center;font-size:13px}.jadwal-tambah{padding:14px 16px 16px;border-radius:var(--radius-md);background:var(--bg-color);border:1px solid var(--border-light)}.jadwal-tambah h4{display:flex;align-items:center;gap:6px;margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-main)}.jadwal-tambah h4 svg{color:var(--primary)}.jadwal-tambah-baris{display:flex;align-items:flex-end;gap:12px}.jadwal-isian{display:flex;flex-direction:column;gap:6px;flex:1 1 0;min-width:0}.jadwal-isian .form-input[aria-invalid=true]{border-color:var(--red)}.jadwal-tombol{flex-shrink:0;white-space:nowrap}.jadwal-pesan{margin:8px 0 0;font-size:13px}.jadwal-pesan.galat{color:var(--red)}.jadwal-pesan.peringatan{color:var(--amber)}@media (max-width: 640px){.jadwal-tambah-baris{flex-direction:column;align-items:stretch}.jadwal-isian{flex:none}.jadwal-baris{grid-template-columns:1fr auto;grid-template-areas:"rentang hapus" "lencana hapus";row-gap:6px}.jadwal-ikon{display:none}.jadwal-rentang{grid-area:rentang}.jadwal-lencana{grid-area:lencana;justify-self:start}.jadwal-hapus{grid-area:hapus}}.tempat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:16px}.tempat-kartu{display:flex;flex-direction:column;gap:8px;min-width:0}.tempat-kartu.nonaktif .tempat-foto{opacity:.5}.tempat-foto{position:relative;display:block;aspect-ratio:150 / 110;overflow:hidden;border:1px solid var(--border-color);border-radius:14px;background:var(--border-light);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.tempat-foto:hover,.tempat-foto:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring-color)}.tempat-foto img{width:100%;height:100%;object-fit:cover;display:block}.tempat-foto-kosong{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--text-muted)}.tempat-baru .tempat-foto{border-style:dashed}.tempat-foto-ganti{position:absolute;inset:auto 8px 8px auto;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#0f172ab8;color:#fff;font-size:12px;opacity:0;transition:opacity .15s ease}.tempat-foto:hover .tempat-foto-ganti,.tempat-foto:focus-within .tempat-foto-ganti{opacity:1}.tempat-nama{font-weight:600}.tempat-aksi{display:flex;justify-content:space-between;gap:8px}.tempat-aksi button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-paper);color:var(--text-muted);font-size:12px;cursor:pointer}.tempat-aksi button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.tempat-aksi button.bahaya:hover:not(:disabled){border-color:#dc2626;color:#dc2626}.tempat-tambah{justify-content:center}.tempat-grid .spin{animation:spin .8s linear infinite}.tempat-foto-kosong.rusak{color:#b45309;background:#fffbeb;text-align:center;padding:0 12px}.rf-ringkas{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:11.5px;font-weight:600;white-space:nowrap}.rf-ringkas.hijau{color:var(--green)}.rf-ringkas.merah{color:var(--red)}.rf-ringkas.kuning{color:var(--amber)}.rf-ringkas.biru{color:var(--blue)}.rf-ringkas.abu{color:var(--text-muted)}.rf-panel{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid;border-radius:var(--radius-md);background:var(--bg-paper)}.rf-ikon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:50%}.rf-judul{font-size:15px;font-weight:700;color:var(--text-main)}.rf-ket{margin-top:3px;font-size:13px;line-height:1.5;color:var(--text-muted)}.rf-tautan{display:inline-block;margin-top:6px;font-size:13px;font-weight:600;color:var(--primary)}.rf-tautan:hover{text-decoration:underline}.rf-panel.hijau{border-color:var(--green-light);background:color-mix(in srgb,var(--green-light) 35%,var(--bg-paper))}.rf-panel.hijau .rf-ikon{background:var(--green-light);color:var(--green)}.rf-panel.merah{border-color:var(--red-light);background:color-mix(in srgb,var(--red-light) 40%,var(--bg-paper))}.rf-panel.merah .rf-ikon{background:var(--red-light);color:var(--red)}.rf-panel.merah .rf-judul{color:var(--red)}.rf-panel.kuning{border-color:var(--amber-light);background:color-mix(in srgb,var(--amber-light) 40%,var(--bg-paper))}.rf-panel.kuning .rf-ikon{background:var(--amber-light);color:var(--amber)}.rf-panel.biru{border-color:var(--blue-light);background:color-mix(in srgb,var(--blue-light) 35%,var(--bg-paper))}.rf-panel.biru .rf-ikon{background:var(--blue-light);color:var(--blue)}.rf-panel.abu{border-color:var(--border-color)}.rf-panel.abu .rf-ikon{background:var(--border-light);color:var(--text-muted)}.skeleton-table td{padding:14px}.skel{display:block;height:11px;border-radius:6px;background:linear-gradient(90deg,var(--border-light, #f3f4f6) 25%,var(--border-color, #e5e7eb) 37%,var(--border-light, #f3f4f6) 63%);background-size:400% 100%;animation:skel-slide 1.3s ease-in-out infinite}@keyframes skel-slide{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){.skel{animation:none}}.empty-block{display:flex;flex-direction:column;align-items:center;gap:8px;padding:52px 24px;background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-lg, 12px);color:var(--text-muted, #6b7280);text-align:center}.empty-block>svg{color:var(--border-color, #e5e7eb)}.empty-title{margin:0;font-size:14px;font-weight:700;color:var(--text-main, #111827)}.empty-desc{margin:0;font-size:12.5px;max-width:420px;line-height:1.55}.empty-block .btn-outline{margin-top:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.stat-card{--stat-accent: var(--primary, #2563eb);position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 20px;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-lg, 16px);background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;overflow:hidden;box-shadow:0 4px 20px #00000008;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff6,#fff0);pointer-events:none}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{transform:translateY(-4px);background:#ffffffe6;border-color:color-mix(in srgb,var(--stat-accent) 40%,transparent);box-shadow:0 12px 32px #0000000f,0 4px 8px color-mix(in srgb,var(--stat-accent) 10%,transparent)}.stat-card.clickable:active{transform:translateY(-1px)}.stat-card.active{background:#fffffff2;border-color:var(--stat-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--stat-accent) 15%,transparent),0 12px 32px #00000014}.stat-card-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted, #6b7280);z-index:1}.stat-card-label svg{color:var(--stat-accent);filter:drop-shadow(0 2px 4px color-mix(in srgb,var(--stat-accent) 30%,transparent))}.stat-card-value{font-size:26px;font-weight:800;line-height:1.1;color:var(--text-main, #111827);font-variant-numeric:tabular-nums;z-index:1}.stat-card-sub{font-size:13px;font-weight:600;color:#64748b;font-variant-numeric:tabular-nums;z-index:1}.stat-card-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:#e2e8f080}.stat-card-bar>span{display:block;height:100%;background:var(--stat-accent);border-top-right-radius:4px;box-shadow:0 0 8px var(--stat-accent);transition:width .5s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion: reduce){.stat-card-bar>span{transition:none}.stat-card.clickable{transition:none}}@media (max-width: 720px){.stat-cards{grid-template-columns:repeat(2,1fr)}}:root{--pay-glass-bg: rgba(255, 255, 255, .7);--pay-glass-border: rgba(255, 255, 255, .5);--pay-glass-blur: blur(16px);--pay-shadow-soft: 0 8px 32px rgba(0, 0, 0, .04);--pay-shadow-hover: 0 12px 48px rgba(0, 0, 0, .08);--pay-grad-green: linear-gradient(135deg, #10b981, #059669);--pay-grad-blue: linear-gradient(135deg, #3b82f6, #2563eb);--pay-grad-amber: linear-gradient(135deg, #f59e0b, #d97706);--pay-grad-red: linear-gradient(135deg, #ef4444, #dc2626);--pay-grad-gray: linear-gradient(135deg, #94a3b8, #64748b)}.payments-container{position:relative;min-height:calc(100vh - 80px);padding-bottom:40px}.payments-container:before{content:"";position:fixed;top:-20%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(37,99,235,.03) 0%,transparent 60%);z-index:-1;pointer-events:none}.payments-container:after{content:"";position:fixed;bottom:-20%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(16,185,129,.03) 0%,transparent 60%);z-index:-1;pointer-events:none}.pay-header{align-items:flex-start;gap:20px;margin-bottom:32px;position:relative}.pay-header-text{min-width:0}.pay-header-text h1{font-size:28px;font-weight:800;letter-spacing:-.5px;color:var(--text-main);background:linear-gradient(to right,#111827,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.pay-header .page-subtitle{max-width:72ch;font-size:14.5px;line-height:1.6;color:var(--text-muted)}.pay-head-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.pay-fresh{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-muted);background:var(--pay-glass-bg);-webkit-backdrop-filter:var(--pay-glass-blur);backdrop-filter:var(--pay-glass-blur);padding:6px 12px;border-radius:20px;border:1px solid var(--border-light);box-shadow:0 2px 8px #00000005}.pay-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 #05966973;animation:pay-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pay-pulse{0%{box-shadow:0 0 #05966966}70%{box-shadow:0 0 0 6px #05966900}to{box-shadow:0 0 #05966900}}@media (prefers-reduced-motion: reduce){.pay-dot{animation:none}}.pay-filter-bar{background:var(--pay-glass-bg);-webkit-backdrop-filter:var(--pay-glass-blur);backdrop-filter:var(--pay-glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;margin-bottom:24px;box-shadow:var(--pay-shadow-soft);display:flex;gap:16px;flex-wrap:wrap;align-items:center}.filter-item-search{position:relative;flex:1 1 320px;min-width:260px;max-width:460px}.filter-item-search input{width:100%;min-width:0;background:#fffc;border:1px solid var(--border-light);border-radius:8px;padding:10px 14px 10px 38px;transition:all .2s ease;box-shadow:inset 0 2px 4px #00000003}.filter-item-search input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.filter-item-search .filter-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.filter-clear{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:6px;border:none;border-radius:50%;background:#f1f5f9;color:#64748b;cursor:pointer;flex-shrink:0;transition:all .2s}.filter-clear:hover{background:#e2e8f0;color:#0f172a}.filter-spacer{flex:1}.pay-btn-filter{background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-light);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;color:var(--text-main);display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.pay-btn-filter:hover{background:#fff;border-color:var(--border-color);box-shadow:0 2px 6px #00000008}.pay-btn-filter.active{background:#eff6ff;border-color:#bfdbfe;color:var(--primary-dark)}.table-wrap{background:var(--pay-glass-bg);-webkit-backdrop-filter:var(--pay-glass-blur);backdrop-filter:var(--pay-glass-blur);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-lg);overflow:auto;box-shadow:var(--pay-shadow-soft);position:relative}.pay-table{width:100%;border-collapse:separate;border-spacing:0}.pay-table th{background:#f8fafccc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 20px;font-size:12.5px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);text-align:left;white-space:nowrap}.pay-table td{padding:16px 20px;vertical-align:top;border-bottom:1px solid var(--border-light);transition:background .2s ease}.pay-table tr:hover td{background:#ffffffe6}.pay-table tr:last-child td{border-bottom:none}.ta-right{text-align:right}.pay-row-warn td{background:#fef2f266}.pay-row-warn:hover td{background:#fef2f2cc}.pay-row-warn td:first-child{position:relative}.pay-row-warn td:first-child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pay-grad-red);border-top-right-radius:4px;border-bottom-right-radius:4px}.pay-link{background:none;border:none;padding:0;font:inherit;font-weight:700;font-size:14.5px;color:var(--primary);cursor:pointer;text-align:left;word-break:break-all;position:relative;display:inline-block}.pay-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:var(--primary);transition:width .3s ease}.pay-link:hover:after{width:100%}.pay-row-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}.pay-sub{font-size:12px;color:var(--text-muted);margin-top:4px;font-weight:500}.pay-late{color:#dc2626;font-weight:700}.pay-flag{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;border-radius:6px;background:#fef2f2;border:1px solid #fca5a5;color:#991b1b;font-size:11px;font-weight:700;cursor:help;box-shadow:0 2px 4px #dc26261a}.pay-method{font-weight:700;font-size:14px;color:var(--text-main)}.pay-amount{font-weight:800;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-main)}.pay-when{white-space:nowrap;font-size:13px;font-weight:500;color:#475569}.pay-va{display:inline-flex;align-items:center;gap:6px;background:#f3f4f6b3;border:1px solid #e5e7eb;padding:4px 10px;border-radius:6px;margin-top:6px;font:inherit;font-size:12.5px;font-weight:600;font-family:JetBrains Mono,SF Mono,monospace;color:#475569;cursor:pointer;transition:all .2s ease}.pay-va:hover{color:var(--primary);background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 2px 6px #2563eb1a}.pay-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap;letter-spacing:.3px;box-shadow:inset 0 1px #fff3}.pay-badge.st-paid{background:var(--pay-grad-green);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 4px 12px #10b98140}.pay-badge.st-pending{background:var(--pay-grad-amber);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 4px 12px #f59e0b40}.pay-badge.st-generated{background:var(--pay-grad-blue);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 4px 12px #2563eb40}.pay-badge.st-expired{background:var(--pay-grad-gray);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 4px 12px #64748b40}.pay-badge.st-failed{background:var(--pay-grad-red);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 4px 12px #ef444440}.pay-error{display:flex;align-items:center;gap:12px;background:#fee2e2e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#991b1b;border:1px solid #fecaca;border-radius:var(--radius-md);padding:14px 18px;font-size:14px;font-weight:500;margin-bottom:20px;box-shadow:0 4px 12px #dc262614}.spin{animation:pay-spin 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes pay-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spin{animation:none}}.pay-detail-wrap{position:relative;z-index:1}.pay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;background:#ffffff80;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.pay-grid>div{display:flex;flex-direction:column;gap:4px;min-width:0}.pay-grid span{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#64748b}.pay-grid b{font-size:14px;font-weight:700;word-break:break-word;color:#0f172a}.pay-sec{margin:32px 0 12px;font-size:18px;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:8px}.pay-note{margin:0 0 16px;font-size:13px;color:#64748b;line-height:1.6;background:#f1f5f999;padding:12px 16px;border-radius:8px;border-left:3px solid var(--primary)}.pay-raw{margin:0;background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:16px;font-size:12.5px;font-family:JetBrains Mono,SF Mono,monospace;color:#e2e8f0;line-height:1.6;max-height:350px;overflow:auto;white-space:pre-wrap;word-break:break-word;box-shadow:inset 0 2px 8px #0003}.pay-raw::-webkit-scrollbar{width:8px;height:8px}.pay-raw::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.pay-raw::-webkit-scrollbar-track{background:transparent}.data-table.compact th{background:#f8fafccc;padding:12px 16px}.data-table.compact td{padding:12px 16px;font-size:13px;font-weight:500}.pay-log{margin-bottom:12px}.pay-log-head{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:#ffffffb3;font-size:12px;font-weight:700;letter-spacing:.5px;color:#334155;cursor:pointer;text-align:left;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pay-log-head:hover:not(:disabled){background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.pay-log-head:disabled{cursor:default;opacity:.8}.pay-log-head>span:first-of-type{flex:1}.pay-log-head.warn{color:#991b1b;border-color:#fca5a5;background:#fef2f2cc}.pay-log-copy{display:inline-flex;padding:6px;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s ease}.pay-log-copy:hover{color:var(--primary);background:#eff6ff}.pay-log-head+.pay-raw{margin-top:8px}.pay-log-empty{margin:8px 0 0;padding:14px 16px;border:1px dashed #cbd5e1;border-radius:8px;font-size:13px;line-height:1.6;color:#64748b;background:#f8fafc80}.pay-log-empty.warn{border-color:#fca5a5;border-style:solid;background:#fef2f280;color:#991b1b}.btn-outline.active{border-color:var(--primary);color:var(--primary-dark);background:#eff6ff;box-shadow:0 2px 8px #2563eb1a}.btn-outline{border-radius:8px;font-weight:600;box-shadow:0 2px 4px #00000005}@media (max-width: 720px){.pay-head-actions{width:100%;justify-content:space-between}.pay-filter-bar{flex-direction:column;align-items:stretch}.filter-item-search{max-width:100%}}.pay-detail-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;text-align:center;color:var(--text-muted)}.pay-detail-error>svg{color:#dc2626;filter:drop-shadow(0 4px 6px rgba(220,38,38,.2))}.pay-detail-error-title{margin:0;font-size:16px;font-weight:800;color:#991b1b}.pay-detail-error-sub{margin:0;font-size:13.5px;line-height:1.6;max-width:46ch}.pg-halaman{--pg-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}.pg-alat-judul{font-size:13px;font-weight:700;color:var(--text-main)}.pg-toko{margin-top:3px;font-size:12.5px;color:var(--text-muted)}.pg-toko:before{content:"→ ";color:var(--border-color)}.pg-jenis{font-weight:600}.pg-tabel .pn-tautan{white-space:nowrap}.pg-chip-baris{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.pg-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:var(--border-light);color:var(--text-muted);font-size:11.5px;font-weight:600;white-space:nowrap}.pg-chip.kuat{background:color-mix(in srgb,var(--amber-light) 70%,var(--bg-paper));color:var(--amber)}.pg-sisa-baris{margin-top:6px}.pg-sisa{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--blue);white-space:nowrap;font-variant-numeric:tabular-nums}.pg-sisa.mepet{color:var(--red)}.pg-umur{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--border-light);font-size:12px;font-weight:600;color:var(--text-main);white-space:nowrap;font-variant-numeric:tabular-nums}.pg-umur.lama{background:var(--red-light);color:var(--red)}.pg-tabel.data-table .pg-sel-aksi{width:1%;white-space:nowrap}.pg-btn-tinjau.btn-outline{color:var(--primary)}.pg-wadah-tabel{container-type:inline-size}@container (max-width: 860px){.pg-tabel.data-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.pg-tabel.data-table,.pg-tabel.data-table tbody{display:block;width:100%}.pg-tabel.data-table tr{display:grid;grid-template-columns:minmax(0,1fr);padding:12px 16px;border-bottom:1px solid var(--border-color)}.pg-tabel.data-table td{display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:10px;align-content:start;padding:6px 0;border:0;text-align:left}.pg-tabel.data-table td:before{content:attr(data-label);grid-column:1;grid-row:1 / span 8;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding-top:2px}.pg-tabel.data-table td>*{grid-column:2;justify-self:start;max-width:100%}.pg-tabel.data-table td.pn-kanan{text-align:left}.pg-tabel.data-table .pg-sel-aksi{display:block;width:100%;padding-top:10px}.pg-tabel.data-table .pg-sel-aksi:before{content:none}.pg-tabel.data-table .pg-sel-aksi .pn-btn{width:100%;justify-content:center}.pg-tabel.data-table tr.pn-baris-menunggu td:first-child{box-shadow:none}.pg-tabel.data-table tr.pn-baris-menunggu{box-shadow:inset 3px 0 0 var(--amber)}}@container (min-width: 560px) and (max-width: 860px){.pg-tabel.data-table tr{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.pg-tabel.data-table .pg-sel-aksi{grid-column:1 / -1}.pg-tabel.data-table .pg-sel-aksi .pn-btn{width:auto;min-width:160px}}.pg-panel{display:flex;flex-direction:column;gap:16px}.pg-kepala-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:stretch;padding:18px 20px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-paper)}.pg-kepala-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pg-kalimat{margin:12px 0 4px;font-size:19px;font-weight:700;letter-spacing:-.015em;line-height:1.3;color:var(--text-main)}.pg-alasan-utama{font-size:14px;color:var(--text-muted)}.pg-alasan-utama strong{color:var(--text-main)}.pg-diajukan{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:10px;font-size:12.5px;color:var(--text-muted)}.pg-diajukan .pn-waktu{margin-top:0;display:inline-flex;gap:6px}.pg-nominal-besar{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:2px;min-width:220px;padding:14px 18px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--blue-light) 45%,var(--bg-paper));border:1px solid var(--blue-light);text-align:right}.pg-nominal-besar span{font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--blue)}.pg-nominal-besar strong{font-size:28px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text-main);line-height:1.15}.pg-nominal-besar small{font-size:12.5px;color:var(--text-muted)}.pg-nominal-besar .pg-dikreditkan{color:var(--green);font-weight:600}.pg-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}.pg-kolom{display:flex;flex-direction:column;gap:16px;min-width:0}.pg-blok{padding:16px 18px;background:var(--bg-paper);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:0}.pg-blok h4{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--text-main)}.pg-blok-kepala{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.pg-tautan-kecil{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--primary)}.pg-tautan-kecil:hover{text-decoration:underline}.pg-kosong{margin:0;font-size:13px;color:var(--text-muted)}.pg-kosong-bawah{margin-top:10px}.pg-kerangka-foto{height:120px}.pg-kerangka-barang{height:96px}.pg-galeri{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.pg-foto{position:relative;display:block;width:100%;aspect-ratio:1 / 1;padding:0;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--border-light);cursor:zoom-in}.pg-foto img{width:100%;height:100%;object-fit:cover;transition:transform .25s cubic-bezier(.16,1,.3,1)}.pg-foto:hover img{transform:scale(1.05)}.pg-foto-perbesar{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0f172a9e;color:#fff;opacity:0;transition:opacity .15s}.pg-foto:hover .pg-foto-perbesar,.pg-foto:focus-visible .pg-foto-perbesar{opacity:1}.pg-foto:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring-color);border-color:var(--primary)}.pg-foto-rusak{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;padding:6px;font-size:11px;text-align:center;color:var(--text-muted)}.pg-penampil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;flex-direction:column;background:#080c16e6;animation:ui-modal-fade .15s ease-out}.pg-penampil-atas{display:flex;align-items:center;gap:8px;padding:12px 16px;color:#fff}.pg-penampil-hitung{margin-right:auto;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.pg-penampil-tombol{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff14;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.pg-penampil-tombol:hover{background:#ffffff2e}.pg-penampil-tombol:focus-visible,.pg-penampil-geser:focus-visible{outline:2px solid #fff;outline-offset:2px}.pg-penampil-isi{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 64px 24px}.pg-penampil-gambar{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 20px 60px #00000080}.pg-penampil-isi .pg-foto-rusak{color:#ffffffb3;font-size:14px}.pg-penampil-geser{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer}.pg-penampil-geser:hover{background:#ffffff3d}.pg-penampil-geser.kiri{left:12px}.pg-penampil-geser.kanan{right:12px}.pg-barang ul{list-style:none;margin:0;padding:0}.pg-barang-baris{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--border-color)}.pg-barang-baris:first-child{padding-top:0}.pg-barang-gambar{width:40px;height:40px;border-radius:8px;object-fit:cover;background:var(--border-light);border:1px solid var(--border-light)}.pg-barang-gambar.kosong{display:block}.pg-barang-nama{font-size:13.5px;font-weight:600;color:var(--text-main);overflow-wrap:anywhere}.pg-barang-subtotal{font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.pg-barang-total{display:grid;gap:6px;margin:12px 0 0}.pg-barang-total>div{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--text-muted)}.pg-barang-total dd{margin:0;font-variant-numeric:tabular-nums;color:var(--text-main)}.pg-barang-total .total{padding-top:8px;border-top:1px solid var(--border-color);font-weight:700;color:var(--text-main)}.pg-barang-total .total dd{font-size:15px;font-weight:800}.pg-kutipan{margin:0;padding:10px 14px;border-left:3px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--bg-color);font-size:14px;line-height:1.55;color:var(--text-main);white-space:pre-line;overflow-wrap:anywhere}.pg-dl{display:grid;gap:8px;margin:0}.pg-dl>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;font-size:13px}.pg-dl dt{color:var(--text-muted)}.pg-dl dd{margin:0;font-weight:600;color:var(--text-main);overflow-wrap:anywhere}.pg-tanggapan{display:grid;gap:8px}.pg-ucapan{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-md);border:1px solid;font-size:13px;line-height:1.5}.pg-ucapan>svg{flex-shrink:0;margin-top:2px}.pg-ucapan p{margin:2px 0 0;color:var(--text-main);overflow-wrap:anywhere;white-space:pre-line}.pg-ucapan-siapa{font-size:12px;font-weight:700}.pg-ucapan.merah{background:color-mix(in srgb,var(--red-light) 55%,var(--bg-paper));border-color:var(--red-light);color:var(--red)}.pg-ucapan.biru{background:color-mix(in srgb,var(--blue-light) 45%,var(--bg-paper));border-color:var(--blue-light);color:var(--blue)}.pg-ucapan.abu{background:var(--bg-color);border-color:var(--border-color);color:var(--text-muted)}.pg-riwayat{list-style:none;margin:0;padding:0}.pg-riwayat-titik{--pg-titik: var(--text-muted);position:relative;padding:0 0 14px 22px;font-size:13px}.pg-riwayat-titik:before{content:"";position:absolute;left:0;top:4px;width:10px;height:10px;border-radius:50%;background:var(--pg-titik);box-shadow:0 0 0 3px color-mix(in srgb,var(--pg-titik) 18%,transparent)}.pg-riwayat-titik:not(:last-child):after{content:"";position:absolute;left:4px;top:18px;bottom:2px;width:2px;background:var(--border-color)}.pg-riwayat-titik:last-child{padding-bottom:0}.pg-riwayat-titik.hijau{--pg-titik: var(--green)}.pg-riwayat-titik.merah{--pg-titik: var(--red)}.pg-riwayat-titik.kuning{--pg-titik: var(--amber)}.pg-riwayat-titik.biru{--pg-titik: var(--blue)}.pg-riwayat-judul{font-weight:600;color:var(--text-main)}.pg-riwayat-catatan{margin:4px 0 0;color:var(--text-main);line-height:1.5;overflow-wrap:anywhere}.pg-kartu-pesanan{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-paper)}.pg-kartu-pesanan.perlu{border-color:color-mix(in srgb,var(--amber) 40%,var(--amber-light));background:color-mix(in srgb,var(--amber-light) 30%,var(--bg-paper))}.pg-kp-atas{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pg-kp-isi{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.pg-kp-teks{min-width:0}.pg-kp-jenis{font-size:15px;font-weight:700;color:var(--text-main)}.pg-kp-deskripsi{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--text-main);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pg-kp-nominal{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;text-align:right}.pg-kp-nominal span{font-size:11.5px;color:var(--text-muted)}.pg-kp-nominal strong{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.pg-kp-nominal small{font-size:12px;color:var(--text-muted)}.pg-kp-tautan{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--primary)}.pg-kp-tautan:hover{text-decoration:underline}@media (max-width: 900px){.pg-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.pg-kepala-panel{grid-template-columns:minmax(0,1fr);padding:14px 16px}.pg-nominal-besar{align-items:flex-start;text-align:left;min-width:0}.pg-kalimat{font-size:17px}.pg-dl>div{grid-template-columns:96px minmax(0,1fr)}.pg-kp-isi{flex-direction:column;gap:8px}.pg-kp-nominal{align-items:flex-start;text-align:left}.pg-penampil-isi{padding:0 8px 72px}.pg-penampil-geser{top:auto;bottom:14px;transform:none}.pg-penampil-geser.kiri{left:calc(50% - 56px)}.pg-penampil-geser.kanan{right:calc(50% - 56px)}}@media (prefers-reduced-motion: reduce){.pg-foto img,.pg-penampil{transition:none;animation:none}}.pt{--pt-refund: var(--green);--pt-promosi: var(--blue);--pt-tarik: var(--amber);--pt-pakai: #7c3aed;--pt-lain: var(--text-muted);display:flex;flex-direction:column;gap:16px}.pt-mono{font-family:var(--pn-mono, monospace);font-size:12.5px}.pt-redup{font-size:12.5px;color:var(--text-muted)}.pt-aksi{display:inline-flex;gap:6px;margin-right:6px}.pt-risiko{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}.pt-tanda{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-md);border:1px solid}.pt-tanda>svg{flex-shrink:0;margin-top:1px}.pt-tanda.merah{background:var(--red-light);border-color:color-mix(in srgb,var(--red) 35%,var(--red-light));color:var(--red)}.pt-tanda.kuning{background:var(--amber-light);border-color:color-mix(in srgb,var(--amber) 35%,var(--amber-light));color:var(--amber)}.pt-tanda-judul{font-size:13px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.pt-tanda-pesan{margin-top:2px;font-size:13px;line-height:1.45;color:var(--text-main)}.pt-risiko-kosong{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid;font-size:13.5px;font-weight:600}.pt-risiko-kosong.hijau{background:color-mix(in srgb,var(--green-light) 55%,var(--bg-paper));border-color:var(--green-light);color:var(--green)}.pt-risiko-kosong.abu{background:var(--bg-color);border-color:var(--border-color);color:var(--text-muted)}.pt-galat{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--amber-light);background:color-mix(in srgb,var(--amber-light) 55%,var(--bg-paper));color:var(--text-main);font-size:13px;line-height:1.5}.pt-grid{display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:16px;align-items:start}.pt-kolom{display:flex;flex-direction:column;gap:16px;min-width:0}.pt-kartu{padding:16px 18px;background:var(--bg-paper);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:0}.pt-judul{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.pt-judul .pt-redup{text-transform:none;letter-spacing:0;font-weight:500}.pt-absen{margin:0;padding:12px;border:1px dashed var(--border-color);border-radius:var(--radius-md);font-size:13px;color:var(--text-muted)}.pt-catatan-kecil{margin:10px 0 0;font-size:12px;color:var(--text-muted)}.pt-tautan{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--primary)}.pt-tautan:hover{text-decoration:underline}.pt-kerangka{border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--border-light) 25%,var(--border-color) 37%,var(--border-light) 63%);background-size:400% 100%;animation:skel-slide 1.3s ease-in-out infinite}.pt-kerangka.tinggi-risiko{height:48px}.pt-kerangka.tinggi-kartu{height:220px}.pt-kerangka.tinggi-linimasa{height:260px}@media (prefers-reduced-motion: reduce){.pt-kerangka{animation:none}}.pt-nominal{font-size:26px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text-main)}.pt-dl{display:grid;gap:6px;margin:12px 0 0}.pt-dl>div{display:grid;grid-template-columns:88px 1fr;gap:8px;font-size:13px;align-items:center}.pt-dl dt{color:var(--text-muted)}.pt-dl dd{margin:0;font-weight:600;word-break:break-word}.pt-nama{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16px;font-weight:700;color:var(--text-main)}.pt-umur{display:flex;flex-direction:column;gap:2px;margin:14px 0 12px;padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-color);border:1px solid var(--border-color)}.pt-umur-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.pt-umur-angka{font-size:30px;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--text-main)}.pt-umur-angka.kosong{font-size:16px;font-weight:600;color:var(--text-muted)}.pt-umur-sub{font-size:12px;color:var(--text-muted)}.pt-umur.baru{background:var(--red-light);border-color:color-mix(in srgb,var(--red) 35%,var(--red-light))}.pt-umur.baru .pt-umur-label,.pt-umur.baru .pt-umur-angka,.pt-umur.baru .pt-umur-sub{color:var(--red)}.pt-hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.pt-hero>div{display:flex;flex-direction:column;gap:2px}.pt-hero-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.pt-hero-angka{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-main)}.pt-batang{list-style:none;margin:0;padding:0;display:grid;gap:12px}.pt-batang-kepala{display:flex;justify-content:space-between;gap:12px;font-size:13px}.pt-batang-label{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--text-main)}.pt-batang-nilai{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-main)}.pt-batang-rel{height:8px;margin-top:6px;border-radius:4px;background:var(--border-light);overflow:hidden}.pt-batang-rel>span{display:block;height:100%;border-radius:4px;transition:width .4s ease}@media (prefers-reduced-motion: reduce){.pt-batang-rel>span{transition:none}}.pt-batang-ket{margin-top:4px;font-size:12px;color:var(--text-muted)}.pt-swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.pt-swatch.refund,.pt-batang-rel>.refund{background:var(--pt-refund)}.pt-swatch.promosi,.pt-batang-rel>.promosi{background:var(--pt-promosi)}.pt-swatch.tarik,.pt-batang-rel>.tarik{background:var(--pt-tarik)}.pt-swatch.pakai,.pt-batang-rel>.pakai{background:var(--pt-pakai)}.pt-swatch.lain,.pt-batang-rel>.lain{background:var(--pt-lain)}.pt-linimasa{list-style:none;margin:0;padding:0 0 0 18px;position:relative}.pt-linimasa:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--border-color)}.pt-linimasa>li{position:relative;padding:0 0 14px 10px}.pt-linimasa>li:last-child{padding-bottom:0}.pt-linimasa>li:before{content:"";position:absolute;left:-18px;top:5px;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px var(--bg-paper);background:var(--pt-lain)}.pt-linimasa>li.refund:before{background:var(--pt-refund)}.pt-linimasa>li.promosi:before{background:var(--pt-promosi)}.pt-linimasa>li.tarik:before{background:var(--pt-tarik)}.pt-linimasa>li.pakai:before{background:var(--pt-pakai)}.pt-li-kepala{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.pt-li-kepala .pn-waktu{margin:0 0 0 auto;text-align:right;font-size:12px}.pt-jenis{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.pt-jenis.refund{background:color-mix(in srgb,var(--pt-refund) 14%,var(--bg-paper));color:var(--pt-refund)}.pt-jenis.promosi{background:color-mix(in srgb,var(--pt-promosi) 12%,var(--bg-paper));color:var(--pt-promosi)}.pt-jenis.tarik{background:color-mix(in srgb,var(--pt-tarik) 14%,var(--bg-paper));color:var(--pt-tarik)}.pt-jenis.pakai{background:color-mix(in srgb,var(--pt-pakai) 12%,var(--bg-paper));color:var(--pt-pakai)}.pt-jenis.lain{background:var(--border-light);color:var(--text-muted)}.pt-jumlah{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.pt-jumlah.naik{color:var(--green)}.pt-jumlah.turun{color:var(--red)}.pt-ket{margin:4px 0 0;font-size:13px;color:var(--text-main)}.pt-pesanan{margin-top:6px;padding:8px 10px;border-radius:var(--radius-md);background:var(--bg-color);border:1px solid var(--border-color);display:grid;gap:4px}.pt-pesanan.cepat{background:color-mix(in srgb,var(--amber-light) 50%,var(--bg-paper));border-color:color-mix(in srgb,var(--amber) 40%,var(--amber-light))}.pt-pesanan-baris{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}.pt-chip{padding:1px 8px;border-radius:10px;background:var(--bg-paper);border:1px solid var(--border-color);font-size:11.5px;font-weight:600;color:var(--text-main)}.pt-cepat{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:10px;background:var(--amber-light);color:var(--amber);font-weight:700}.pt-semua{margin-top:12px}.pt-tabel.data-table td{vertical-align:top}@media (max-width: 860px){.pt-grid{grid-template-columns:1fr}}@media (max-width: 640px){.pt-aksi{flex-direction:column}.pt-li-kepala .pn-waktu{margin-left:0;text-align:left;width:100%}}.pn-halaman{--pn-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;display:flex;flex-direction:column;gap:16px}.pn-kepala h1{margin:0 0 6px;font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--text-main)}.pn-kepala p{margin:0;max-width:72ch;font-size:14px;line-height:1.55;color:var(--text-muted)}.pn-tab{display:flex;gap:24px;border-bottom:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none}.pn-tab::-webkit-scrollbar{display:none}.pn-tab button{display:inline-flex;align-items:center;gap:8px;padding:12px 2px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:none;color:var(--text-muted);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s}.pn-tab button:hover{color:var(--text-main)}.pn-tab button.aktif{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.pn-tab button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring-color);border-radius:6px 6px 0 0}.pn-tab-angka,.pn-pil-angka{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--red);color:#fff;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.pn-panel{display:flex;flex-direction:column;gap:12px}.pn-catatan{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border:1px solid;border-radius:var(--radius-md);font-size:13px;line-height:1.55;color:var(--text-main)}.pn-catatan>svg{flex-shrink:0;margin-top:1px}.pn-catatan.biru{background:color-mix(in srgb,var(--blue-light) 45%,var(--bg-paper));border-color:var(--blue-light)}.pn-catatan.biru>svg{color:var(--blue)}.pn-catatan.kuning{background:color-mix(in srgb,var(--amber-light) 60%,var(--bg-paper));border-color:var(--amber-light)}.pn-catatan.kuning>svg{color:var(--amber)}.pn-catatan code{font-family:var(--pn-mono);font-size:12px}.pn-kartu{background:var(--bg-paper);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.pn-alat{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--border-light)}.pn-kartu .table-responsive{transition:opacity .15s}.pn-menyegarkan .table-responsive{opacity:.5}.pn-pil{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md)}.pn-pil button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:0;border-radius:6px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s,box-shadow .15s}.pn-pil button:hover{color:var(--text-main)}.pn-pil button.aktif{background:var(--bg-paper);color:var(--primary);font-weight:600;box-shadow:var(--shadow-sm)}.pn-pil button:focus-visible,.pn-ref:focus-visible,.pn-nomor:focus-visible,.pn-saran button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring-color)}.pn-select.filter-select{padding-left:14px}.pn-tabel.data-table th{padding:10px 16px;white-space:nowrap}.pn-tabel.data-table td{padding:14px 16px;vertical-align:top;font-size:13px}.pn-tabel.data-table .pn-kanan{text-align:right}.pn-tabel.data-table .pn-kolom-aksi{width:236px}.pn-baris-menunggu td:first-child{box-shadow:inset 3px 0 0 var(--amber)}.pn-ref{display:block;padding:0;border:0;background:none;font-family:var(--pn-mono);font-size:12.5px;font-weight:600;color:var(--text-main);cursor:pointer;text-align:left;white-space:nowrap;border-radius:4px}.pn-ref:hover{color:var(--primary)}.pn-waktu{margin-top:4px;font-size:12.5px;white-space:nowrap;color:var(--text-main)}.pn-redup{font-size:12px;color:var(--text-muted)}.pn-nama{font-weight:600}.pn-rekening{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.pn-bank{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--text-main)}.pn-nomor{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-color);font-family:var(--pn-mono);font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-main);cursor:pointer;transition:color .15s,border-color .15s,background-color .15s}.pn-nomor svg{color:var(--text-muted)}.pn-nomor:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,transparent);background:color-mix(in srgb,var(--blue-light) 40%,var(--bg-paper))}.pn-nomor:hover svg{color:var(--primary)}.pn-kurang{font-size:12px;font-weight:600;color:var(--red)}.pn-nominal{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.pn-tautan{font-family:var(--pn-mono);font-size:12.5px;font-weight:600;color:var(--primary)}.pn-tautan:hover{text-decoration:underline}.pn-lencana{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.pn-lencana.kuning{background:var(--amber-light);color:var(--amber)}.pn-lencana.biru{background:var(--blue-light);color:var(--blue)}.pn-lencana.hijau{background:var(--green-light);color:var(--green)}.pn-lencana.merah{background:var(--red-light);color:var(--red)}.pn-lencana.abu{background:var(--border-light);color:var(--text-muted)}.pn-alasan{margin-top:6px;max-width:220px;font-size:12px;line-height:1.45;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pn-aksi-tumpuk{display:inline-flex;flex-direction:column;align-items:stretch;gap:6px}.pn-btn-tinjau.btn-outline{color:var(--primary)}.pn-btn-tinjau.btn-outline:hover:not(:disabled){border-color:var(--primary);background:color-mix(in srgb,var(--blue-light) 40%,var(--bg-paper))}.pn-aksi{display:inline-flex;gap:6px;justify-content:flex-end}.pn-btn.btn-primary,.pn-btn.btn-outline{gap:6px;padding:7px 12px;font-size:13px;font-weight:600;white-space:nowrap}.pn-btn-tolak.btn-outline{color:var(--red);border-color:color-mix(in srgb,var(--red) 30%,var(--border-color))}.pn-btn-tolak.btn-outline:hover:not(:disabled){background:var(--red-light);border-color:var(--red)}.pn-btn-bahaya.btn-primary{background:var(--red);border-color:var(--red)}.pn-btn-bahaya.btn-primary:hover:not(:disabled){background:var(--bg-paper);color:var(--red)}.pn-btn-bahaya.btn-primary:disabled{background:var(--border-light);border-color:var(--border-color);color:var(--text-muted)}.pn-galat{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 16px 40px;color:var(--red);text-align:center;font-size:14px}.pn-galat p{margin:0}.pn-halaman .spin,.ui-modal .spin{animation:pn-putar .9s linear infinite}@keyframes pn-putar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.pn-halaman .spin,.ui-modal .spin{animation:none}}.pn-tolak{display:flex;flex-direction:column;gap:12px}.pn-ringkas{display:grid;gap:8px;margin:0;padding:14px 16px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md)}.pn-ringkas>div{display:grid;grid-template-columns:92px 1fr;gap:12px;font-size:13px}.pn-ringkas dt{color:var(--text-muted)}.pn-ringkas dd{margin:0;font-weight:600;color:var(--text-main);word-break:break-word}.pn-mono{font-family:var(--pn-mono);font-size:12.5px}.pn-tolak-label{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:13px;font-weight:600;color:var(--text-main)}.pn-wajib{padding:1px 8px;border-radius:10px;background:var(--red-light);color:var(--red);font-size:11px;font-weight:700}.pn-saran{display:flex;flex-wrap:wrap;gap:6px}.pn-saran button{padding:5px 10px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-paper);color:var(--text-main);font-size:12px;cursor:pointer;transition:border-color .15s,color .15s}.pn-saran button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pn-tolak textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;line-height:1.5;color:var(--text-main);background:var(--bg-paper);resize:vertical;outline:none;transition:border-color .15s,box-shadow .15s}.pn-tolak textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring-color)}.pn-tolak textarea[aria-invalid=true]{border-color:var(--red)}.pn-tolak-bantu{display:flex;justify-content:space-between;gap:12px;margin-top:-4px;font-size:12px;color:var(--text-muted)}.pn-tolak-aksi{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}@media (max-width: 640px){.pn-kepala h1{font-size:22px}.pn-alat{align-items:stretch}.pn-pil{width:100%}.pn-pil button{flex:1 0 auto;justify-content:center}.pn-tolak-aksi{flex-direction:column-reverse}.pn-tolak-aksi button{width:100%}}.rp-panel{padding-bottom:0;overflow:hidden}.rp-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.rp-kepala h3{margin:0;font-size:16px;font-weight:600}.rp-sub{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.rp-tab{display:inline-flex;padding:3px;gap:2px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md)}.rp-tab button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:6px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s,box-shadow .15s}.rp-tab button:hover{color:var(--text-main)}.rp-tab button.aktif{background:var(--bg-paper);color:var(--primary);box-shadow:var(--shadow-sm)}.rp-tab button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring-color)}.rp-tabel.data-table th,.rp-tabel.data-table td{padding:10px 12px}.rp-tabel.data-table td{vertical-align:top;font-size:13px}.rp-tabel.data-table .rp-angka{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.rp-waktu{white-space:nowrap;color:var(--text-main);font-size:13px}.rp-jam{color:var(--text-muted);font-size:12px;margin-top:2px}.rp-keterangan{margin-top:4px;font-size:12px;color:var(--text-muted);max-width:240px}.rp-redup{color:var(--text-muted)}.rp-pesanan{display:inline-block;margin-top:4px;color:var(--primary);font-size:12px;text-decoration:none}.rp-pesanan:hover{text-decoration:underline}.rp-selisih{font-weight:600}.rp-selisih.naik{color:var(--green)}.rp-selisih.turun{color:var(--red)}.rp-harga-baru{font-weight:600}.rp-harga-baru.naik{color:var(--red)}.rp-harga-baru.turun{color:var(--green)}.rp-lencana{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.rp-lencana.biru{background:var(--blue-light);color:var(--blue)}.rp-lencana.kuning{background:var(--amber-light);color:var(--amber)}.rp-lencana.merah{background:var(--red-light);color:var(--red)}.rp-lencana.hijau{background:var(--green-light);color:var(--green)}.rp-lencana.abu{background:var(--border-light);color:var(--text-muted)}.rp-galat{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 16px 36px;color:var(--red);text-align:center}.rp-galat p{margin:0}.rp-panel .pagination-bar{margin:0 -20px;padding:12px 20px}@media (max-width: 640px){.rp-tab{width:100%}.rp-tab button{flex:1;justify-content:center}}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--secondary: #2563eb;--ring-color: rgba(37, 99, 235, .16);--bg-color: #f6f7f9;--bg-paper: #ffffff;--text-main: #111827;--text-muted: #6b7280;--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .03);--radius-md: 8px;--radius-lg: 12px;--card-bg: #ffffff;--green: #059669;--green-light: #d1fae5;--red: #dc2626;--red-light: #fee2e2;--amber: #d97706;--amber-light: #fef3c7;--blue: #2563eb;--blue-light: #dbeafe}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html,body,#root{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;overflow-x:clip;max-width:100vw;width:100%}a{text-decoration:none;color:inherit}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0000001a}input:checked+.toggle-slider{background-color:var(--primary)}input:checked+.toggle-slider:before{transform:translate(20px)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;padding:10px 16px;border:1px solid var(--primary);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:#fff;color:var(--primary);box-shadow:var(--shadow-md)}.btn-primary:disabled{background:#f3f4f6;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed;box-shadow:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeInModal .2s ease-out}.modal-content{background:var(--bg-paper);border-radius:16px;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;display:flex;flex-direction:column;animation:slideUpModal .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:24px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:18px;font-weight:600;color:var(--text-main);margin:0}.modal-body{padding:24px;overflow-y:auto;max-height:calc(100vh - 200px);display:flex;flex-wrap:wrap;gap:16px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:12px;background:#f9fafb}.form-group{display:flex;flex-direction:column;gap:8px}.form-group input[type=text],.form-group input[type=number],.form-group input[type=url],.form-group select,.form-group textarea{padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;color:var(--text-main);background:var(--bg-paper);transition:all .2s;outline:none}.form-group input:disabled,.form-group textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--text-main);padding:10px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.btn-icon{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s}.btn-icon:hover{background:#f3f4f6;color:var(--text-main)}.btn-icon.text-blue:hover{color:#2563eb;background:#eff6ff}.btn-icon.text-red:hover{color:#dc2626;background:#fef2f2}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-lg{max-width:900px}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.status-pending{background:#fef3c7;color:#d97706}.status-expired{background:#fee2e2;color:#dc2626}.status-paid{background:#dbeafe;color:#2563eb}.status-processing{background:#e0e7ff;color:#4f46e5}.status-shipped{background:#ede9fe;color:#7c3aed}.status-delivered{background:#d1fae5;color:#059669}.status-completed{background:#d1fae5;color:#047857}.status-cancelled{background:#fce4ec;color:#c62828}.badge-product{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;background:#f3f4f6;color:#374151;letter-spacing:.5px}.detail-card{background:#f9fafb;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px}.detail-card p{margin-bottom:6px;font-size:14px;line-height:1.5}.status-btn{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid var(--border-color);background:#fff;cursor:pointer;transition:all .2s}.status-btn:hover{background:#f3f4f6}.status-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.status-btn:disabled{opacity:.6;cursor:not-allowed}.btn-close{background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer;padding:4px;line-height:1}.btn-close:hover{color:var(--text-main)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--text-main);padding:8px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:13px;cursor:pointer;transition:all .2s}.btn-outline:hover{background:#f9fafb}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-icon.text-green:hover{color:#059669;background:#ecfdf5}.product-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:.3px}.filter-group{display:flex;gap:8px;align-items:center}.filter-item{position:relative;display:flex;align-items:center}.filter-icon{position:absolute;left:12px;color:#9ca3af;z-index:1}.filter-select{padding:10px 32px 10px 36px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:13px;color:var(--text-main);background:#fafafa;outline:none;cursor:pointer;transition:all .2s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filter-select.product-filter{padding-left:36px}.filter-select:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 3px var(--ring-color)}.pagination-bar{padding:14px 24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-light)}.pagination-options{display:flex;align-items:center;gap:12px}.pagination-limit{padding:6px 26px 6px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:12px;color:var(--text-main);background:#fafafa;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.pagination-limit:focus{border-color:var(--primary);background-color:#fff}.pagination-info{font-size:14px;color:#6b7280}.row-num{color:#9ca3af;font-size:12px;font-weight:500;text-align:center;font-variant-numeric:tabular-nums}.pagination-nav{display:flex;align-items:center;gap:6px}.pagination-current{font-size:13px;font-weight:500;padding:0 8px;color:var(--text-main)}.order-detail-page{max-width:1200px}.detail-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.btn-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border-color);background:#fff;cursor:pointer;transition:all .2s;flex-shrink:0;margin-top:2px}.btn-back:hover{background:#f3f4f6;border-color:#d1d5db}.detail-title{font-size:20px;font-weight:700;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.detail-title code{font-family:SF Mono,Fira Code,monospace;background:#f3f4f6;padding:4px 10px;border-radius:6px;font-size:15px;color:#374151}.detail-grid{display:grid;grid-template-columns:1fr 380px;gap:24px}.detail-section{background:var(--bg-paper);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.section-header h3{font-size:15px;font-weight:600;color:var(--text-main)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.info-grid.form-grid{row-gap:20px;column-gap:24px}.info-grid.form-grid .info-item{border-bottom:none;padding:0;gap:8px;min-width:0}.info-grid.form-grid .info-label{font-size:13px;font-weight:500;color:var(--text-main);text-transform:none;letter-spacing:normal}.info-grid.form-grid-4col{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}@media (max-width: 768px){.info-grid.form-grid:not(.form-grid-4col){grid-template-columns:1fr}}@media (max-width: 600px){.info-grid{grid-template-columns:1fr}.tab-nav,.detail-header{flex-wrap:wrap}.gallery-grid{grid-template-columns:1fr 1fr}}.info-item{padding:10px 0;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:4px}.info-item.total{border-bottom:none;padding-top:14px}.info-label{font-size:12px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:14px;font-weight:500;color:var(--text-main)}.info-value.highlight{font-size:16px;font-weight:700}.info-value.text-red{color:#dc2626}.info-value code{font-family:SF Mono,monospace;background:#f3f4f6;padding:2px 8px;border-radius:4px;font-size:13px}.info-stack{display:flex;flex-direction:column}.info-stack-item{padding:10px 0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;gap:12px}.info-stack-item:last-child{border-bottom:none}.stack-label{font-size:13px;color:#6b7280}.stack-value{font-size:14px;font-weight:500;text-align:right}.stack-value.text-green{color:#059669}.stack-value.text-red{color:#dc2626}.order-timeline{display:flex;padding:8px 0}.timeline-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;text-align:center}.timeline-dot{width:30px;height:30px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;z-index:1;transition:all .3s}.timeline-step.done .timeline-dot{background:#d1fae5;color:#059669}.timeline-step.current .timeline-dot{background:var(--primary);color:#fff;box-shadow:0 0 0 4px #00000014}.timeline-label{margin-top:8px}.timeline-title{display:block;font-size:12px;font-weight:600;color:var(--text-main)}.timeline-date{display:block;font-size:11px;color:#9ca3af;margin-top:2px}.timeline-line{position:absolute;top:15px;left:55%;right:-55%;height:2px;background:#e5e7eb;z-index:0}.timeline-line.done{background:#10b981}.payment-va{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #d1fae5;border-radius:10px;padding:16px;margin-top:16px;text-align:center}.va-bank{font-size:12px;font-weight:600;color:#059669;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.va-number{font-size:24px;font-weight:700;font-family:SF Mono,monospace;color:var(--text-main);letter-spacing:2px}.items-list{display:flex;flex-direction:column;gap:12px}.item-card{display:flex;align-items:center;gap:14px;padding:12px;background:#f9fafb;border-radius:10px;border:1px solid var(--border-light)}.item-img{width:48px;height:48px;border-radius:8px;object-fit:cover}.item-detail{flex:1}.item-name{font-size:14px;font-weight:600;margin-bottom:4px}.item-meta{display:flex;gap:6px;flex-wrap:wrap}.item-meta-tag{background:#e5e7eb;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;color:#374151}.item-note{font-size:12px;color:#6b7280;margin-top:4px}.item-price{font-size:15px;font-weight:700;white-space:nowrap;color:var(--text-main)}.visitors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.visitor-card{background:#f9fafb;border:1px solid var(--border-light);border-radius:10px;padding:14px}.visitor-name{font-size:14px;font-weight:600}.visitor-title{font-size:12px;color:var(--primary);margin-top:2px}.visitor-contact{font-size:12px;color:#6b7280;margin-top:6px}.status-actions{display:flex;flex-direction:column;gap:6px}.status-action-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;width:100%;text-align:left}.status-action-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.status-action-btn.current{background:#f3f4f6;border-color:var(--primary)}.status-action-btn:disabled{opacity:.6;cursor:not-allowed}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-action-current{margin-left:auto;font-size:11px;background:var(--primary);color:#fff;padding:2px 8px;border-radius:10px}.form-input{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;color:var(--text-main);background:var(--bg-paper);outline:none;transition:all .2s;font-family:inherit}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring-color)}.info-item.full{grid-column:1 / -1}.tab-nav{display:flex;gap:4px;margin-left:auto}.tab-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-color);border-radius:8px;background:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;color:#6b7280}.tab-btn:hover{background:#f9fafb}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.gallery-card{border:1px solid var(--border-light);border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}.gallery-card img{width:100%;height:140px;object-fit:cover}.gallery-meta{padding:8px 12px;display:flex;gap:8px;flex-wrap:wrap}.gallery-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:#f3f4f6;color:#374151}.gallery-badge.primary{background:#fef3c7;color:#b45309}.gallery-actions{padding:8px 12px;border-top:1px solid var(--border-light);display:flex;gap:4px}.form-group.full-width{width:100%}.form-group label{font-size:13px;font-weight:500;color:var(--text-main)}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;outline:none;transition:border-color .2s;background:var(--bg-paper);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lacak-blok{margin-top:16px;padding-top:16px;border-top:1px dashed var(--border-color)}.lacak-judul{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.lacak-kosong{font-size:13px;color:var(--text-muted);padding:10px 12px;background:var(--border-light);border-radius:var(--radius-md)}.lacak-riwayat{margin-top:14px;display:flex;flex-direction:column;gap:8px}.lacak-baris{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:13px;padding:8px 12px;background:var(--border-light);border-radius:var(--radius-md);border-left:3px solid var(--blue)}.lacak-waktu{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.lacak-status{color:var(--text-main);font-weight:500}.lacak-penerima{color:var(--green);font-weight:500}.form-hint{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:var(--text-muted)}.unggah-baris{display:flex;gap:8px;align-items:stretch}.unggah-baris input[type=url]{flex:1;min-width:0}.btn-unggah{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;margin:0}.btn-unggah.nonaktif{opacity:.6;cursor:not-allowed}.pratinjau-gambar{display:flex;align-items:center;gap:10px;margin-top:10px}.pratinjau-gambar img{width:96px;height:96px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-color)}.berputar{animation:berputar 1s linear infinite}@keyframes berputar{to{transform:rotate(360deg)}}.cari-pengguna{position:relative}.cari-pengguna input[type=text]{width:100%}.hasil-cari{margin-top:6px;max-height:260px;overflow-y:auto;background:var(--bg-paper);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.hasil-baris{display:flex;flex-direction:column;gap:2px;width:100%;padding:10px 12px;text-align:left;background:none;border:0;border-bottom:1px solid var(--border-light);cursor:pointer;font:inherit}.hasil-baris:last-child{border-bottom:0}.hasil-baris:hover{background:var(--border-light)}.hasil-baris strong{font-size:14px;color:var(--text-main)}.hasil-baris span{font-size:12px;color:var(--text-muted)}.hasil-kosong{padding:10px 12px;font-size:13px;color:var(--text-muted)}.pengguna-terpilih{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--bg-paper);border:1px solid var(--border-color);border-radius:var(--radius-md)}.pengguna-terpilih>div{display:flex;flex-direction:column;gap:2px;min-width:0}.pengguna-terpilih strong{font-size:14px;color:var(--text-main)}.pengguna-terpilih span{font-size:12px;color:var(--text-muted)}.users-search-box{position:relative;display:flex;align-items:center}.users-search-box svg{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.users-search-box input{width:240px;max-width:100%;padding:9px 12px 9px 36px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-paper);font:inherit;font-size:13px;color:var(--text-main);outline:none;transition:border-color .15s,box-shadow .15s}.users-search-box input::placeholder{color:var(--text-muted)}.users-search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring-color)}.tempat-thumb{width:72px;height:52px;object-fit:cover;border-radius:8px;border:1px solid var(--border-color);display:block}