@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#22263a;background:#f7f8fc;font-synthesis:none;text-rendering:optimizeLegibility;font-weight:400;font-size:14px;font-smooth:always;font-optical-sizing:auto;--ink:#22263a;--muted:#9298aa;--line:#eceef4;--primary:#5c68e8;--green:#26a87a;--orange:#e99b45}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:250px;background:#fff;border-right:1px solid #eff0f5;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:27px 17px 16px;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 8px;color:#20243a;font:800 24px Manrope,sans-serif;letter-spacing:-1.2px;min-width:0}.brand>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,1.5vw,24px)}.brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#7e88ff,#5662df);color:#fff;display:grid;place-items:center;box-shadow:0 5px 12px #6572e633}.brand-mark img,.workspace-avatar img{width:100%;height:100%;object-fit:contain;border-radius:inherit;padding:3px}.brand-dot{color:#6874ed}.workspace-select{height:58px;border:1px solid #eceef4;border-radius:10px;margin:30px 0 31px;padding:8px;display:flex;align-items:center;gap:10px}.workspace-avatar{width:34px;height:34px;border-radius:9px;background:#eff0ff;color:#616be1;font-weight:700;display:grid;place-items:center}.workspace-avatar{overflow:hidden;flex:none}.workspace-copy,.profile-copy{display:grid;gap:3px;flex:1;min-width:0}.workspace-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-copy strong,.profile-copy strong{font-size:12px;font-weight:700}.workspace-copy span,.profile-copy span{font-size:11px;color:#989daf}.workspace-select>svg{color:#9298aa}.nav-caption{font-size:10px;color:#a1a6b5;font-weight:700;letter-spacing:1px;padding:0 11px;margin:4px 0 8px}.nav-list{display:grid;gap:4px;align-content:start}.nav-group{display:grid;gap:3px;margin-bottom:12px}.nav-group:last-child{margin-bottom:0}.nav-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;background:transparent;padding:0;cursor:pointer;text-align:left}.nav-group-toggle:hover .nav-caption{color:#6d74b8}.nav-group-toggle .nav-caption{margin:4px 0 8px}.nav-group-toggle .settings-chevron{margin:0 11px 8px 0;color:#a1a6b5}.nav-group-toggle-open .nav-caption{color:#5d69e8}.sidebar>*{flex:0 0 auto}.sidebar .nav-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px}.sidebar .nav-list::-webkit-scrollbar{width:5px}.sidebar .nav-list::-webkit-scrollbar-thumb{background:#dfe2ec;border-radius:9px}.nav-item{border:0;background:transparent;display:flex;align-items:center;text-align:left;gap:12px;min-height:42px;padding:6px 11px;border-radius:8px;color:#797f91;font-size:13px;width:100%;transition:background .18s,color .18s}.nav-item>span{min-width:0;line-height:1.35}.nav-item:hover{background:#f7f7fc;color:#41475c}.nav-active,.nav-active:hover{background:#f0f1ff;color:#5b66df;font-weight:600}.nav-item small{margin-left:auto;font-size:10px;background:#f1f2f6;color:#868b9c;padding:3px 7px;border-radius:5px}.nav-active small{background:#fff;color:#666fe0}.settings-menu-group{display:grid;gap:3px}.settings-chevron{margin-left:auto;transition:transform .18s ease}.settings-chevron-open{transform:rotate(180deg)}.settings-submenu{display:grid;gap:3px;padding-left:13px}.settings-subitem{height:37px;padding-left:14px;font-size:12px}.admin-settings-layout{display:grid;grid-template-columns:205px minmax(0,1fr);align-items:start;gap:15px}.admin-settings-layout-single{grid-template-columns:minmax(0,1fr)}.settings-section-nav{display:grid;gap:4px;padding:8px}.settings-section-nav>button{height:39px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;border-radius:7px;padding:0 10px;background:transparent;color:#747a8c;text-align:left;font-size:11px}.settings-section-nav>button:hover,.settings-section-nav>.settings-section-active{background:#f0f1ff;color:#5b66df;font-weight:600}.admin-settings-panel{min-width:0;padding:22px}.admin-settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid #eff0f5}.admin-settings-heading h2{margin:0;color:#383d51;font:700 16px Manrope,sans-serif}.admin-settings-heading p{margin:6px 0 0;color:#9298a8;font-size:10px;line-height:1.5}.settings-saved-indicator{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#81889a;font-size:9px}.settings-saved-indicator i{width:6px;height:6px;border-radius:50%;background:#48ae83}.admin-settings-fields{display:grid;gap:15px;padding:19px 0}.admin-settings-fields>label,.settings-two-columns>label{display:grid;gap:6px;color:#666d80;font-size:10px;font-weight:600}.admin-settings-fields input:not([type=checkbox]),.admin-settings-fields select,.admin-settings-fields textarea{width:100%;min-width:0;border:1px solid #e5e7ee;border-radius:7px;padding:9px 10px;background:#fff;color:#454b5f;font:400 11px DM Sans,sans-serif}.admin-settings-fields input:not([type=checkbox]),.admin-settings-fields select{height:37px;padding-top:0;padding-bottom:0}.admin-settings-fields textarea{resize:vertical;line-height:1.5}.admin-settings-fields label>small,.settings-two-columns label>small{color:#969cac;font-size:9px;font-weight:400;line-height:1.5}.settings-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.settings-logo-field{display:flex;align-items:center;gap:14px;padding:13px;border:1px solid #eceef3;border-radius:9px;background:#fbfbfd}.settings-logo-preview{width:64px;height:64px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid #eceef4;border-radius:12px;background:#f0f1ff;color:#626de0}.settings-logo-preview img{width:100%;height:100%;object-fit:contain}.settings-logo-controls{display:grid;gap:6px;min-width:0}.settings-logo-controls strong{color:#555b70;font-size:11px}.settings-logo-controls>small{color:#9298a8;font-size:9px;line-height:1.5}.settings-logo-controls input[type=file]{max-width:100%;color:#73798b;font-size:10px}.settings-logo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.settings-logo-actions .button{height:31px;padding:0 10px;font-size:10px}.settings-logo-controls input.settings-logo-input[type=file]{position:absolute;width:1px;height:1px;min-width:0;max-width:none;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.logo-remove{color:#c0665d;font-size:9px;font-weight:600;padding:2px 0}.logo-remove:hover{color:#a84f46;text-decoration:underline}.logo-remove:disabled{opacity:.5}.settings-info-card{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e8eaf3;border-radius:8px;background:#f8f9fd;color:#626de0}.settings-info-card>span{display:grid;gap:4px}.settings-info-card strong{color:#555b70;font-size:10px}.settings-info-card small{color:#8d93a3;font-size:9px;line-height:1.5}.settings-toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:15px;padding:12px;border:1px solid #eceef3;border-radius:8px}.settings-toggle-row>span{display:grid;gap:4px}.settings-toggle-row strong{color:#555b70;font-size:10px}.settings-toggle-row small{color:#9298a8;font-size:9px;font-weight:400}.settings-toggle-row input{width:16px;height:16px;accent-color:#626de0}.settings-success{display:flex;align-items:center;gap:7px;margin-top:13px;padding:9px 11px;border:1px solid #d7eee3;border-radius:7px;background:#f2faf6;color:#27865f;font-size:10px}.admin-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid #eff0f5}.admin-settings-footer>span{color:#999ead;font-size:9px}.sidebar-spacer{flex:1;min-height:24px}.help-card{background:#f8f8fc;border:1px solid #f0f0f5;border-radius:11px;padding:14px 13px;margin:0 1px 17px}.help-icon{color:#6974e7;margin-bottom:8px}.help-card strong{font-size:12px}.help-card p{color:#8e93a5;font-size:11px;line-height:1.5;margin:5px 0 11px}.help-card button{background:none;border:0;color:#606bdf;padding:0;font-size:11px;font-weight:600;display:flex;align-items:center;gap:5px}.settings-link{border-top:1px solid #f0f0f5;border-radius:0;height:51px;margin:0 0 6px}.profile{display:flex;align-items:center;gap:10px;padding:11px 6px 3px;border-top:1px solid #eff0f5}.profile-avatar{width:34px;height:34px;border-radius:50%;background:#f1e9e5;color:#9b6952;display:grid;place-items:center;font-size:11px;font-weight:700}.profile-more{color:#969bad}.main-area{margin-left:250px;min-height:100vh}.topbar{height:68px;background:#fff;border-bottom:1px solid #eff0f5;padding:0 37px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.breadcrumb{display:flex;align-items:center;gap:10px;color:#9ba0af;font-size:12px}.breadcrumb strong{color:#383d51;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:20px}.public-link,.topbar-date{display:flex;align-items:center;gap:7px;background:none;border:0;font-size:12px;color:#6d7386}.public-link{color:#606bdd;font-weight:600}.icon-button{border:0;background:none;display:grid;place-items:center;color:#7f8596;padding:7px;position:relative}.notification-button i{width:6px;height:6px;position:absolute;background:#ed7e70;border:1px solid white;border-radius:100%;right:5px;top:5px}.topbar-divider{height:23px;width:1px;background:#eceef3}.page-content{max-width:1480px;margin:0 auto;padding:32px 37px 18px}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:9px;color:#959bac;font-weight:700;letter-spacing:1px;margin:0 0 9px}h1,h2,p{margin-top:0}h1,h2{font-family:Manrope,DM Sans,sans-serif}h1{font-size:24px;letter-spacing:-.8px;font-weight:700;margin:0;color:#24283b}h1 span{font-size:17px;color:#edb851;vertical-align:3px}.page-subtitle{font-size:12px;color:#8b91a2;margin:7px 0 0}.button{height:39px;border-radius:8px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:12px;transition:all .16s}.button-primary{background:#5d69e8;border:1px solid #5d69e8;color:#fff;box-shadow:0 3px 8px #5d69e81c}.button-primary:hover{background:#4d59d4}.button-secondary{background:#fff;border:1px solid #e6e8ef;color:#555b6e}.button-secondary:hover{background:#f8f9fc}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px}.stat-card,.panel{background:#fff;border:1px solid #eff0f5;border-radius:10px}.mikrotik-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.mikrotik-tabs button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 11px;border:1px solid #e9ebf2;border-radius:8px;background:#fff;color:#6b7280;font:600 10px DM Sans,sans-serif;cursor:pointer}.mikrotik-tabs button:hover{background:#f7f8ff;color:#5561dd}.mikrotik-tabs button.active{border-color:#d9dcff;background:#eef0ff;color:#5864df}.mikrotik-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:15px}.api-info-banner{border:1px solid #d8eae1;background:#f0faf5;color:#2f7a5c;border-radius:7px;padding:10px 12px;font-size:11px;margin-bottom:14px}.mikrotik-panel{padding:16px 17px}.mikrotik-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.mikrotik-panel-head h3{margin:0;font:700 13px Manrope,sans-serif;color:#2f3549}.mikrotik-panel-head p{margin:3px 0 0;font-size:9px;color:#9aa0b1}.mikrotik-router-list{display:grid;gap:7px}.mikrotik-router-row{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid #eef0f5;border-radius:9px;background:#fbfbfe}.mikrotik-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#c8cddb}.mikrotik-dot.ok{background:#35a87a;box-shadow:0 0 0 3px #eaf8f1}.mikrotik-dot.bad{background:#e05a6d;box-shadow:0 0 0 3px #fdeef0}.mikrotik-dot.idle{background:#c8cddb}.mikrotik-router-info{display:grid;gap:2px;min-width:0;flex:1}.mikrotik-router-info strong{font:600 10px DM Sans,sans-serif;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mikrotik-router-info span{font-size:8px;color:#9aa0b1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mikrotik-router-note{max-width:180px;font-size:8px;color:#7c8295;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mikrotik-kv{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.mikrotik-kv>div{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border:1px solid #eef0f5;border-radius:9px;background:#fbfbfe}.mikrotik-kv span{font-size:9px;color:#7c8295}.mikrotik-kv strong{font:700 15px Manrope,sans-serif;color:#292d40}.mikrotik-profile-input{width:100%;max-width:220px;height:30px;padding:0 9px;border:1px solid #e5e7ee;border-radius:7px;color:#4b5166;font:400 10px DM Sans,sans-serif}.mikrotik-sync-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mikrotik-sync-bar select{height:30px;max-width:230px;padding:0 8px;border:1px solid #e5e7ee;border-radius:7px;background:#fff;color:#4b5166;font:400 10px DM Sans,sans-serif}.mikrotik-sub{display:block;margin-top:2px;color:#9aa0b1;font-size:8px}.mikrotik-monitor-grid{display:grid;gap:14px}.mikrotik-monitor-grid h4{margin:0 0 7px;font:700 10px DM Sans,sans-serif;color:#4b5166}.mikrotik-recon-group{margin-top:14px}.mikrotik-recon-group h4{margin:0 0 7px;font:700 10px DM Sans,sans-serif;color:#4b5166}.mikrotik-link-select{height:28px;max-width:170px;padding:0 7px;border:1px solid #e5e7ee;border-radius:6px;background:#fff;color:#4b5166;font:400 9px DM Sans,sans-serif}.mikrotik-upload-input{width:64px;height:30px;padding:0 7px;border:1px solid #e5e7ee;border-radius:7px;color:#4b5166;font:400 10px DM Sans,sans-serif}.mikrotik-rate{color:#5b66df;font:600 9px DM Sans,sans-serif;white-space:nowrap}.mikrotik-sync-list{margin:6px 0 0;padding-left:16px;font-size:9px}.mikrotik-sync-list li{margin:2px 0}.mikrotik-profile-list{margin:0 0 13px;padding-bottom:12px;border-bottom:1px solid #f0f1f6}.mikrotik-profile-list h4{margin:0 0 7px;font:700 10px DM Sans,sans-serif;color:#4b5166}.mikrotik-profile-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:5px}.mikrotik-profile-chip{display:flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #e9ebf2;border-radius:7px;background:#fbfbfe;cursor:pointer;text-align:left}.mikrotik-profile-chip:hover{background:#eef0ff;border-color:#d9dcff}.mikrotik-profile-chip strong{font:600 9px DM Sans,sans-serif;color:#374151}.mikrotik-profile-chip small{font-size:8px;color:#9aa0b1}.mikrotik-profile-input:focus{outline:none;border-color:#c7d2fe}.mikrotik-isolir-form{display:grid;gap:12px;max-width:560px}.mikrotik-isolir-form>label{display:grid;gap:5px;color:#777d8e;font-size:9px;font-weight:600}.mikrotik-isolir-form input,.mikrotik-isolir-form select{width:100%;max-width:340px;height:30px;padding:0 9px;border:1px solid #e5e7ee;border-radius:7px;background:#fff;color:#4b5166;font:400 10px DM Sans,sans-serif}.mikrotik-isolir-form input:focus,.mikrotik-isolir-form select:focus{outline:none;border-color:#c7d2fe}.mikrotik-isolir-form input:disabled,.mikrotik-isolir-form select:disabled{background:#f6f7fb;color:#a1a5b2}.mikrotik-isolir-form small{color:#9aa0b1;font-size:8px;font-weight:400}.table-actions{display:flex;align-items:center;gap:5px;justify-content:flex-end}.master-checkbox{display:flex;align-items:center;gap:8px;font-size:10px;color:#4b5166}.master-checkbox input{width:14px;height:14px;accent-color:#5d69e8}@media(max-width:1150px){.mikrotik-grid{grid-template-columns:1fr}}.stat-card{padding:16px 17px 15px;min-height:142px}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.stat-icon.blue{background:#eff1ff;color:#6371e6}.stat-icon.green{background:#eaf8f1;color:#35a87a}.stat-icon.violet{background:#f4efff;color:#9871d9}.stat-icon.orange{background:#fff5e9;color:#de9844}.more-button,.row-more{border:0;background:transparent;color:#a0a5b3;padding:3px;display:grid;place-items:center}.stat-card>p{font-size:11px;color:#888ea0;margin:13px 0 5px}.stat-value{font:700 21px Manrope,sans-serif;letter-spacing:-.5px;color:#292d40}.stat-foot{display:flex;align-items:center;gap:7px;margin-top:7px;min-height:16px}.trend-pill{display:inline-flex;align-items:center;gap:2px;background:#eaf7f1;color:#2b9e72;border-radius:4px;padding:3px 5px;font-size:9px;font-weight:700}.muted{color:#a1a6b4;font-size:10px}.warning-dot{width:6px;height:6px;border-radius:50%;background:#e9a153}.warning-text{color:#d58d3d;font-size:10px}.content-grid{display:grid;grid-template-columns:minmax(0,1.78fr) minmax(270px,1fr);gap:16px;margin-bottom:16px}.panel{padding:19px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel-heading h2{font-size:13px;letter-spacing:-.2px;margin:0 0 5px;font-weight:700}.panel-heading p{font-size:10px;color:#989dae;margin:0}.select-button{height:31px;border:1px solid #eaecf2;background:#fff;border-radius:6px;padding:0 9px;display:flex;align-items:center;gap:9px;color:#767c8e;font-size:10px;white-space:nowrap}.revenue-total{display:flex;align-items:center;gap:8px;margin:19px 0 5px}.revenue-total>strong{font:700 21px Manrope,sans-serif;letter-spacing:-.4px}.dashboard-period{border:1px solid #eaecf2;border-radius:6px;padding:7px 9px;color:#767c8e;font-size:10px;white-space:nowrap}.dashboard-loading{padding:25px 16px}.dashboard-loading p{margin:0;color:#969baa;font-size:11px}.chart{height:185px;display:flex;margin-top:12px}.chart-y{width:37px;display:flex;flex-direction:column;justify-content:space-between;color:#a4a8b5;font-size:9px;padding:1px 0 22px}.chart-main{position:relative;flex:1}.chart-grid{position:absolute;top:0;right:0;bottom:22px;left:0;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{border-top:1px dashed #eff0f5}.chart-svg{position:absolute;top:0;right:0;bottom:22px;left:0;width:100%;height:calc(100% - 22px);overflow:visible}.chart-x{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#9da2b0;font-size:9px}.status-panel{padding:19px 20px}.donut-wrap{display:grid;place-items:center;padding:22px 0 17px}.donut{height:139px;width:139px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#46b388 0,#46b388 90.3%,#eba453 90.3%,#eba453 96.3%,#e8eaf0 96.3%,#e8eaf0)}.donut:before{content:"";position:absolute;height:107px;width:107px;background:#fff;border-radius:50%}.donut>div{z-index:1;display:grid;text-align:center;gap:3px}.donut strong{font:700 25px Manrope,sans-serif;letter-spacing:-1px}.donut span{font-size:9px;color:#9499a8}.legend{display:grid;gap:10px}.legend-row{display:grid;grid-template-columns:8px 1fr auto auto;align-items:center;gap:8px;font-size:10px;color:#7d8394}.legend-row strong{font-size:10px;color:#42475a}.legend-row small{color:#a1a6b4;font-size:9px;width:34px;text-align:right}.legend-dot{width:7px;height:7px;border-radius:50%}.legend-dot.green{background:#46b388}.legend-dot.orange{background:#eba453}.legend-dot.gray{background:#c9cdd6}.table-panel{padding:19px 0 0;overflow:hidden}.table-heading{padding:0 19px 16px;align-items:center}.text-button{background:none;border:0;color:#5c68e5;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600}.table-scroll{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}thead{background:#fafbfc}th{height:36px;padding:0 13px;font-size:8px;color:#9ca1af;font-weight:700;letter-spacing:.55px}td{height:52px;padding:0 13px;border-top:1px solid #f1f2f6;color:#747a8b;font-size:10px}th:first-child,td:first-child{padding-left:19px}th:last-child,td:last-child{padding-right:17px}.invoice-id{color:#6269b9;font-weight:600;font-size:10px}.customer-cell{display:flex;align-items:center;gap:8px;min-width:140px}.customer-initial{height:27px;width:27px;display:grid;place-items:center;border-radius:50%;font-size:8px;font-weight:700;background:#f4eae4;color:#a26b54;flex:none}.initial-1{background:#e8efff;color:#5c73ba}.initial-2{background:#f5ebff;color:#9469bb}.initial-3{background:#e7f5ef;color:#4b9a75}.customer-cell>strong{font-size:10px;color:#454a5c;font-weight:600}.customer-info{display:grid;gap:3px}.customer-info small{font-size:9px;color:#a1a6b4}.amount-cell{font-weight:600;color:#454a5c}.status{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:600}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-lunas,.status-aktif,.status-berhasil{background:#eaf7f0;color:#26956d}.status-menunggu,.status-proses{background:#fff5e8;color:#cf8a36}.status-terlambat,.status-menunggak,.status-isolir{background:#fff0ee;color:#d9685b}.status-berhenti,.status-nonaktif{background:#f0f1f4;color:#777d8b}.status-dibayar-sebagian{background:#eff1ff;color:#626de0}.amount-cell small{display:block;margin-top:3px;color:#8f95a4;font-size:8px;font-weight:400}.heading-actions{display:flex;gap:8px;align-items:center}.customer-status-select{max-width:125px;border:1px solid #eaecf2;border-radius:6px;padding:6px 7px;background:#fff;color:#697083;font-size:9px}.billing-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}.billing-actions .master-toggle,.billing-actions .application-reject{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.heading-actions{flex-wrap:wrap}.installation-dashboard-list,.installation-ticket-list{display:grid;gap:10px}.installation-dashboard-list{padding:0 19px 17px}.installation-dashboard-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #eceef4;border-radius:8px;background:#fff}.installation-dashboard-item>div{display:grid;gap:4px;min-width:0}.installation-dashboard-item strong{color:#42475a;font-size:11px}.installation-dashboard-item small{color:#8d93a2;font-size:9px}.installation-ticket-list{padding:15px}.installation-ticket-card{display:grid;gap:14px;padding:17px;border:1px solid #e9ebf2;border-radius:10px;background:#fff}.installation-ticket-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.installation-ticket-top h3{margin:5px 0 3px;color:#30354a;font-size:15px}.installation-ticket-top small{color:#888e9e;font-size:10px}.installation-ticket-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.installation-ticket-details>span{display:grid;gap:4px;min-width:0;color:#656b7d;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.installation-ticket-details strong{color:#9298a6;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.installation-ticket-details a{color:#606bdd;text-decoration:none}.installation-ticket-notes{margin:0;padding:10px 12px;border-radius:7px;background:#f7f8fc;color:#6b7183;font-size:10px;line-height:1.6;white-space:pre-wrap}.installation-modem-photo{max-width:260px;max-height:200px;border:1px solid #e8eaf0;border-radius:8px;object-fit:cover}.installation-modem-preview{display:block;max-width:240px;max-height:160px;margin-top:8px;border:1px solid #e8eaf0;border-radius:7px;object-fit:cover}.installation-ticket-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #eef0f4}.installation-ticket-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(145px,1fr));align-items:end;gap:10px;padding:14px 16px 4px}.installation-ticket-filters>.search-field{max-width:none;width:100%}.installation-ticket-filters>label{display:grid;gap:5px;min-width:0;color:#777d8e;font-size:9px;font-weight:600}.installation-ticket-filters select{width:100%;height:34px;border:1px solid #eaecf2;border-radius:6px;padding:0 9px;background:#fff;color:#62687a;font-size:10px}.list-page-size{display:flex;align-items:center;gap:7px;margin-left:auto;color:#777d8e;font-size:9px;font-weight:600;white-space:nowrap}.list-page-size select{height:30px;border:1px solid #eaecf2;border-radius:6px;padding:0 8px;background:#fff;color:#62687a;font-size:10px}.list-toolbar-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.list-toolbar-actions .list-page-size{margin-left:0}.installation-ticket-row{gap:10px;padding:14px 16px}.installation-ticket-row .installation-ticket-top{align-items:center}.installation-ticket-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.installation-ticket-summary>span{display:grid;gap:4px;min-width:0;color:#656b7d;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.installation-ticket-summary strong{color:#9298a6;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.installation-ticket-row .installation-ticket-actions{padding-top:9px}.installation-ticket-row .button{min-height:31px}.installation-detail-card{width:min(100%,600px);max-height:min(90vh,760px);overflow:auto}.installation-detail-card .modal-top small{display:block;margin-top:5px;color:#888e9e;font-size:10px}.installation-detail-content{display:grid;gap:14px;padding:7px 0 18px}.installation-detail-content .installation-ticket-details{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:3px}.technician-period-picker{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:14px;padding:11px 15px;color:#777d8e;font-size:10px;font-weight:600}.technician-period-picker input{height:34px;border:1px solid #eaecf2;border-radius:6px;padding:0 9px;background:#fff;color:#555b6e;font:inherit}.technician-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.technician-dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}.print-button{display:inline-flex;align-items:center;gap:4px}.print-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#20243acc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:24px;animation:preview-fade .16s ease-out}.print-preview-panel{width:min(1020px,100%);height:min(92vh,1100px);background:#f2f4f8;border:1px solid #ffffff40;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 28px 90px #10132755;animation:preview-rise .2s ease-out}.print-preview-toolbar{flex:none;min-height:68px;padding:12px 19px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #eceef3;background:#fff;color:#454a5c;font-size:13px}.print-preview-title{display:flex;align-items:center;gap:11px;min-width:0}.print-preview-title strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.print-preview-title-icon{width:35px;height:35px;flex:none;border-radius:10px;background:#f0f1ff;color:#626de0;display:grid;place-items:center}.print-preview-title-icon svg,.print-preview-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.print-preview-actions{display:flex;align-items:center;gap:8px;flex:none}.print-preview-actions .button{min-height:36px}.print-preview-actions .button-primary{display:inline-flex;align-items:center;gap:7px}.print-preview-frame{border:0;width:100%;flex:1;min-height:0;background:#f2f4f8}.ktp-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;background:#20243acc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:24px}.ktp-preview-panel{width:min(900px,100%);height:min(90vh,1000px);background:#f2f4f8;border:1px solid #ffffff40;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 28px 90px #10132755}.ktp-preview-toolbar{flex:none;min-height:64px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #eceef3;background:#fff}.ktp-preview-toolbar>div{display:grid;gap:4px}.ktp-preview-toolbar strong{font-size:13px;color:#454a5c}.ktp-preview-toolbar span{font-size:10px;color:#969baa}.ktp-preview-content{flex:1;min-height:0;overflow:auto;display:grid;place-items:center;padding:24px}.ktp-preview-content img{display:block;max-width:100%;max-height:100%;object-fit:contain;background:#fff;border-radius:8px;box-shadow:0 8px 28px #20243a18}@media(max-width:600px){.ktp-preview-backdrop{padding:0}.ktp-preview-panel{width:100%;height:100%;border:0;border-radius:0}.ktp-preview-toolbar{min-height:58px;padding:10px 13px}.ktp-preview-content{padding:12px}}@keyframes preview-fade{0%{opacity:0}to{opacity:1}}@keyframes preview-rise{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.print-preview-backdrop{padding:0;place-items:stretch}.print-preview-panel{width:100%;height:100%;max-height:100%;border:0;border-radius:0}.print-preview-toolbar{min-height:60px;padding:10px 12px;gap:8px}.print-preview-title{gap:8px}.print-preview-title-icon{width:31px;height:31px}.print-preview-title strong{font-size:11px}.print-preview-actions{gap:6px}.print-preview-actions .button{min-height:34px;padding:0 9px;font-size:10px}.print-preview-actions .button-primary{gap:5px}.print-preview-actions svg{width:15px;height:15px}}.legend-dot.blue{background:#6572e8}.app-footer{display:flex;justify-content:space-between;color:#a0a5b2;font-size:10px;padding:20px 2px 0}.footer-heart{color:#6570e8}.menu-toggle,.mobile-close{display:none}.page-heading{margin:4px 0 24px}.page-heading h1{font-size:25px}.list-panel{padding:0}.list-toolbar{padding:16px 18px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #eff0f5}.search-field{display:flex;align-items:center;gap:8px;height:34px;border:1px solid #eaecf2;border-radius:6px;padding:0 10px;flex:1;max-width:330px;color:#9ba1af}.search-field input{border:0;outline:0;min-width:0;width:100%;font-size:10px;color:#464b5d;background:transparent}.search-field input::placeholder{color:#a4a9b5}.customer-heading-actions{flex-wrap:wrap;justify-content:flex-end}.customer-heading-actions .button{white-space:nowrap}.customer-filters{padding:15px 18px 12px;border-bottom:1px solid #eff0f5}.customer-filter-row{display:grid;grid-template-columns:minmax(190px,1.5fr) repeat(4,minmax(120px,1fr)) auto;align-items:end;gap:9px}.customer-filter-row>.search-field{max-width:none;width:100%}.customer-filter-row>label{display:grid;gap:5px;min-width:0;color:#777d8e;font-size:9px;font-weight:600}.customer-filter-row select{width:100%;height:34px;min-width:0;border:1px solid #eaecf2;border-radius:6px;padding:0 8px;background:#fff;color:#555b6e;font:10px DM Sans,sans-serif}.customer-filter-row select:focus,.customer-filter-row input:focus{outline:0;border-color:#8991ef;box-shadow:0 0 0 3px #6874e818}.customer-filter-row select:disabled{background:#f7f8fa;color:#a4a9b5}.customer-filter-reset{height:32px;padding:0 8px;border:0;background:transparent;color:#626de0;font:600 9px DM Sans,sans-serif;white-space:nowrap}.customer-filter-summary{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:#777d8e;font-size:9px}.customer-filter-summary-tools .select-button{height:36px}.customer-filter-summary strong{color:#454a5c}.customer-filter-summary small{color:#a1a6b4;font-size:9px}.filter-button{margin-left:auto}.list-panel .table-scroll th{height:41px}.list-panel .table-scroll td{height:62px}.pagination{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eff0f5;color:#9b9faf;font-size:10px}.pagination strong{color:#626779}.pagination>div{display:flex;gap:4px}.pagination button{height:27px;min-width:27px;padding:0 6px;border:1px solid #eceef3;background:#fff;border-radius:5px;color:#858a9a;display:grid;place-items:center;font-size:10px}.pagination .page-current{background:#f0f1ff;color:#5d68e2;border-color:#e4e6ff;font-weight:700}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.package-card{padding:20px}.package-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.package-icon{height:40px;width:40px;border-radius:11px;display:grid;place-items:center}.package-icon.blue{background:#eef1ff;color:#6571e4}.package-icon.violet{background:#f2edff;color:#906ee0}.package-icon.green{background:#eaf7f1;color:#39a77b}.package-label{font-size:9px;color:#a1a5b2;font-weight:700;letter-spacing:.7px}.package-card h2{font-size:15px;margin:8px 0 5px;letter-spacing:-.3px}.package-speed{font-size:11px;color:#5d67dc;font-weight:600}.package-speed span{color:#999eac;font-weight:400}.package-price{font:700 20px Manrope,sans-serif;margin:23px 0 20px;letter-spacing:-.6px}.package-price small{font:400 10px DM Sans,sans-serif;color:#9b9faf;letter-spacing:0}.package-bottom{border-top:1px solid #eff0f5;padding-top:13px;display:flex;justify-content:space-between;align-items:center;color:#9095a5;font-size:10px}.package-bottom>span:first-child{display:flex;align-items:center;gap:5px}.package-live{color:#309a72;display:flex;align-items:center;gap:5px}.package-live i{width:5px;height:5px;border-radius:50%;background:#39ad7d}.inline-note{display:flex;align-items:flex-start;gap:9px;color:#7f85a0;background:#f2f3ff;border:1px solid #e9eaff;border-radius:8px;padding:13px 14px;margin-top:17px;font-size:11px;line-height:1.5}.inline-note svg{color:#6974e8;flex:none}.mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.mini-stat{padding:16px 18px;display:grid;gap:8px}.mini-stat>span{font-size:10px;color:#858a9b}.mini-stat>strong{font:700 21px Manrope,sans-serif;letter-spacing:-.4px}.mini-stat>small{font-size:10px;color:#a1a6b2}.mini-stat>strong small{font:500 10px DM Sans,sans-serif;letter-spacing:0}.text-green{color:#279c72}.text-orange{color:#d88b39}.invoice-filters{display:flex;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid #eff0f5}.invoice-filters .search-field{flex:1;max-width:420px}.invoice-filters>label{display:flex;align-items:center;gap:8px;color:#858a9b;font-size:10px}.invoice-filters select{height:34px;min-width:150px;border:1px solid #e5e7ee;border-radius:7px;padding:0 9px;background:#fff;color:#454b5f;font:400 10px DM Sans,sans-serif}.table-scroll td small{display:block;margin-top:4px;color:#9298aa;font-size:9px;font-weight:400}.report-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px;margin-bottom:16px;padding:16px}.report-filters label{display:grid;gap:6px;color:#777d8e;font-size:10px;font-weight:600}.report-filters input,.report-filters select{height:36px;width:100%;min-width:0;border:1px solid #e5e7ee;border-radius:7px;padding:0 10px;color:#464b5d;background:#fff;font-size:11px}.report-filters input:focus,.report-filters select:focus{outline:0;border-color:#8991ef;box-shadow:0 0 0 3px #6874e818}.report-filters .button{height:36px;white-space:nowrap}.report-filters>small{grid-column:1/-1;align-self:center;color:#9298aa;font-size:10px;line-height:1.5}.report-error{margin-bottom:12px}.report-pending-filter{margin:-5px 0 12px}.report-panel{margin-bottom:16px}.payment-methods{display:flex!important;gap:7px;font:600 11px DM Sans,sans-serif!important;letter-spacing:0!important}.payment-methods span{border:1px solid #e9ebf1;padding:4px 8px;border-radius:5px;color:#666c7e}.empty-state{text-align:center;padding:48px 16px 53px}.empty-icon{width:49px;height:49px;border-radius:14px;background:#f0f1ff;color:#6671e6;margin:0 auto 13px;display:grid;place-items:center}.empty-state h3{font:700 14px Manrope,sans-serif;margin:0 0 6px}.empty-state p{font-size:11px;color:#969baa;margin:0 0 15px}.application-indicator{margin-top:14px;background:#fff8e9;border:1px solid #f5e9d2;color:#a8752f;border-radius:7px;padding:9px 12px;font-size:10px;display:flex;align-items:center;gap:7px}.application-dot{width:7px;height:7px;border-radius:50%;background:#e5a044}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#20243a66;z-index:60;display:grid;place-items:center;padding:16px}.modal-card{width:min(100%,470px);max-height:calc(100vh - 32px);overflow-y:auto;background:#fff;border-radius:13px;padding:24px;box-shadow:0 18px 60px #15193330;animation:modal-in .18s ease-out}.customer-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 0 20px}.customer-detail-grid>span{display:grid;gap:4px;min-width:0;color:#62687b;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.customer-detail-grid>span>strong{color:#989eac;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.35px}.customer-detail-grid+.modal-actions{flex-wrap:wrap}.customer-detail-grid+.modal-actions .button{justify-content:center}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.modal-top h2{font-size:19px;margin:0;letter-spacing:-.5px}.modal-form,.registration-form{display:grid;gap:16px}.modal-form label,.registration-form label{display:grid;gap:7px;font-size:11px;font-weight:600;color:#4e5367}.modal-form label>span,.registration-form label>span{color:#dc7069}.modal-form input,.modal-form textarea,.modal-form select,.registration-form input,.registration-form textarea,.registration-form select{border:1px solid #e5e7ee;border-radius:7px;padding:10px 11px;outline:0;font-size:11px;color:#404558;background:#fff;resize:vertical}.modal-form input:focus,.modal-form textarea:focus,.modal-form select:focus,.registration-form input:focus,.registration-form textarea:focus,.registration-form select:focus{border-color:#8991ef;box-shadow:0 0 0 3px #6874e818}.modal-form input::placeholder,.modal-form textarea::placeholder,.registration-form input::placeholder,.registration-form textarea::placeholder{color:#b0b4bf}.field-error{color:#cc5c52;font-size:10px;font-weight:400}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.customer-history{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.modal-section-heading{color:var(--ink);font-size:12px;margin-bottom:10px}.modal-section-heading strong{display:inline-flex;align-items:center;gap:6px}.muted-text{color:var(--muted);font-size:11px;margin:0}.customer-history-list{display:grid;gap:8px;max-height:180px;overflow-y:auto}.customer-history-item{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:#fafbfe;font-size:10px}.customer-history-item>div,.customer-history-item>span{display:grid;gap:3px}.customer-history-item>span{text-align:right;color:var(--muted)}.customer-history-item small{color:var(--muted)}.inactive-reason{display:block;margin-top:4px;color:var(--orange);font-size:10px}.whatsapp-qr-card{display:grid;justify-items:center;gap:10px;padding:16px;border:1px solid var(--line);border-radius:9px;background:#fff}.whatsapp-qr-card img{width:280px;max-width:100%;height:auto;image-rendering:pixelated}.whatsapp-qr-card small{max-width:420px;color:var(--muted);text-align:center;font-size:11px;line-height:1.5}.admin-settings-fields .whatsapp-test-panel{display:grid;gap:10px;padding:13px;border:1px solid #eceef3;border-radius:8px;background:#fbfbfd;color:#666d80}.admin-settings-fields .whatsapp-test-panel h3{margin:0;color:#555b70;font:700 11px Manrope,sans-serif}.admin-settings-fields .whatsapp-test-panel p{margin:0;color:#9298a8;font:400 9px DM Sans,sans-serif;line-height:1.5}.admin-settings-fields .whatsapp-test-panel label{display:grid;gap:6px;color:#666d80;font-size:10px;font-weight:600}.admin-settings-fields .whatsapp-test-panel select,.admin-settings-fields .whatsapp-test-panel textarea{width:100%;min-width:0;border:1px solid #e5e7ee;border-radius:7px;padding:9px 10px;background:#fff;color:#454b5f;font:400 11px DM Sans,sans-serif}.admin-settings-fields .whatsapp-test-panel select{height:37px;padding-top:0;padding-bottom:0}.admin-settings-fields .whatsapp-test-panel textarea{resize:vertical;line-height:1.5}.admin-settings-fields .whatsapp-test-panel>small{margin:0;color:#969cac;font:400 9px DM Sans,sans-serif;line-height:1.5}.whatsapp-test-panel>.button{justify-self:start;min-height:32px;padding:0 12px;font-size:10px}.admin-settings-fields .notification-log-panel{display:grid;gap:9px;padding:13px;border:1px solid #eceef3;border-radius:8px;background:#fff;color:#555b70;font-size:10px}.admin-settings-fields .notification-log-panel>small{color:#9298a8;font-size:9px}.admin-settings-fields .notification-log-head{display:flex;align-items:center;justify-content:space-between;gap:9px}.admin-settings-fields .notification-log-head .list-page-size{margin-left:0}.mobile-scrim{display:none}.registration-page{min-height:100vh;background:#fff}.registration-header{height:70px;padding:0 max(calc((100vw - 1200px)/2),5vw);border-bottom:1px solid #f0f0f4;display:flex;align-items:center;justify-content:space-between}.registration-brand{border:0;background:transparent;padding:0}.registration-layout{max-width:900px;min-height:calc(100vh - 70px);margin:auto;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;padding:40px 30px}.registration-intro{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.registration-kicker{font-size:9px;font-weight:700;letter-spacing:1.3px;color:#6974e8;display:flex;align-items:center;gap:8px;margin-bottom:20px}.registration-kicker span{width:6px;height:6px;border-radius:50%;background:#6974e8}.registration-intro h1{font-size:37px;line-height:1.25;letter-spacing:-1.7px;margin-bottom:13px}.registration-intro h1 span{color:#6470e5;vertical-align:baseline;font-size:inherit}.registration-intro>p{font-size:13px;line-height:1.7;color:#8a90a1;max-width:390px;margin:0}.registration-perks{display:grid;gap:19px;margin-top:37px}.registration-perks>div{display:flex;align-items:center;gap:12px}.registration-perks>div>span{height:37px;width:37px;display:grid;place-items:center;border-radius:10px;background:#f1f2ff;color:#6672e5}.registration-perks>div>div{display:grid;gap:4px}.registration-perks strong{font-size:11px}.registration-perks small{color:#989dae;font-size:10px}.registration-bottom{display:flex;justify-content:space-between;color:#a5a9b6;font-size:9px;margin-top:auto;padding-top:38px}.registration-form-wrap{display:grid;place-items:center;width:100%}.registration-form-card{width:100%;max-width:450px;border:1px solid #eceef3;border-radius:13px;padding:29px;box-shadow:0 14px 45px #27345a0a}.form-step{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.8px;color:#9298a8;font-weight:700;margin-bottom:14px}.form-step span{color:#6974e8}.form-heading h2{font-size:21px;margin:0 0 6px;letter-spacing:-.6px}.form-heading p{color:#959aaa;font-size:11px;margin:0 0 23px}.registration-form{gap:17px}.registration-form label,.registration-form input,.registration-form textarea{font-size:11px}.registration-form label>small{font-size:9px;color:#a1a6b3;font-weight:400}.phone-input{display:flex;border:1px solid #e5e7ee;border-radius:7px;overflow:hidden}.phone-input:focus-within{border-color:#8991ef;box-shadow:0 0 0 3px #6874e818}.phone-input strong{display:grid;place-items:center;padding:0 11px;background:#fafbfc;border-right:1px solid #e8eaf0;font-size:11px;color:#5c6274}.registration-form .phone-input input{border:0;border-radius:0;flex:1;min-width:0;outline:0;box-shadow:none}.consent{display:flex!important;align-items:flex-start;gap:8px!important;font-weight:400!important;color:#8e93a2!important;line-height:1.55}.consent input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;padding:0;flex:none;border:1px solid #daddE7;border-radius:4px;margin:0}.consent input:checked{background:#6370e6;border-color:#6370e6}.consent input:checked:after{content:"✓";color:#fff;font-size:10px;display:grid;place-items:center}.consent>span{color:#8e93a2!important}.submit-registration{height:42px;width:100%;font-size:12px}.secure-note{display:flex;align-items:center;justify-content:center;gap:5px;color:#a2a7b4;font-size:9px;margin-top:17px}.success-state{text-align:center;padding:29px 4px}.success-icon{width:52px;height:52px;border-radius:50%;background:#eaf7f0;color:#279c72;display:grid;place-items:center;margin:0 auto 17px}.success-state h2{font-size:21px;margin:0 0 8px}.success-state>p:not(.eyebrow){font-size:11px;color:#8c92a3;line-height:1.6;margin:0 auto 20px;max-width:290px}@media(min-width:1500px){.page-content{padding-top:40px}.stat-card{min-height:151px}.content-grid{gap:19px}}@media(max-width:1150px){.sidebar{width:225px}.main-area{margin-left:225px}.topbar{padding:0 25px}.page-content{padding:27px 25px 17px}.stats-grid{gap:10px}.stat-card{padding:14px}.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(245px,1fr);gap:11px}.panel,.status-panel{padding:16px}.registration-layout{gap:45px}}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1.45fr) minmax(230px,1fr)}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-card:last-child{grid-column:span 2}.topbar{padding:0 20px}.page-content{padding:24px 20px 16px}}@media(max-width:700px){.sidebar{transform:translate(-100%);transition:transform .22s ease;width:270px;box-shadow:none}.sidebar-open{transform:translate(0);box-shadow:12px 0 30px #20243a18}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#20243a57;border:0;z-index:19}.mobile-close{display:grid;margin-left:auto}.brand{width:100%}.main-area{margin-left:0}.menu-toggle{display:grid}.topbar{height:59px;padding:0 15px;gap:8px}.breadcrumb{margin-right:auto;gap:6px}.breadcrumb span{display:none}.topbar-actions{gap:12px}.public-link{font-size:0;gap:0}.public-link svg{width:19px;height:19px}.topbar-date,.topbar-divider{display:none}.breadcrumb{min-width:0}.breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{min-width:0}.page-content{padding:23px 15px 14px}.welcome-row{align-items:flex-start;gap:12px;margin-bottom:20px}.welcome-row>.button{height:35px;padding:0 10px;font-size:10px;white-space:nowrap}.welcome-row>.button svg{width:15px}.eyebrow{font-size:8px}h1{font-size:20px}.page-subtitle{font-size:11px}.stats-grid{gap:9px}.stat-card{min-height:132px;padding:13px}.stat-icon{width:31px;height:31px}.stat-card>p{font-size:10px;margin-top:12px}.stat-value{font-size:19px}.stat-foot{gap:5px}.muted,.warning-text{font-size:9px}.content-grid{grid-template-columns:1fr;gap:11px}.panel,.status-panel{padding:15px}.donut-wrap{padding:17px 0}.donut{height:128px;width:128px}.donut:before{height:98px;width:98px}.chart{height:165px}.table-heading{padding:0 15px 13px}.table-panel{padding-top:15px}.table-scroll table{min-width:750px}.app-footer{font-size:9px;padding-top:15px}.page-heading{align-items:flex-start;margin-top:1px}.page-heading h1{font-size:22px}.page-heading .button{padding:0 9px;font-size:10px}.list-toolbar{padding:12px;gap:6px}.search-field{min-width:100px;padding:0 8px}.search-field input{font-size:9px}.select-button{padding:0 7px;gap:5px;font-size:9px}.filter-button{font-size:0;gap:0}.filter-button svg{width:15px}.pagination{padding:11px 12px;font-size:9px}.package-grid{gap:10px}.package-card{padding:15px}.package-card h2{font-size:13px}.package-price{font-size:17px}.package-bottom{font-size:9px}.package-bottom>span:first-child svg{width:13px}.mini-stats{gap:8px}.mini-stat{padding:13px 11px;gap:7px}.mini-stat>span{font-size:9px;min-height:22px}.mini-stat>strong{font-size:17px}.mini-stat>small{font-size:9px}.mini-stat>strong small{font-size:8px}.report-filters{align-items:stretch;flex-direction:column;gap:10px}.report-filters label,.report-filters input,.report-filters select{width:100%}.report-filters>small{margin-left:0;line-height:1.5}.report-filters .button{align-self:flex-start}.registration-header{height:60px;padding:0 18px}.registration-brand{font-size:21px}.registration-header>.button{font-size:10px;height:34px;padding:0 9px}.registration-layout{grid-template-columns:1fr;gap:30px;padding:35px 20px 25px;min-height:calc(100vh - 60px)}.registration-intro h1{font-size:29px}.registration-intro>p{font-size:11px}.registration-perks{grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}.registration-perks>div{gap:8px}.registration-perks>div>span{width:32px;height:32px}.registration-perks strong{font-size:9px}.registration-perks small{font-size:8px}.registration-bottom{display:none}.registration-form-card{padding:21px 17px}.registration-form-wrap{width:100%}}@media(max-width:400px){.topbar-actions{gap:8px}.topbar-date{font-size:9px}.stats-grid{gap:7px}.stat-card{padding:11px}.stat-value{font-size:17px}.welcome-row>.button{font-size:0;width:36px;padding:0}.welcome-row>.button svg{width:17px;height:17px}.page-heading>.button{font-size:0;width:34px;padding:0}.page-heading>.button svg{height:16px;width:16px}.package-grid{grid-template-columns:1fr}.package-card:last-child{grid-column:auto}.package-card{padding:16px}.registration-perks{grid-template-columns:1fr}}.profile-button{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.website-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.profile-button:hover{background:#fafaff;border-radius:7px}.demo-banner{display:flex;align-items:center;gap:8px;border:1px solid #f0e5ce;border-radius:8px;background:#fff9ed;color:#987039;padding:10px 12px;margin:0 0 17px;font-size:10px;line-height:1.5}.application-count{display:inline-flex;align-items:center;gap:7px;border:1px solid #e9ebf2;border-radius:7px;padding:8px 10px;color:#6f7587;font-size:10px}.application-list-title{display:grid;gap:4px}.application-list-title strong{font-size:11px;color:#494e60}.application-list-title span{font-size:9px;color:#9ca1ae}.application-list{display:grid}.application-card{padding:17px 19px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #eff0f5}.application-card:last-child{border-bottom:0}.application-main{display:flex;align-items:flex-start;gap:11px;min-width:0}.application-main>.customer-initial{width:34px;height:34px;font-size:10px}.application-detail{display:grid;gap:5px;min-width:0}.application-name-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.application-name-row>strong{font-size:12px;color:#41465a}.application-detail>a{font-size:10px;color:#606bdd;text-decoration:none}.application-detail>p{font-size:10px;line-height:1.5;color:#777d8f;margin:0;white-space:normal}.application-detail>small{font-size:9px;color:#a1a6b3}.application-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex:none}.application-actions .button{height:31px;padding:0 9px;font-size:9px}.application-reject{border:0;background:transparent;color:#c65f57;font-size:10px;padding:7px}.application-reject{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.status-diterima{background:#eaf7f0;color:#26956d}.status-ditolak{background:#fff0ee;color:#d9685b}.status-diproses{background:#eff1ff;color:#626de0}.api-error-banner{border:1px solid #f4d5d1;background:#fff3f1;color:#b34e44;border-radius:7px;padding:10px 12px;font-size:10px;line-height:1.5}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:10px;color:#777d90;font-size:12px;background:#f8f9fc}.auth-loading>.loading-spinner{color:#6570e7}.auth-error{background:#fff;border:1px solid #eceef3;border-radius:12px;padding:28px;display:grid;justify-items:center;gap:12px;text-align:center;max-width:320px}.auth-error>svg{color:#6570e7}.auth-error>strong{font:700 15px Manrope,sans-serif}.auth-error>span{font-size:11px;color:#8b91a2;line-height:1.55}.login-page{min-height:100vh;background:radial-gradient(ellipse at 50% 43%,#f0f1ff 0,transparent 47%),#f8f9fc;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px}.login-brand{display:flex;align-items:center;gap:10px;color:#20243a;font:800 24px Manrope,sans-serif;letter-spacing:-1.2px;margin-bottom:24px}.login-card{width:min(100%,400px);background:#fff;border:1px solid #eceef4;border-radius:14px;padding:29px;box-shadow:0 12px 45px #2631580b}.login-heading{text-align:center;margin-bottom:23px}.login-icon{height:43px;width:43px;border-radius:12px;background:#eff0ff;color:#6571e5;display:grid;place-items:center;margin:0 auto 14px}.login-heading .eyebrow{margin-bottom:7px}.login-heading h1{font-size:20px;margin:0 0 7px;letter-spacing:-.5px}.login-heading>p:last-child{font-size:11px;color:#959aaa;margin:0}.login-submit{width:100%;height:41px;margin-top:3px}.login-footnote{text-align:center;color:#a1a6b3;font-size:9px;margin:17px 0 0}.login-copyright{margin-top:22px;color:#a5a9b6;font-size:10px}.registration-layout:has(.registration-expanded){max-width:900px;grid-template-columns:minmax(0,1fr);gap:0}.registration-expanded{max-width:760px;padding:24px}.registration-sections{gap:11px}.registration-section{border:1px solid #dfe5f2;border-radius:9px;padding:14px 15px;display:grid;gap:12px}.registration-section h3{font:700 11px Manrope,sans-serif;color:#34405b;margin:0;display:flex;align-items:center;gap:8px}.registration-section h3>span{height:20px;width:20px;display:grid;place-items:center;background:#eef3ff;border-radius:6px;color:#3d72d4;font-size:9px}.registration-section label{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:3px;row-gap:7px;font-size:10px}.registration-section label>input,.registration-section label>textarea,.registration-section label>select,.registration-section label>.upload-dropzone,.registration-section label>small{flex:0 0 100%;width:100%}.registration-section label>.upload-dropzone{width:100%}.registration-section input,.registration-section textarea,.registration-section select{font-size:10px}.form-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.registration-section small{font-size:9px;line-height:1.45;color:#8792a8;font-weight:400}.registration-section select:disabled{background:#f3f5f9;color:#abb2c1;cursor:not-allowed}.registration-section label>small svg{display:inline;vertical-align:-2px;color:#6592ca}.file-input-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.upload-dropzone{min-height:83px;border:1px dashed #bac9e2;background:#f8fafd;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#536b91;padding:11px}.upload-dropzone>svg{color:#5e8fce}.upload-dropzone strong{font-size:10px;color:#374867;max-width:100%;overflow:hidden;text-overflow:ellipsis}.upload-dropzone small{font-size:8px!important}.upload-selected{border-color:#72b498;background:#f5fbf8}.upload-button{height:25px!important;font-size:9px!important;margin-top:3px}.location-control{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d4deef;border-radius:7px;background:#f7f9fd;padding:9px 10px}.location-control>div{display:grid;gap:4px;min-width:0}.location-control strong{font-size:10px;color:#35415b}.location-control small{overflow-wrap:anywhere}.location-button{height:30px;flex:none;color:#375f9e;font-size:9px}.location-error{color:#c55d51!important}.master-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.master-toggle{border:1px solid #e5e8f0;background:#fff;border-radius:6px;padding:6px 8px;font-size:9px;color:#6c7284}.master-toggle:hover{background:#f6f7fb}.package-inactive{opacity:.65}.package-offline{color:#9297a5;display:flex;align-items:center;gap:5px;font-size:10px}.package-offline i{width:5px;height:5px;border-radius:50%;background:#aeb3c0}.area-grid{display:grid;gap:10px}.area-card{display:flex;align-items:center;gap:13px;padding:15px}.area-icon{width:38px;height:38px;border-radius:10px;background:#eff1ff;color:#6571e4;display:grid;place-items:center;flex:none}.area-copy{display:grid;gap:4px;flex:1}.area-copy strong{font-size:12px;color:#43495c}.area-copy span,.area-copy small{font-size:10px;color:#888ea0}.area-card .package-live,.area-card .package-offline{white-space:nowrap}.application-meta{display:flex;flex-wrap:wrap;gap:5px}.application-meta>span{font-size:9px;color:#6f768b;background:#f6f7fb;border:1px solid #eef0f5;border-radius:4px;padding:3px 6px}.location-link{display:flex;align-items:center;gap:4px;font-size:9px;color:#5b6dce;text-decoration:none;width:max-content}.customer-linked{font-size:9px;color:#298b69;background:#eaf7f0;border-radius:5px;padding:7px 8px}.user-area-assignment{display:flex;align-items:center;gap:7px;min-width:150px}.user-area-assignment>span{max-width:190px;overflow:hidden;text-overflow:ellipsis;color:#73798b;font-size:9px}.sales-area-picker{display:grid;gap:7px;max-height:230px;overflow:auto;margin:0;padding:11px;border:1px solid #eaecf2;border-radius:8px}.sales-area-picker legend{padding:0 5px;color:#777d8e;font-size:10px;font-weight:600}.sales-area-picker legend span{color:#e26e60}.sales-area-picker>label{display:flex;align-items:center;gap:9px;min-height:39px;padding:7px 8px;border:1px solid #eff0f5;border-radius:6px;background:#fff}.sales-area-picker>label:has(input:checked){border-color:#cdd1fb;background:#f8f8ff}.sales-area-picker input[type=checkbox]{accent-color:#5d69e8}.sales-area-picker>label>span{display:grid;gap:2px}.sales-area-picker>label strong{color:#444a5d;font-size:10px}.sales-area-picker>label small,.sales-area-picker>small{color:#9298aa;font-size:9px}.sales-area-picker>label input:disabled{cursor:not-allowed}@media(max-width:1100px){.customer-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-filter-row>.search-field{grid-column:span 2}}@media(max-width:700px){.customer-heading-actions{justify-content:flex-start;gap:6px}.customer-heading-actions .button{min-height:34px;padding:0 8px;font-size:9px}.customer-filter-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.customer-filter-row>.search-field{grid-column:1/-1}.customer-filter-row>label{font-size:9px}.customer-filter-row select{font-size:10px}.customer-filters{padding:12px}.customer-filter-summary{align-items:flex-start;flex-direction:column;gap:4px}}@media(max-width:400px){.customer-heading-actions{gap:5px}.customer-heading-actions .button{padding:0 6px;font-size:8px}.customer-heading-actions .button svg{width:13px}.customer-filter-row{column-gap:7px}.customer-filter-summary small{line-height:1.4}}.form-info-banner{border:1px solid #e7eaf5;background:#f6f7fc;color:#78809a;border-radius:6px;padding:8px 9px;font-size:9px;line-height:1.45}@media(max-width:900px){.registration-layout:has(.registration-expanded){grid-template-columns:minmax(0,1fr);gap:0;padding-inline:20px}.registration-expanded{padding:18px}}@media(max-width:700px){.registration-layout:has(.registration-expanded){grid-template-columns:1fr;gap:25px;padding:25px 14px}.registration-expanded{max-width:100%;padding:17px 13px}.form-two-columns{grid-template-columns:1fr}.registration-section{padding:12px;gap:10px}.location-control{align-items:flex-start;flex-direction:column}.master-form-row{grid-template-columns:1fr}.area-card{gap:8px;padding:12px}.area-card .master-toggle{font-size:8px;padding:5px}.area-card .package-live,.area-card .package-offline{font-size:8px}}@media(max-width:700px){.application-card{align-items:flex-start;flex-direction:column}.application-actions{padding-left:45px;justify-content:flex-start}.application-detail{max-width:calc(100vw - 105px)}.application-count{font-size:9px;padding:7px}.login-card{padding:23px 18px}}@media(max-width:700px){.installation-dashboard-list{padding:0 12px 13px}.installation-dashboard-item{align-items:flex-start;flex-direction:column}.installation-ticket-list{padding:10px}.installation-ticket-card{padding:13px}.installation-ticket-details{grid-template-columns:1fr;gap:9px}.installation-ticket-top h3{font-size:13px}.installation-ticket-actions{align-items:stretch}.installation-ticket-actions .button{flex:1;justify-content:center}}.registration-page{background:radial-gradient(ellipse at 50% 0,#edf0ff 0,transparent 440px),#f7f8fc;color:#22283b}.registration-header{height:72px;background:#ffffffd9;border-color:#e9ebf3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.registration-brand{gap:11px;font-size:20px}.registration-brand .brand-mark{height:38px;width:38px;border-radius:12px;box-shadow:0 5px 14px #6572df26}.registration-header>.button{height:38px;border-radius:9px}.registration-layout:has(.registration-expanded){max-width:1000px;min-height:calc(100vh - 72px);padding:42px 28px}.registration-expanded{max-width:820px;padding:34px;border-color:#e8eaf2;border-radius:18px;box-shadow:0 20px 65px #26345a0c}.form-heading{padding-bottom:23px;border-bottom:1px solid #edf0f5}.form-step{align-items:center;color:#707a94;font-size:10px;letter-spacing:1px;margin-bottom:12px}.form-step span{padding:5px 9px;border-radius:20px;background:#f0f1ff;color:#5e68d9;font-size:9px;letter-spacing:.4px}.form-heading h2{font-size:26px;line-height:1.2;letter-spacing:-1px;color:#20263a;margin-bottom:8px}.form-heading p{font-size:12px;line-height:1.6;color:#83899a;margin:0}.registration-sections{gap:15px;padding-top:20px}.registration-section{gap:15px;padding:18px;border-color:#e8ebf2;border-radius:12px;background:#fff}.registration-section h3{font-size:13px;color:#293149;gap:10px}.registration-section h3>span{width:25px;height:25px;border-radius:8px;background:#f0f1ff;color:#5d68df;font-size:10px}.registration-section label{font-size:12px;font-weight:600;color:#444b60;row-gap:8px}.registration-section label>span{color:#6470df}.registration-section label>input,.registration-section label>textarea,.registration-section label>select{min-height:44px;padding:10px 12px;border-color:#e1e5ee;border-radius:8px;font-size:12px;font-weight:400;color:#30374a}.registration-section label>textarea{min-height:84px;line-height:1.5}.registration-section input:focus,.registration-section textarea:focus,.registration-section select:focus{border-color:#7d87ed;box-shadow:0 0 0 3px #6874e818}.registration-section input::placeholder,.registration-section textarea::placeholder{color:#a4aaba}.registration-section small{font-size:10px;line-height:1.5;color:#8c93a5}.form-two-columns{gap:13px 15px}.upload-dropzone{min-height:122px;gap:7px;border:1px dashed #b9c2db;border-radius:10px;background:#f9faff;color:#6470df;transition:border-color .18s,background .18s}.upload-dropzone:hover{border-color:#7d87ed;background:#f5f6ff}.upload-dropzone>svg{width:21px;height:21px}.upload-dropzone strong{font-size:11px;color:#39415a}.upload-dropzone small{font-size:9px!important}.upload-button{height:30px!important;padding:0 11px!important;border-radius:7px!important;font-size:10px!important}.upload-selected{border-color:#73b496;background:#f5fbf8}.location-control{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #e8ebf2;border-radius:9px;background:#fafbfe}.location-control>div{display:grid;gap:5px}.location-control strong{font-size:11px;color:#394158}.location-control small{font-size:10px;color:#8b92a4}.location-button{min-height:35px;padding:0 11px;border-radius:8px;white-space:nowrap}.consent{display:flex;align-items:flex-start;gap:10px;margin:1px 2px;color:#777f93;font-size:10px;line-height:1.6;cursor:pointer}.consent input{width:16px;height:16px;margin:1px 0 0;accent-color:#626ee4;flex:none}.submit-registration{width:100%;min-height:46px;border-radius:9px;font-size:12px;box-shadow:0 7px 15px #5966d526}.registration-expanded .api-error-banner{margin:0;border-radius:9px}.registration-expanded .success-state{padding:22px 8px;text-align:center}.registration-expanded .success-state h2{font-size:25px;letter-spacing:-.7px}.registration-expanded .success-state>p:not(.eyebrow){max-width:420px;margin:0 auto 20px;color:#81889b;font-size:12px;line-height:1.7}@media(max-width:700px){.registration-header{height:62px;padding:0 16px}.registration-brand{font-size:17px;gap:9px}.registration-brand .brand-mark{width:34px;height:34px;border-radius:10px}.registration-header>.button{height:34px;padding:0 10px;font-size:10px}.registration-layout:has(.registration-expanded){min-height:calc(100vh - 62px);padding:22px 13px 30px}.registration-expanded{padding:21px 17px;border-radius:14px}.form-heading{padding-bottom:18px}.form-heading h2{font-size:22px}.form-heading p{font-size:11px}.registration-sections{gap:12px;padding-top:16px}.registration-section{padding:14px 13px;gap:13px;border-radius:10px}.registration-section h3{font-size:11px}.form-two-columns{grid-template-columns:minmax(0,1fr);gap:12px}.location-control{align-items:flex-start;flex-direction:column;padding:12px}.location-button{width:100%;justify-content:center}.submit-registration{min-height:45px}}@media(max-width:380px){.registration-header{padding:0 12px}.registration-header>.button{padding:0 7px;font-size:9px}.registration-layout:has(.registration-expanded){padding-inline:9px}.registration-expanded{padding:17px 12px}.registration-section{padding:12px 10px}}@media(min-width:701px){.sidebar,.main-area{transition:width .22s ease,margin-left .22s ease}.sidebar-collapse-toggle{display:grid;place-items:center;width:30px;height:30px;margin-left:auto;flex:none;color:#82899c;border-radius:8px}.sidebar-collapse-toggle:hover{background:#f0f1ff;color:#5c67df}.sidebar>.brand{min-height:42px;gap:11px;padding:0 4px;letter-spacing:-.55px}.sidebar>.brand .brand-mark{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#fff;border:1px solid #edf0f7;box-shadow:0 4px 12px #29345a0d;overflow:hidden}.sidebar>.brand .brand-mark img{padding:3px}.sidebar>.brand>span{flex:1;font-size:clamp(15px,1.25vw,18px);font-weight:800;line-height:1.2;letter-spacing:-.55px}.sidebar>.brand .sidebar-collapse-toggle{width:28px;height:28px;border-radius:8px}.sidebar-collapsed{width:76px;padding:22px 10px 14px;align-items:center}.sidebar-collapsed .brand{width:100%;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:0;position:relative}.sidebar-collapsed .brand>span,.sidebar-collapsed .workspace-select,.sidebar-collapsed .nav-caption,.sidebar-collapsed .help-card,.sidebar-collapsed .profile-copy,.sidebar-collapsed .profile-more{display:none}.sidebar-collapsed .brand{min-height:0}.sidebar-collapsed .brand-mark{width:40px;height:40px;flex:none;border-radius:13px;box-shadow:0 5px 14px #29345a10}.sidebar-collapsed .brand-mark img{padding:4px;background:#fff}.sidebar-collapsed .sidebar-collapse-toggle{position:static;width:26px;height:26px;margin:0;background:#f7f8fc;border:1px solid #e9ebf2;box-shadow:0 2px 6px #20243a08;color:#778098;transition:background .18s,color .18s,border-color .18s,transform .18s}.sidebar-collapsed .sidebar-collapse-toggle:hover{background:#f0f1ff;border-color:#dfe2ff;color:#5c67df;transform:translate(1px)}.sidebar-collapsed .nav-list,.sidebar-collapsed .settings-menu-group,.sidebar-collapsed .settings-submenu{width:100%}.sidebar-collapsed .nav-list{margin-top:20px}.sidebar-collapsed .nav-item{justify-content:center;gap:0;padding:0;width:100%;position:relative}.sidebar-collapsed .nav-item>span,.sidebar-collapsed .nav-item>small,.sidebar-collapsed .nav-item>.settings-chevron{display:none}.sidebar-collapsed .settings-subitem{height:36px}.sidebar-collapsed .sidebar-spacer{flex:1}.sidebar-collapsed .profile{width:42px;justify-content:center;padding:4px;margin-top:auto}.main-area-sidebar-collapsed{margin-left:76px}}@media(max-width:700px){.sidebar-collapse-toggle{display:none}.sidebar>.brand{min-height:40px;gap:10px;padding:0 8px}.sidebar>.brand .brand-mark{width:36px;height:36px;flex-basis:36px;border-radius:11px}.sidebar>.brand>span{font-size:17px}}@media(max-width:900px){.installation-ticket-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.installation-ticket-filters>.search-field{grid-column:1/-1}}@media(max-width:700px){.installation-ticket-filters{grid-template-columns:1fr;padding:11px 12px 4px;gap:8px}.installation-ticket-filters>.search-field{grid-column:auto;max-width:none}.installation-ticket-filters>label,.installation-ticket-filters select{font-size:10px}.installation-ticket-row .installation-ticket-top{align-items:flex-start}.installation-ticket-summary{grid-template-columns:1fr;gap:8px}.installation-detail-card{max-height:calc(100vh - 24px);padding:18px}.installation-detail-card .installation-ticket-details{grid-template-columns:1fr}.installation-detail-card .modal-actions{flex-wrap:wrap}.installation-detail-card .modal-actions .button{flex:1;justify-content:center}}@media(max-width:900px){.technician-dashboard-grid{grid-template-columns:1fr}}@media(max-width:700px){.technician-period-picker{justify-content:space-between;padding:10px 12px}.technician-period-picker input{max-width:160px}.technician-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.technician-stats-grid .stat-card{min-height:132px}.technician-dashboard-grid{gap:11px}}@media(max-width:700px){.report-filters{display:grid;grid-template-columns:1fr;align-items:stretch;gap:10px}.report-filters label,.report-filters input,.report-filters select{width:100%}.report-filters>small{grid-column:auto;margin:0;line-height:1.5}.report-filters .button{justify-self:start}}@media(max-width:800px){.admin-settings-layout{grid-template-columns:1fr}.settings-section-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-settings-heading{flex-direction:column}}@media(max-width:700px){.settings-section-nav{grid-template-columns:1fr 1fr}.admin-settings-panel{padding:15px}.settings-two-columns{grid-template-columns:1fr}.admin-settings-footer{align-items:flex-start;flex-direction:column}.admin-settings-footer .button{width:100%;justify-content:center}.settings-saved-indicator{white-space:normal}}@media(max-width:700px){.modal-card{padding:18px}.customer-detail-grid{grid-template-columns:1fr;gap:11px}.customer-detail-grid+.modal-actions .button{flex:1}}@media(max-width:700px){.invoice-filters{align-items:stretch;flex-direction:column;padding:11px 12px}.invoice-filters .search-field{max-width:none;min-height:36px}.invoice-filters>label{justify-content:space-between}.invoice-filters select{flex:1}}.livechat-tabs{display:flex;flex:none;gap:4px;padding:8px 10px;border-bottom:1px solid #eff0f5;background:#fff}.livechat-tabs button{flex:1;min-height:28px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#8d93a4;font:600 10px DM Sans,sans-serif;cursor:pointer}.livechat-tabs button:hover{background:#f4f5fb;color:#5561dd}.livechat-tabs button.active{background:#eef0ff;color:#4f5ad7}.livechat-contacts{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1;overflow:hidden}.livechat-contacts-head{display:grid;flex:none;gap:8px;padding:11px 12px;border-bottom:1px solid #f1f2f7}.livechat-contacts-head .search-field{max-width:none;width:100%}.livechat-contacts-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.livechat-contacts-actions .button{min-height:30px;padding:0 8px;font-size:9px;justify-content:center}.livechat-contacts-filters{display:grid;grid-template-columns:1fr 1fr;gap:6px}.livechat-contacts-filters label{display:grid;gap:3px;color:#8d93a4;font-size:8px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.livechat-contacts-filters select{min-height:28px;padding:0 7px;border:1px solid #e5e7ee;border-radius:7px;background:#fff;color:#4a5165;font:500 10px DM Sans,sans-serif}.livechat-contacts-summary{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:9px 12px;border-bottom:1px solid #f1f2f7;background:#f7f8ff;color:#5f6578;font-size:9px}.livechat-contacts-summary strong{color:#3f4458}.livechat-contacts-summary button{grid-row:1/3;grid-column:2;align-self:center}.livechat-contacts-items{flex:1;min-height:0}.livechat-contacts-footer{flex:none;display:grid;gap:6px;padding:8px 12px;border-top:1px solid #eff0f5;background:#fff}.livechat-contacts-footer .pagination{padding:0}.livechat-contact-badges{display:flex;align-items:center;gap:4px;flex:none}.livechat-source-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:5px;background:#f1f2f7;color:#7b8296;font:700 8px DM Sans,sans-serif;font-style:normal}.livechat-source-pelanggan{background:#e7f7f0;color:#1f9a70}.livechat-source-manual{background:#eef0ff;color:#5561dd}.livechat-source-chat_masuk{background:#fff3e2;color:#b5761f}.livechat-source-impor{background:#e8f1fd;color:#2f6fb5}.livechat-source-terhubung{background:#e7f7f0;color:#1f9a70}.livechat-contact{cursor:default}.import-dropzone{display:grid;justify-items:center;gap:6px;padding:18px 14px;border:1px dashed #d6daf0;border-radius:11px;background:#fafbff;text-align:center;color:#6f768a}.import-dropzone strong{color:#3f4458;font-size:11px}.import-dropzone small{font-size:9px;line-height:1.6}.import-dropzone input{margin-top:6px;font-size:10px}.import-mapping{display:grid;gap:6px;padding:11px;border:1px solid #e9ebf2;border-radius:10px;background:#fbfbfe}.import-mapping>strong{color:#3f4458;font-size:11px}.import-mapping>small{color:#8d93a4;font-size:9px}.import-mapping-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.import-mapping-grid label{display:grid;gap:4px;color:#7b8296;font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.import-mapping-grid select{min-height:30px;padding:0 8px;border:1px solid #e5e7ee;border-radius:7px;background:#fff;color:#4a5165;font:500 10px DM Sans,sans-serif}.import-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px}.import-summary div{display:grid;gap:3px;padding:9px 10px;border:1px solid #e9ebf2;border-radius:9px;background:#fbfbfe}.import-summary span{color:#8d93a4;font-size:8px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.import-summary strong{color:#2f3549;font:700 15px Manrope,sans-serif}.import-duplicate{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:9px 11px;border:1px solid #e9ebf2;border-radius:9px;background:#fff;color:#6f768a;font-size:10px}.import-duplicate label{display:inline-flex;align-items:center;gap:5px;color:#4a5165}.import-duplicate input{accent-color:#5d69e8}.import-preview-table{max-height:280px;overflow:auto;border:1px solid #e9ebf2;border-radius:9px}.import-preview-table table{width:100%;border-collapse:collapse;font-size:9.5px}.import-preview-table th{position:sticky;top:0;z-index:1;padding:7px 8px;background:#f1f3ff;color:#535dba;font-size:8px;letter-spacing:.3px;text-align:left;text-transform:uppercase}.import-preview-table td{padding:6px 8px;border-bottom:1px solid #f0f1f6;color:#4a5165;vertical-align:top}.import-row-invalid td{background:#fff6f5}.import-row-duplicate td{background:#fffaf0}.import-status{display:inline-flex;padding:2px 7px;border-radius:5px;background:#f1f2f7;color:#6f768a;font:700 8px DM Sans,sans-serif;white-space:nowrap}.import-status-baru{background:#e7f7f0;color:#1f9a70}.import-status-duplikat{background:#fff3e2;color:#b5761f}.import-status-tidak_valid{background:#ffeceb;color:#c2453a}.import-problems{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid #f0dfc4;border-radius:9px;background:#fffaf0;color:#8a6d2f;font-size:10px}.import-confirm{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border:1px solid #f3d9a6;border-radius:9px;background:#fffaf0;color:#8a6d2f;font-size:10px;line-height:1.5}.import-confirm input{margin-top:2px;accent-color:#b5761f}.import-warning{display:flex;align-items:flex-start;gap:5px;margin-top:3px;color:#b5761f;font-size:9px;line-height:1.45}.import-warning svg{flex:none;margin-top:1px}.import-warning-summary{display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #f3d9a6;border-radius:9px;background:#fffaf0;color:#8a6d2f;font-size:9.5px}.import-info-summary{padding:8px 11px;border:1px solid #d9e2fb;border-radius:9px;background:#f5f7ff;color:#4f5b8f;font-size:9.5px;line-height:1.55}.import-change{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:3px;color:#4a5165;font-size:9px}.import-change strong{color:#3f4458}.import-change svg{color:#8d93a4}.import-row-code{display:block;margin-top:2px;color:#9aa0b1;font-size:8.5px}.import-row-updated td{background:#f2f7ff}.import-row-unchanged td{background:#fafbfc;color:#8d93a4}.import-status-diperbarui{background:#e8f1fd;color:#2f6fb5}.import-status-tidak_berubah{background:#f1f2f7;color:#6f768a}.import-cancel-panel{display:grid;gap:10px;padding-top:4px}.modal-card-wide{width:min(760px,94vw)}.livechat-shell{display:grid;position:relative;grid-template-columns:322px minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:0;overflow:hidden;height:calc(100vh - 238px);height:calc(100dvh - 238px);min-height:480px}.livechat-list{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border-right:1px solid #eff0f5;background:#fff}.livechat-list-head{display:grid;flex:none;gap:9px;padding:13px 14px;border-bottom:1px solid #f1f2f7}.livechat-list-head .search-field{max-width:none;width:100%}.livechat-gateway{display:flex;align-items:center;gap:6px;color:#8f95a6;font-size:9px}.livechat-gateway i{width:6px;height:6px;border-radius:50%;background:#c3c7d2;flex:none}.livechat-gateway.connected i{background:#26a87a}.livechat-gateway.connecting i{background:#e9a23b}.livechat-gateway.disconnected i{background:#d76a5b}.livechat-items{flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain}.livechat-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 13px;border:0;border-bottom:1px solid #f4f5f9;background:#fff;text-align:left}.livechat-item-wrap{position:relative}.livechat-item-wrap .livechat-item{padding-right:30px}.livechat-item-menu-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:transparent;color:#a3a8b6;cursor:pointer;opacity:0;transition:opacity .15s,background .15s}.livechat-item-wrap:hover .livechat-item-menu-btn,.livechat-item-menu-btn:focus-visible{opacity:1}@media(hover:none){.livechat-item-menu-btn{opacity:1}}.livechat-item-menu-btn:hover{background:#eef0ff;color:#5b66df}.livechat-conv-menu{position:fixed;z-index:210;display:grid;min-width:228px;padding:5px;border:1px solid #e9ebf2;border-radius:10px;background:#fff;box-shadow:0 12px 30px #1e233c2e}.livechat-conv-menu>button,.livechat-conv-sub>button{display:flex;align-items:center;gap:9px;width:100%;min-height:31px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#3f4658;font:600 10px DM Sans,sans-serif;text-align:left;cursor:pointer}.livechat-conv-menu>button:hover,.livechat-conv-sub>button:hover{background:#f2f3ff;color:#5561dd}.livechat-conv-menu>button svg,.livechat-conv-sub>button svg{flex:none;color:#8e94a5}.livechat-conv-menu>button:hover svg,.livechat-conv-sub>button:hover svg{color:#5561dd}.livechat-conv-menu hr{width:100%;height:1px;margin:5px 0;border:0;background:#eff0f5}.livechat-conv-sub{position:relative}.livechat-conv-arrow{margin-left:auto}.livechat-conv-badge{display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#eef0ff;color:#5864df;font:700 8px DM Sans,sans-serif;font-style:normal}.livechat-conv-submenu{position:absolute;top:-5px;left:calc(100% + 4px);z-index:5;display:grid;min-width:168px;padding:4px;border:1px solid #e9ebf2;border-radius:9px;background:#fff;box-shadow:0 10px 26px #1e233c29}.livechat-conv-submenu>button{display:flex;align-items:center;gap:8px;width:100%;min-height:28px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#4b5166;font:600 9px DM Sans,sans-serif;text-align:left;cursor:pointer}.livechat-conv-submenu>button:hover{background:#f2f3ff;color:#5561dd}.livechat-conv-labels{gap:2px}.livechat-conv-labels small{color:#9aa0b1;font-size:8px;padding:4px 6px}.livechat-conv-labels label{display:flex;align-items:center;gap:7px;padding:4px 6px;border-radius:6px;cursor:pointer}.livechat-conv-labels label:hover{background:#f7f8ff}.livechat-conv-labels input{width:12px;height:12px;accent-color:#5d69e8}.livechat-conv-labels i{font:600 9px DM Sans,sans-serif;font-style:normal}.livechat-conv-danger{color:#e11d48!important}.livechat-conv-danger:hover{background:#fff1f2!important;color:#be123c!important}.livechat-conv-danger:hover svg{color:#be123c!important}.livechat-item:hover{background:#fafaff}.livechat-item-active,.livechat-item-active:hover{background:#f2f3ff}.livechat-avatar{width:34px;height:34px;border-radius:50%;background:#eef0ff;color:#5c67df;display:grid;place-items:center;font:700 12px Manrope,sans-serif;flex:none}.livechat-item-main{display:grid;gap:3px;flex:1;min-width:0}.livechat-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.livechat-item-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#41465a;font-size:11px}.livechat-item-top small{flex:none;color:#a3a8b6;font-size:9px}.livechat-item-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#949aab;font-size:10px}.livechat-unread{display:grid;place-items:center;flex:none;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#5d69e8;color:#fff;font-size:9px}.livechat-empty{display:grid;justify-items:center;gap:7px;padding:38px 20px;color:#9ca2b2;font-size:10px;text-align:center}.livechat-empty strong{color:#5f6578;font-size:11px}.livechat-conversation{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#fbfbfe}.livechat-conversation-head{position:relative;display:flex;flex:none;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-bottom:1px solid #eff0f5}.livechat-conversation-title{display:grid;gap:2px;flex:1;min-width:0}.livechat-conversation-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3f4458;font-size:12px}.livechat-conversation-head small{color:#969cac;font-size:9px}.livechat-back{display:none}.livechat-blocked{padding:3px 7px;border-radius:5px;background:#fff0ee;color:#bf5a4d;font-size:9px;font-weight:600}.livechat-messages{display:flex;flex-direction:column;gap:9px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px}.livechat-messages-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.livechat-scroll-down{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:6;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #e2e5f2;border-radius:50%;background:#fff;color:#5b66df;box-shadow:0 4px 14px #1e233c2e;cursor:pointer;animation:livechat-pop .18s ease-out}.livechat-scroll-down:hover{background:#eef0ff;border-color:#d5d9ff}@keyframes livechat-pop{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.livechat-day-sep{display:flex;justify-content:center;margin:2px 0 4px}.livechat-day-sep span{padding:3px 10px;border-radius:10px;background:#eceef6;color:#7b8296;font:600 8px DM Sans,sans-serif;letter-spacing:.3px;text-transform:uppercase}.livechat-media-open{display:block;padding:0;border:0;background:none;cursor:pointer;max-width:100%}.livechat-media-open:hover .livechat-media-image{opacity:.88}.livechat-gallery-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:16px;background:#101320b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.livechat-gallery{display:flex;flex-direction:column;width:100%;max-width:760px;max-height:92vh;border-radius:14px;background:#fff;box-shadow:0 22px 60px #0006;overflow:hidden}.livechat-gallery-head{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid #eff0f5}.livechat-gallery-head strong{flex:1;font-size:12px;color:#2f3549}.livechat-gallery-head span{color:#8e94a5;font-size:9px;font-weight:600}.livechat-gallery-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f4f5f9;min-height:220px}.livechat-gallery-media{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;max-height:56vh}.livechat-gallery-media img{max-width:100%;max-height:56vh;object-fit:contain;border-radius:8px}.livechat-gallery-media video{max-width:100%;max-height:56vh;border-radius:8px}.livechat-gallery-media audio{width:100%}.livechat-gallery-nav{display:grid;place-items:center;width:30px;height:30px;flex:none;padding:0;border:1px solid #e2e5f2;border-radius:50%;background:#fff;color:#5b66df;cursor:pointer}.livechat-gallery-nav:hover{background:#eef0ff}.livechat-gallery-file{display:grid;gap:8px;justify-items:center;padding:26px 18px;color:#8e94a5}.livechat-gallery-file span{color:#374151;font-size:10px;font-weight:600;word-break:break-all;text-align:center}.livechat-gallery-meta{display:grid;gap:2px;padding:9px 14px;border-bottom:1px solid #eff0f5}.livechat-gallery-meta span{color:#374151;font-size:10px;font-weight:600;word-break:break-all}.livechat-gallery-meta small{color:#9aa0b1;font-size:8px}.livechat-gallery-thumbs{display:flex;gap:6px;padding:9px 14px;overflow-x:auto;background:#fbfbfe}.livechat-gallery-thumb{display:grid;place-items:center;width:46px;height:46px;flex:none;padding:0;border:2px solid transparent;border-radius:7px;background:#f1f2f7;color:#9aa0b1;cursor:pointer;overflow:hidden}.livechat-gallery-thumb img{width:100%;height:100%;object-fit:cover}.livechat-gallery-thumb.active{border-color:#5b66df}@media(max-width:620px){.livechat-gallery{max-width:100%}.livechat-gallery-media img,.livechat-gallery-media video{max-height:44vh}}.livechat-message{display:flex;flex-direction:column;align-items:flex-start;max-width:76%}.livechat-message-out{align-self:flex-end;align-items:flex-end}.livechat-bubble{max-width:100%;padding:9px 11px;border:1px solid #e9ebf2;border-radius:10px 10px 10px 3px;background:#fff;color:#474d60;font-size:11px;line-height:1.55}.livechat-message-out .livechat-bubble{border-color:#dfe2ff;border-radius:10px 10px 3px;background:#eef0ff}.livechat-bubble p{margin:0;white-space:pre-wrap;word-break:break-word}.livechat-bubble blockquote{margin:0 0 6px;padding:5px 8px;border-left:2px solid #c9cdf5;border-radius:4px;background:#f7f8ff;color:#7c8295;font-size:10px;white-space:pre-wrap}.livechat-message-time{margin-top:3px;color:#a7acb9;font-size:8px}.livechat-message-note{align-self:center;align-items:center;max-width:88%}.livechat-message-note .livechat-bubble{border-color:#f2e3bd;border-radius:8px;background:#fff8e9;color:#8a6d2f;text-align:center}.livechat-note-label{display:block;margin-bottom:3px;color:#b38b3f;font-size:8px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.livechat-deleted{color:#969cad;font-style:italic}.livechat-edited{display:block;margin-top:3px;color:#a2a8b7;font-size:8px}.livechat-media-image{display:block;width:100%;max-width:240px;margin-bottom:6px;border-radius:6px}.livechat-media-link{display:inline-flex;align-items:center;gap:5px;margin-bottom:5px;color:#5b66df;font-size:10px;font-weight:600;text-decoration:none}.livechat-placeholder{display:grid;place-items:center;align-content:center;gap:7px;flex:1;padding:50px 24px;color:#9aa0b1;text-align:center}.livechat-placeholder strong{color:#555b70;font-size:13px}.livechat-placeholder span{max-width:280px;font-size:10px;line-height:1.6}.livechat-composer{display:flex;align-items:flex-end;gap:8px;padding:12px 14px;border-top:1px solid #eff0f5;background:#fff}.livechat-composer textarea{flex:1;min-width:0;min-height:38px;max-height:168px;padding:10px;border:1px solid #e5e7ee;border-radius:8px;background:#fff;color:#454b5f;font:400 11px DM Sans,sans-serif;line-height:1.4;resize:none;overflow-y:hidden;scrollbar-width:thin}.livechat-link-preview{display:flex;align-items:center;gap:10px;margin:10px 14px 0;padding:9px 10px;border:1px solid #e9ebf2;border-radius:10px;background:#fafbfe}.livechat-link-preview img{width:46px;height:46px;flex:none;object-fit:cover;border-radius:7px;background:#eef0f6}.livechat-link-preview-fallback{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:7px;background:#eef0ff;color:#5d69e8}.livechat-link-preview>div{min-width:0;display:grid;gap:2px}.livechat-link-preview strong{font:600 10px DM Sans,sans-serif;color:#3d4358;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.livechat-link-preview small{font-size:9px;color:#7c8295;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.livechat-link-preview em{font-style:normal;font-size:8.5px;color:#a1a5b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.livechat-link-preview .icon-button{width:24px;height:24px;flex:none;border-radius:6px}.livechat-link-preview-loading{opacity:.75}.livechat-link-card{display:flex;align-items:center;gap:9px;margin:6px 0 2px;padding:7px;border-radius:9px;background:#0000000d;text-decoration:none}.livechat-message-out .livechat-link-card{background:#0000000f}.livechat-link-card img{width:44px;height:44px;flex:none;object-fit:cover;border-radius:6px;background:#0000000f}.livechat-link-card-fallback{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:6px;background:#5f69e824;color:#5d69e8}.livechat-link-card>div{min-width:0;display:grid;gap:2px}.livechat-link-card strong{font:600 10px DM Sans,sans-serif;color:#3d4358;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.livechat-link-card small{font-size:9px;line-height:1.35;color:#6f768a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.livechat-link-card em{font-style:normal;font-size:8.5px;color:#98a0b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.livechat-body-link{color:#25d366;text-decoration:underline;word-break:break-all}.livechat-composer .button{min-height:38px;padding:0 14px}@media(max-width:900px){.livechat-shell{grid-template-columns:1fr;height:calc(100vh - 210px);height:calc(100dvh - 210px);min-height:420px}.livechat-list{border-right:0}.livechat-thread-open .livechat-list,.livechat-conversation{display:none}.livechat-thread-open .livechat-conversation{display:flex}.livechat-back{display:grid}.livechat-message{max-width:88%}.livechat-shell.livechat-contacts-tab .livechat-list{display:flex}.livechat-shell.livechat-contacts-tab .livechat-conversation{display:none}}.livechat-shell.livechat-panel-open{grid-template-columns:322px minmax(0,1fr) 286px}.livechat-panel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border-left:1px solid #eff0f5;background:#fff}.livechat-panel-head{display:flex;align-items:center;gap:8px;flex:none;padding:12px 14px;border-bottom:1px solid #f1f2f7}.livechat-panel-head strong{flex:1;color:#3f4458;font-size:11px}.livechat-panel-body{display:grid;align-content:start;gap:12px;flex:1;min-height:0;overflow-y:auto;padding:13px 14px}.livechat-panel-empty{display:grid;justify-items:center;gap:6px;padding:20px 10px;color:#9ca2b2;font-size:10px;line-height:1.6;text-align:center}.livechat-panel-empty strong{color:#555b70;font-size:11px}.livechat-panel-card{display:grid;gap:3px;padding:11px;border:1px solid #e9ebf2;border-radius:11px;background:#fbfbfe}.livechat-panel-name{color:#3f4458;font:700 12px Manrope,sans-serif}.livechat-panel-id{color:#9aa0b1;font-size:9px}.livechat-panel-card dl{display:grid;gap:7px;margin:9px 0 0;padding:9px 0 0;border-top:1px solid #eff0f5}.livechat-panel-card dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.livechat-panel-card dt{color:#9aa0b1;font-size:9px;white-space:nowrap}.livechat-panel-card dd{margin:0;color:#4a5165;font-size:10px;font-weight:600;text-align:right}.livechat-panel-actions{display:grid;gap:8px}.livechat-panel-actions .button{width:100%;justify-content:center}.livechat-panel-match{display:grid;gap:6px}.livechat-panel-match>span{color:#8d93a4;font-size:9px}.livechat-panel-match button,.livechat-panel-results button{display:grid;gap:2px;width:100%;padding:8px 10px;border:1px solid #e9ebf2;border-radius:9px;background:#fff;color:#41465a;font:600 10px DM Sans,sans-serif;text-align:left;cursor:pointer}.livechat-panel-match button:hover,.livechat-panel-results button:hover{border-color:#cfd4ff;background:#f7f8ff}.livechat-panel-match small,.livechat-panel-results small{color:#9aa0b1;font-size:8.5px;font-weight:400}.livechat-panel-contact{display:flex;gap:6px}.livechat-panel-contact input{flex:1;min-width:0;min-height:32px;padding:0 9px;border:1px solid #e5e7ee;border-radius:8px;background:#fff;color:#454b5f;font:400 10px DM Sans,sans-serif}.livechat-panel-contact .button{min-height:32px;padding:0 11px}.livechat-panel-link-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px;border:0;background:transparent;color:#6f768a;font:600 9px DM Sans,sans-serif;cursor:pointer}.livechat-panel-link-toggle:hover{color:#5561dd;text-decoration:underline}.livechat-panel-link{display:grid;gap:6px}.livechat-panel-link>span{color:#8d93a4;font-size:9px}.livechat-panel-search{display:grid;gap:6px}.livechat-panel-search .search-field{width:100%;max-width:none}.livechat-panel-search small{color:#9ca2b2;font-size:9px}.livechat-panel-results{display:grid;gap:5px;max-height:190px;overflow-y:auto}.livechat-panel-toggle.active{background:#eef0ff;color:#5b66df}@media(max-width:900px){.livechat-shell.livechat-panel-open{grid-template-columns:1fr}}@media(max-width:1240px){.livechat-panel{position:absolute;top:0;right:0;bottom:0;z-index:12;width:min(320px,88%);border-left:1px solid #e4e7f0;box-shadow:-10px 0 28px #1e233c29}}@media(max-width:640px){.livechat-composer textarea{max-height:132px}.livechat-composer{padding:10px 12px}.livechat-link-preview{margin:8px 12px 0;padding:8px}.livechat-link-preview img,.livechat-link-preview-fallback{width:40px;height:40px}}.livechat-section-label{padding:10px 14px 6px;border-bottom:1px solid #f4f5f9;background:#fbfbfe;color:#a1a7b6;font-size:8px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.livechat-customer .livechat-avatar{background:#e9f8f1;color:#1f9a70}.livechat-customer .livechat-item-top small{color:#5c67df;font-weight:600}.livechat-customer:disabled{opacity:.65;cursor:wait}.livechat-loading-line{display:flex;align-items:center;gap:6px;padding:10px 14px;color:#9ca2b2;font-size:9px}.livechat-filter-row{display:flex;gap:5px;flex-wrap:wrap}.livechat-filter-row button{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0 8px;border:1px solid #e7e9f1;border-radius:20px;background:#fbfbfe;color:#8d93a4;font:600 9px DM Sans,sans-serif;cursor:pointer}.livechat-filter-row button:hover{background:#f4f5ff;color:#5c67df}.livechat-filter-row button.active{border-color:#d9dcff;background:#eef0ff;color:#5864df}.livechat-filter-select{width:100%;min-height:28px;padding:0 8px;border:1px solid #e5e7ee;border-radius:7px;background:#fff;color:#656c80;font:400 10px DM Sans,sans-serif}.livechat-item-flags{display:flex;align-items:center;gap:3px;color:#a3a8b6;font-size:9px}.livechat-item-labels{display:flex;gap:4px;flex-wrap:wrap;margin-top:1px}.livechat-item-labels i,.livechat-label-option i,.livechat-details i{display:inline-flex;align-items:center;height:17px;padding:0 6px;border-radius:5px;font:700 8px DM Sans,sans-serif;font-style:normal;white-space:nowrap}.livechat-status{padding:3px 7px;border-radius:5px;background:#edf8f3;color:#278866;font-size:8px;font-weight:700;white-space:nowrap}.livechat-status-followup{background:#fff5e3;color:#a97a22}.livechat-status-done{background:#eef0f5;color:#798092}.livechat-thread-search{display:flex;flex:none;align-items:center;gap:7px;padding:7px 14px;border-bottom:1px solid #eff0f5;background:#fff;color:#9aa0b1;font-size:9px}.livechat-thread-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#4d5368;font:400 10px DM Sans,sans-serif}.livechat-thread-search span{white-space:nowrap;color:#7b8296;font-size:9px}.livechat-message-foot{display:flex;align-items:center;gap:7px;margin-top:3px;min-height:14px}.livechat-message-out .livechat-message-foot{flex-direction:row-reverse}.livechat-message-time{margin-top:0}.livechat-reply-btn{display:inline-flex;align-items:center;gap:3px;padding:0;border:0;background:transparent;color:#a2a8b8;font:600 8px DM Sans,sans-serif;opacity:.55;transition:opacity .15s}.livechat-message:hover .livechat-reply-btn,.livechat-reply-btn:focus-visible{opacity:1}@media(hover:none){.livechat-reply-btn{opacity:1}}.livechat-reply-btn:hover{color:#5b66df}.livechat-bubble{position:relative}.livechat-msg-menu{position:absolute;top:5px;right:6px;z-index:5}.livechat-message-out .livechat-msg-menu{right:6px}.livechat-msg-menu-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:5px;background:transparent;color:#a2a8b8;cursor:pointer;opacity:0;transition:opacity .15s,background .15s}.livechat-message:hover .livechat-msg-menu-btn,.livechat-msg-menu-btn:focus-visible,.livechat-msg-menu-btn[aria-expanded=true]{opacity:1}@media(hover:none){.livechat-msg-menu-btn{opacity:1}}.livechat-msg-menu-btn:hover{background:#5b66df1f;color:#5b66df}.livechat-msg-dropdown{position:fixed;z-index:200;display:grid;min-width:186px;padding:4px;border:1px solid #e9ebf2;border-radius:9px;background:#fff;box-shadow:0 8px 24px #1e233c29}.livechat-msg-dropdown button{display:flex;align-items:center;gap:7px;width:100%;min-height:28px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#4b5166;font:600 9px DM Sans,sans-serif;text-align:left;cursor:pointer}.livechat-msg-dropdown button:hover{background:#f2f3ff;color:#5561dd}.livechat-msg-dropdown button:nth-child(3),.livechat-msg-dropdown button:nth-child(4){color:#e11d48}.livechat-msg-dropdown button:nth-child(3):hover,.livechat-msg-dropdown button:nth-child(4):hover{background:#fff1f2;color:#be123c}.livechat-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;background:#171a2873;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.livechat-modal{display:flex;flex-direction:column;width:100%;max-width:420px;max-height:82vh;border-radius:12px;background:#fff;box-shadow:0 18px 50px #14182d47;overflow:hidden}.livechat-modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #eff0f5}.livechat-modal-head strong{font-size:12px;color:#2f3549}.livechat-modal-body{padding:12px 14px;overflow-y:auto}.livechat-info-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;padding:6px 0;border-bottom:1px solid #f4f5f9;font-size:9px}.livechat-info-row:last-child{border-bottom:0}.livechat-info-row>span{color:#8e94a5;font-weight:600}.livechat-info-row>strong{color:#374151;font-weight:600;word-break:break-word}.livechat-info-row>p{margin:0;color:#374151;white-space:pre-wrap;word-break:break-word}.livechat-forward-hint{margin:0 0 8px;color:#7c8295;font-size:9px}.livechat-forward-list{display:grid;gap:4px;max-height:320px;overflow-y:auto}.livechat-forward-item{display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 8px;align-items:center;padding:7px 8px;border:1px solid #eef0f5;border-radius:8px;background:#fff;cursor:pointer;text-align:left}.livechat-forward-item:hover{background:#f7f8ff;border-color:#dfe2ff}.livechat-forward-item:disabled{opacity:.6;cursor:not-allowed}.livechat-forward-item .livechat-avatar{grid-row:1/3;width:26px;height:26px;font-size:10px}.livechat-forward-name{font-size:10px;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.livechat-forward-item small{font-size:8px;color:#9aa0b1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.livechat-composer-wrap{position:relative;flex:none;border-top:1px solid #eff0f5;background:#fff}.livechat-composer-wrap .livechat-composer{border-top:0}.livechat-compose-tools{display:flex;gap:5px;padding:7px 14px 0}.livechat-compose-tools button{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:0 7px;border:1px solid #e9ebf2;border-radius:6px;background:#fff;color:#8e94a5;font:600 8px DM Sans,sans-serif}.livechat-compose-tools button:hover{background:#f7f8ff;color:#5b66df}.livechat-compose-tools button.active{border-color:#d9dcff;background:#eef0ff;color:#5864df}.livechat-attach-preview{border-top:1px solid #eff0f5;background:#fbfbfe;padding:8px 12px}.livechat-attach-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:9px;font-weight:600;color:#6b7280}.livechat-attach-clear{border:0;background:none;color:#e11d48;font:600 9px DM Sans,sans-serif;cursor:pointer;padding:2px 4px}.livechat-attach-clear:hover{text-decoration:underline}.livechat-attach-list{display:grid;gap:6px;max-height:180px;overflow-y:auto}.livechat-attach-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #e9ebf2;border-radius:8px;background:#fff}.livechat-attach-thumb{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#f1f2f7;color:#9aa0b1;overflow:hidden}.livechat-attach-thumb img{width:100%;height:100%;object-fit:cover}.livechat-attach-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.livechat-attach-name{font-size:9px;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.livechat-attach-size{font-size:8px;color:#9ca3af}.livechat-attach-caption{width:100%;border:1px solid #e5e7eb;border-radius:5px;padding:4px 6px;font:400 9px DM Sans,sans-serif;color:#374151;background:#fff}.livechat-attach-caption:focus{outline:none;border-color:#c7d2fe}.livechat-attach-remove{border:0;background:none;color:#9ca3af;cursor:pointer;padding:4px;flex:none}.livechat-attach-remove:hover{color:#e11d48}.livechat-attach-actions{display:flex;justify-content:flex-end;margin-top:8px}.livechat-compose-context{display:flex;align-items:center;gap:8px;margin:8px 14px 0;padding:7px 9px;border-left:2px solid #c9cdf5;border-radius:5px;background:#f7f8ff;color:#7c8295;font-size:9px}.livechat-compose-context>div{display:grid;gap:1px;min-width:0;flex:1}.livechat-compose-context small{color:#9aa0b1;font-size:8px}.livechat-compose-context span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.livechat-compose-context .icon-button{margin-left:auto;flex:none}.livechat-note-context{border-left-color:#e3bf72;background:#fff8e9;color:#8a6d2f}.livechat-note-context span{white-space:normal;flex:1}.livechat-note-context .icon-button{margin-left:0}.livechat-quick-panel{position:absolute;right:14px;bottom:calc(100% - 4px);z-index:12;width:min(340px,calc(100% - 28px));padding:9px;border:1px solid #e5e7f0;border-radius:10px;background:#fff;box-shadow:0 14px 34px #2b304829}.livechat-quick-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px 6px}.livechat-quick-head strong{color:#4d5368;font-size:10px}.livechat-quick-list{display:grid;gap:4px;max-height:180px;overflow-y:auto}.livechat-quick-list>small{padding:8px 4px;color:#9aa0b1;font-size:9px}.livechat-quick-item{display:flex;align-items:stretch;gap:4px}.livechat-quick-use{display:grid;gap:1px;flex:1;min-width:0;padding:6px 7px;border:1px solid #eef0f6;border-radius:6px;background:#fbfbfe;text-align:left}.livechat-quick-use:hover{background:#f2f3ff;border-color:#dfe2ff}.livechat-quick-use strong{color:#565d73;font-size:9px}.livechat-quick-use span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#959bad;font-size:8px}.livechat-quick-remove{display:grid;place-items:center;width:26px;border:1px solid #f0e6e4;border-radius:6px;background:#fff8f6;color:#c47b6f}.livechat-quick-remove:hover{background:#fff0ed}.livechat-quick-form{display:grid;gap:5px;margin-top:7px;padding-top:7px;border-top:1px solid #f0f1f6}.livechat-quick-form input,.livechat-quick-form textarea{width:100%;padding:6px 7px;border:1px solid #e5e7ee;border-radius:6px;background:#fff;color:#4b5166;font:400 9px DM Sans,sans-serif}.livechat-quick-form textarea{resize:vertical;min-height:38px}.livechat-quick-form .button{min-height:26px;font-size:9px}.livechat-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:transparent}.livechat-details{position:absolute;top:calc(100% + 7px);right:14px;z-index:30;width:min(300px,calc(100% - 28px));max-height:min(65vh,520px);overflow-y:auto;padding:11px;border:1px solid #e5e7f0;border-radius:10px;background:#fff;box-shadow:0 16px 38px #2b30482e;text-align:left}.livechat-details-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid #f0f1f6}.livechat-details-head strong{color:#444a5f;font-size:11px}.livechat-detail-field{display:grid;gap:4px;margin:9px 0;color:#8e94a5;font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.livechat-detail-field select{min-height:29px;padding:0 8px;border:1px solid #e5e7ee;border-radius:6px;background:#fff;color:#555c71;font:600 9px DM Sans,sans-serif;text-transform:none;letter-spacing:0}.livechat-detail-actions{display:grid;gap:4px}.livechat-detail-actions button,.livechat-detail-links button{display:flex;align-items:center;gap:6px;min-height:29px;padding:0 8px;border:1px solid #eef0f5;border-radius:6px;background:#fbfbfe;color:#62697e;font:600 9px DM Sans,sans-serif;text-align:left}.livechat-detail-actions button:hover,.livechat-detail-links button:hover{background:#f2f3ff;border-color:#dfe2ff;color:#5561dd}.livechat-detail-section{display:grid;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid #f0f1f6}.livechat-detail-section>span{color:#8e94a5;font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.livechat-detail-section>small{color:#9aa0b1;font-size:9px}.livechat-label-list{display:grid;gap:4px}.livechat-label-option{display:flex;align-items:center;gap:6px;cursor:pointer}.livechat-label-option input{width:12px;height:12px;accent-color:#5d69e8}.livechat-label-form{display:flex;align-items:center;gap:4px;margin-top:2px}.livechat-label-form input{flex:1;min-width:0;height:28px;padding:0 7px;border:1px solid #e5e7ee;border-radius:6px;color:#4b5166;font:400 9px DM Sans,sans-serif}.livechat-label-form select{height:28px;max-width:80px;border:1px solid #e5e7ee;border-radius:6px;background:#fff;color:#656c80;font:400 8px DM Sans,sans-serif}.livechat-label-form .icon-button{width:28px;height:28px;border:1px solid #e5e7ee;border-radius:6px;background:#f7f8ff;color:#5b66df}.livechat-detail-links{display:grid;grid-template-columns:1fr 1fr;gap:4px}@media(max-width:620px){.livechat-status{display:none}.livechat-details{right:8px;width:calc(100% - 16px)}.livechat-conversation-head{gap:7px;padding:10px 11px}}.finance-period{display:flex;align-items:center;gap:7px;color:#777d8e;font-size:9px;font-weight:600}.finance-period input{height:30px;border:1px solid #eaecf2;border-radius:6px;padding:0 8px;background:#fff;color:#62687a;font-size:10px}.finance-select{height:34px;border:1px solid #eaecf2;border-radius:6px;padding:0 8px;background:#fff;color:#555b6e;font:400 10px DM Sans,sans-serif}.finance-panel{margin-bottom:15px}.finance-trend{display:flex;align-items:flex-end;gap:14px;height:190px;padding:14px 6px 0;min-width:0}.finance-trend-item{display:flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:center;gap:7px;height:100%;justify-content:flex-end}.finance-trend-bars{display:flex;align-items:flex-end;gap:4px;width:100%;min-width:0;height:100%;justify-content:center}.finance-trend-item small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:#9ca1ae}.finance-bar{display:block;width:16px;min-height:2px;border-radius:4px 4px 0 0}.finance-bar.invoiced{background:#7b85ec}.finance-bar.received{background:#46b388}.finance-legend{display:flex;gap:14px;margin-top:10px;color:#7c8295;font-size:9px}.finance-legend span{display:flex;align-items:center;gap:6px}.finance-legend i{width:9px;height:9px;border-radius:3px;display:inline-block}.finance-legend i.invoiced{background:#7b85ec}.finance-legend i.received{background:#46b388}.finance-delta.up{color:#26956d}.finance-delta.down{color:#d9685b}.finance-delta.flat{color:#9aa0b1}.finance-months{display:flex;gap:5px}.finance-months button{min-height:26px;padding:0 9px;border:1px solid #e9ebf2;border-radius:7px;background:#fff;color:#6b7280;font:600 9.5px DM Sans,sans-serif;cursor:pointer}.finance-months button:hover{background:#f7f8ff;color:#5561dd}.finance-months button.active{border-color:#d9dcff;background:#eef0ff;color:#5864df}.finance-trend-item{position:relative}.finance-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:20;display:grid;gap:3px;min-width:150px;padding:8px 10px;border:1px solid #e6e9f5;border-radius:9px;background:#fff;box-shadow:0 10px 24px #20243a1f;pointer-events:none}.finance-tooltip strong{font-size:10px;color:#2f3549}.finance-tooltip span{display:flex;align-items:center;gap:6px;font-size:9.5px;color:#5c6376}.finance-tooltip i{width:8px;height:8px;border-radius:3px;display:inline-block}.finance-tooltip i.received{background:#46b388}.finance-tooltip i.invoiced{background:#7b85ec}.finance-category-list{display:grid;gap:11px;padding:14px 16px}.finance-category-item{display:grid;gap:5px}.finance-category-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.finance-category-head span{font-size:10.5px;color:#4a5165}.finance-category-head strong{font:700 11.5px Manrope,sans-serif;color:#2f3549}.finance-category-bar{height:8px;border-radius:999px;background:#eef0f6;overflow:hidden}.finance-category-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7b85ec,#9aa2f2)}.finance-category-item small{font-size:9px;color:#9aa0b1}.finance-input{width:110px;height:30px;padding:0 8px;border:1px solid #e5e7ee;border-radius:7px;color:#4b5166;font:400 10px DM Sans,sans-serif}.finance-target{display:grid;gap:14px;padding:16px 18px}.finance-target-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.finance-progress{height:10px;border-radius:999px;background:#eef0f6;overflow:hidden}.finance-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#5b69e8,#46b388)}.finance-page{display:grid;gap:14px;align-content:start;min-width:0}.finance-page>.page-heading{margin-bottom:10px}.finance-page>*{min-width:0}.finance-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.finance-tabs::-webkit-scrollbar{display:none}.finance-tabs button{flex:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;min-height:30px;padding:0 11px;border:1px solid #e9ebf2;border-radius:8px;background:#fff;color:#6b7280;font:600 10px DM Sans,sans-serif;cursor:pointer}.finance-tabs button:hover{background:#f7f8ff;color:#5561dd}.finance-tabs button.active{border-color:#d9dcff;background:#eef0ff;color:#5864df}.finance-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.finance-card{position:relative;overflow:hidden;display:grid;gap:3px;padding:14px 16px 15px;border:1px solid #eceff6;border-radius:14px;background:#fff;box-shadow:0 1px 2px #1f24370a}.finance-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tone,#6d78e8)}.finance-card>span{font-size:8.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#8a90a2}.finance-card>strong{font-size:21px;line-height:1.2;letter-spacing:-.7px;color:#20243a;font-variant-numeric:tabular-nums}.finance-card>small{font-size:9.5px;color:#9aa0b1;line-height:1.4}.finance-page .billing-actions{flex-wrap:wrap;justify-content:flex-end}.finance-page .list-toolbar{flex-wrap:wrap}@media(max-width:1100px){.finance-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.finance-page{gap:12px}.finance-tabs{gap:5px}.finance-tabs button{min-height:28px;padding:0 9px;font-size:9.5px}.finance-cards{grid-template-columns:1fr;gap:10px}.finance-card{padding:12px 14px 13px}.finance-card>strong{font-size:19px}.finance-trend{height:150px;gap:8px;padding:12px 2px 0}.finance-bar{width:10px}.finance-trend-item small{font-size:7.5px}.finance-target-cards{grid-template-columns:1fr}.finance-legend{gap:10px;flex-wrap:wrap}.finance-tooltip{min-width:128px;padding:7px 9px}.finance-category-list{padding:12px 13px;gap:9px}}.sortable-head{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .15s ease}.sortable-head>span{display:inline-flex;align-items:center;gap:4px}.sortable-head:hover{color:#4a505f}.sortable-head svg{opacity:.75;flex:none}.sortable-head .sort-up{transform:rotate(180deg)}.sortable-head.sortable-active{color:#4d57c8}.data-card-list{display:grid;gap:10px;padding:15px}.data-card{display:grid;gap:12px;padding:15px 16px;border:1px solid #e9ebf2;border-radius:10px;background:#fff}.data-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.data-card-top>div{min-width:0}.data-card-top h3{margin:5px 0 3px;color:#30354a;font-size:15px}.data-card-top small{display:block;color:#888e9e;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.data-card-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.data-card-summary>span{display:grid;gap:4px;min-width:0;color:#656b7d;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.data-card-summary strong{color:#9298a6;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.data-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #eef0f4}.data-card-actions .button{min-height:31px}.list-sort{display:flex;align-items:center;gap:7px;color:#777d8e;font-size:9px;font-weight:600;white-space:nowrap}.list-sort select{height:30px;border:1px solid #eaecf2;border-radius:6px;padding:0 8px;background:#fff;color:#555b6e;font:10px DM Sans,sans-serif}@media(max-width:700px){.data-card-list{padding:10px;gap:9px}.data-card{padding:13px}.data-card-top{align-items:flex-start}.data-card-top h3{font-size:13px}.data-card-summary{grid-template-columns:1fr 1fr;gap:8px}.data-card-actions{align-items:stretch}.data-card-actions .button{flex:1;justify-content:center}}@media(max-width:700px){.customer-filter-summary .list-page-size{margin-left:0}.customer-filter-summary .list-sort{width:100%;justify-content:space-between}.list-toolbar{flex-wrap:wrap}.list-toolbar .list-sort,.list-toolbar .list-page-size{margin-left:0}.list-toolbar .list-sort,.list-toolbar .list-page-size{flex:1 1 auto}}.page-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.cashflow-form{display:grid;gap:12px;padding:16px 18px;border-bottom:1px solid #eff0f5;background:#fbfbfd}.cashflow-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.cashflow-form-grid>label{display:grid;gap:5px;min-width:0;color:#666d80;font-size:10px;font-weight:600}.cashflow-form-grid input,.cashflow-form-grid select{height:36px;min-width:0;border:1px solid #eaecf2;border-radius:6px;padding:0 9px;background:#fff;color:#555b6e;font:11px DM Sans,sans-serif}.cashflow-form-grid input:focus,.cashflow-form-grid select:focus{outline:0;border-color:#8991ef;box-shadow:0 0 0 3px #6874e818}.cashflow-form-actions{display:flex;justify-content:flex-end;gap:8px}.gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 18px}.backup-download{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 18px}.backup-download-icon{width:42px;height:42px;border-radius:12px;background:#eef0ff;color:#5d69e8;display:grid;place-items:center}.backup-download strong{display:block;color:#2f3448;font-size:13px}.backup-download p{margin:4px 0 0;color:#7c8295;font-size:10px;line-height:1.55}.list-panel>.settings-info-card{margin:0 18px 18px}@media(max-width:900px){.cashflow-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gateway-grid{grid-template-columns:1fr}}@media(max-width:700px){.cashflow-form{padding:13px}.cashflow-form-grid{grid-template-columns:1fr;gap:9px}.cashflow-form-actions .button{width:100%;justify-content:center}.backup-download{grid-template-columns:auto 1fr;padding:14px}.backup-download .button{grid-column:1/-1;justify-content:center}.page-heading-actions{width:100%}.gateway-grid{padding:13px}}.modal-form label:has(>.required-mark),.admin-settings-fields>label:has(>.required-mark),.settings-two-columns>label:has(>.required-mark){display:flex;flex-wrap:wrap;align-items:baseline;column-gap:3px;row-gap:7px}.modal-form label:has(>.required-mark)>input:not([type=checkbox]),.modal-form label:has(>.required-mark)>select,.modal-form label:has(>.required-mark)>textarea,.modal-form label:has(>.required-mark)>small,.modal-form label:has(>.required-mark)>label,.admin-settings-fields>label:has(>.required-mark)>input:not([type=checkbox]),.admin-settings-fields>label:has(>.required-mark)>select,.admin-settings-fields>label:has(>.required-mark)>textarea,.admin-settings-fields>label:has(>.required-mark)>small,.settings-two-columns>label:has(>.required-mark)>input:not([type=checkbox]),.settings-two-columns>label:has(>.required-mark)>select,.settings-two-columns>label:has(>.required-mark)>textarea,.settings-two-columns>label:has(>.required-mark)>small{flex:1 1 100%;min-width:0}.required-mark{color:#dc7069}.settings-section-name{display:flex;align-items:center;gap:8px;min-width:0}.settings-section-name svg{color:#9aa0b2;flex:none}.settings-section-active .settings-section-name svg{color:#5b66df}.admin-settings-panel{max-width:720px}.admin-settings-footer{position:sticky;bottom:0;z-index:5;margin:0 -22px -22px;padding:13px 22px;background:#fff;box-shadow:0 -6px 18px #20243a0f}.settings-dirty-note{display:inline-flex;align-items:center;gap:6px;color:#c2752f;font-weight:600}.app-toast{position:fixed;right:22px;bottom:22px;z-index:80;display:flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid #d8efe4;border-radius:10px;background:#f2fbf7;color:#247a58;font-size:11px;font-weight:600;box-shadow:0 12px 28px #1f243726;animation:app-toast-in .22s ease}@keyframes app-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.brand-image-field{display:flex;align-items:flex-start;gap:13px;padding:13px;border:1px solid #eceef3;border-radius:9px;background:#fbfbfd}.brand-image-preview{width:56px;height:56px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid #eceef4;border-radius:11px;background:#f0f1ff;color:#626de0}.brand-image-preview img{width:100%;height:100%;object-fit:contain}.brand-image-controls{display:grid;gap:5px;min-width:0;flex:1}.brand-image-controls strong{color:#555b70;font-size:11px}.brand-image-controls>small{color:#9298a8;font-size:9px;line-height:1.5}.brand-image-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:3px}.brand-image-actions .button{height:31px;padding:0 11px;font-size:10px}.brand-image-controls input.brand-image-input[type=file]{position:absolute;width:1px;height:1px;min-width:0;max-width:none;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.settings-preview-block{display:grid;gap:11px;padding:14px;border:1px solid #e7e9f3;border-radius:11px;background:#fbfcff}.settings-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#626de0}.settings-preview-head>div{display:grid;gap:3px}.settings-preview-head strong{color:#3d4358;font-size:11px}.settings-preview-head small{color:#9298a8;font-size:9px}.invoice-preview{display:grid;gap:12px;padding:14px;border:1px solid #e8eaf1;border-radius:9px;background:#fff}.invoice-preview-brand{display:flex;align-items:flex-start;gap:11px}.invoice-preview-logo{width:44px;height:44px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid #eef0f6;border-radius:9px;background:#f4f5fb;color:#626de0}.invoice-preview-logo img{width:100%;height:100%;object-fit:contain}.invoice-preview-copy{display:grid;gap:2px;min-width:0}.invoice-preview-copy strong{color:#22263a;font-size:12px}.invoice-preview-copy span{color:#7c8295;font-size:9px;line-height:1.5;overflow-wrap:anywhere}.invoice-preview-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:11px;border-top:1px dashed #e6e8f0}.invoice-preview-meta>span{display:grid;gap:2px;min-width:0;color:#3d4358;font-size:10px;font-weight:600}.invoice-preview-meta small{color:#9aa0b2;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}@media(max-width:700px){.admin-settings-footer{margin:0 -15px -15px;padding:12px 15px}.app-toast{left:15px;right:15px;bottom:15px}.invoice-preview-meta{grid-template-columns:1fr}.brand-image-field{padding:11px}}.package-filters{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:16px}.package-filters .search-field{min-width:190px}.package-filters>label{display:grid;gap:5px;color:#777d8e;font-size:9px;font-weight:600}.package-filters select{height:34px;border:1px solid #eaecf2;border-radius:6px;padding:0 8px;background:#fff;color:#555b6e;font:10px DM Sans,sans-serif}.package-filter-count{margin-left:auto;color:#9aa0b2;font-size:9px}.package-group{margin-bottom:22px}.package-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:11px;padding-bottom:8px;border-bottom:1px solid #eef0f5}.package-group-head strong{color:#2f3448;font:700 13px Manrope,sans-serif}.package-group-head span{color:#9aa0b2;font-size:9px}.package-card-actions{position:relative;display:flex;align-items:center;gap:7px}.switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{display:block;width:34px;height:19px;border-radius:19px;background:#dfe2ea;position:relative;transition:background .18s}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #20243a33;transition:transform .18s}.switch input:checked+.switch-track{background:#48ae83}.switch input:checked+.switch-track:after{transform:translate(15px)}.switch input:focus-visible+.switch-track{box-shadow:0 0 0 3px #6874e818}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.package-menu,.row-action-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:158px;display:grid;gap:2px;padding:6px;border:1px solid #e9ebf2;border-radius:9px;background:#fff;box-shadow:0 12px 28px #20243a1f}.row-action-menu{position:fixed;right:auto;top:auto;z-index:160}.package-menu button,.row-action-menu button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;border-radius:6px;padding:8px 9px;text-align:left;font-size:11px;color:#4b5166}.package-menu button:hover,.row-action-menu button:hover{background:#f5f6fb}.package-menu button.danger{color:#c05f56}.package-menu button.danger:hover{background:#fdf1ef}.package-price-warning{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #f6e2c8;border-radius:9px;background:#fffaf2;color:#b8792b}.package-price-warning>div{display:grid;gap:8px;flex:1;min-width:0}.package-price-warning strong{display:block;color:#8a5a1c;font-size:11px}.package-price-warning small{display:block;color:#a98356;font-size:9px;font-weight:400}.package-price-warning .settings-toggle-row{background:#fff;padding:10px}.package-price-warning .settings-toggle-row input{width:15px;height:15px;accent-color:#b8792b}@media(max-width:700px){.package-filters{gap:7px}.package-filters .search-field{min-width:100%}.package-filters>label{flex:1 1 44%}.package-filter-count{margin-left:0;width:100%}.package-group-head strong{font-size:12px}}.package-grid .package-card:last-child{grid-column:auto}.customer-table{width:100%;border-collapse:separate;border-spacing:0}.list-panel .customer-table th{height:36px}.list-panel .customer-table td{height:46px;padding:0 10px;vertical-align:middle}.customer-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px}.customer-table th:first-child,.customer-table td:first-child{padding-left:19px}.customer-table th:last-child,.customer-table td:last-child{padding-right:17px}.customer-name-cell,.customer-area-cell,.customer-package-cell{display:grid;gap:2px;min-width:0}.customer-name-cell strong,.customer-area-cell strong,.customer-package-cell strong{font-size:10px;font-weight:600;color:#454a5c;overflow-wrap:anywhere}.customer-name-cell small,.customer-area-cell small,.customer-package-cell small{font-size:9px;color:#969cab;font-weight:400}.customer-phone-link{color:#5b66df;text-decoration:none}.customer-phone-link:hover{text-decoration:underline}.customer-phone-button{padding:0;border:0;background:none;font:inherit;cursor:pointer}.customer-phone-text{color:#454b5e}.customer-payment-none{color:#a9aeba}.customer-row-muted td:not(.customer-actions-cell){opacity:.6}.customer-actions-cell{white-space:nowrap;text-align:right}.customer-actions-cell .icon-button{width:28px;height:28px;border-radius:7px}.customer-actions-cell .icon-button:hover{background:#f1f2f8;color:#5b66df}.customer-actions-head{text-align:right}.customer-row-menu{position:relative;display:inline-block;vertical-align:middle}.customer-filter-advanced-toggle{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:1px solid #e5e8f0;border-radius:6px;background:#fff;color:#6c7284;font-size:10px;white-space:nowrap}.customer-filter-advanced-toggle:hover{background:#f6f7fb;color:#4a505f}.customer-filter-advanced-toggle.is-open{border-color:#c9cdf5;color:#5b66df;background:#f5f6ff}.customer-filter-count{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#5b66df;color:#fff;font-size:8px;font-weight:700}.customer-filter-advanced{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:9px;padding:11px;border:1px solid #eef0f5;border-radius:9px;background:#fbfbfd}.customer-filter-advanced>label{display:grid;gap:5px;min-width:0;color:#777d8e;font-size:9px;font-weight:600}.customer-filter-advanced select{width:100%;height:34px;min-width:0;border:1px solid #eaecf2;border-radius:6px;padding:0 8px;background:#fff;color:#555b6e;font:10px DM Sans,sans-serif}.status-belum-bayar{background:#fff5e8;color:#cf8a36}@media(max-width:900px){.customer-filter-advanced{grid-template-columns:1fr 1fr}}@media(max-width:700px){.customer-table,.customer-table tbody{display:block;width:100%;max-width:100%;box-sizing:border-box;white-space:normal}.table-scroll .customer-table{min-width:0}.customer-table thead{display:none}.customer-table tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:9px 10px;width:100%;max-width:100%;box-sizing:border-box;min-width:0;margin-bottom:9px;padding:12px 13px;border:1px solid #e9ebf2;border-radius:11px;background:#fff}.list-panel .customer-table td{height:auto;padding:0;border:0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:10px}.customer-table td:before{content:attr(data-label);color:#9aa0b2;font-size:8px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;line-height:1.2}.customer-table td[data-label=Nama]{grid-column:1/4;grid-row:1;min-width:0}.customer-table td[data-label=Nama] .customer-column-name{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px}.customer-table td[data-label=Status]{grid-column:4;grid-row:1;justify-self:end;align-items:flex-end}.customer-table td[data-label=Status]:before{content:none}.customer-table td[data-label=Status] .status{white-space:nowrap}.customer-table td[data-label="ID Pelanggan"]{grid-column:1/2;grid-row:2;font-size:9px;color:#9298a8}.customer-table td[data-label="ID Pelanggan"]:before{content:none}.customer-table td[data-label=WhatsApp]{grid-column:2/5;grid-row:2;font-size:9.5px}.customer-table td[data-label=WhatsApp]:before{content:none}.list-panel .customer-table td{grid-column:span 2}.customer-table td[data-label=Area],.customer-table td[data-label=Desa],.customer-table td[data-label=Alamat],.ticket-table td[data-label=Paket]{grid-column:1/-1}.customer-table td.customer-actions-cell{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid #f1f2f6;padding-top:9px;margin-top:2px}.customer-table td.customer-actions-cell:before{content:none}.customer-table td.customer-actions-cell .customer-actions{gap:8px}.customer-table td.customer-actions-cell .icon-button{width:40px;height:40px;border-radius:10px;background:#f6f7fb}.customer-table th:first-child,.customer-table td:first-child{padding-left:0}.customer-table th:last-child,.customer-table td:last-child{padding-right:0}.customer-filter-advanced{grid-template-columns:1fr}.customer-filters,.customer-summary,.customer-filter-row,.customer-filter-advanced,.customer-table-wrap,.customer-filter-summary,.customer-filter-summary-tools,.customer-filter-summary-info{max-width:100%;box-sizing:border-box;min-width:0}.customer-summary>*{min-width:0}.customer-filter-row>*{min-width:0}.customer-filter-summary-tools{gap:8px 10px}.customer-filter-summary .list-sort,.customer-filter-summary .list-page-size,.customer-filter-summary .customer-column-toggle{max-width:100%}.customer-table td[data-label="No. tagihan"]{grid-column:1/3;grid-row:1}.customer-table td[data-label=Pelanggan]{grid-column:1/-1;grid-row:2;min-width:0}.customer-table td[data-label=Pelanggan] .customer-column-name{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px}.customer-table td[data-label=Area]{grid-column:1/3;grid-row:3}.customer-table td[data-label=Paket]{grid-column:3/5;grid-row:3}.customer-table td[data-label=Periode]{grid-column:1/-1;grid-row:4}.customer-table td[data-label=Jumlah]{grid-column:1/3;grid-row:5}.customer-table td[data-label="Jatuh tempo"]{grid-column:3/5;grid-row:5}.customer-table td.customer-actions-cell .master-toggle{min-height:40px;padding:0 16px;border-radius:10px;font-size:11px}}.invoice-period-picker{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px}.invoice-period-picker .icon-button{width:30px;height:30px;border-radius:6px}.invoice-period-picker select{height:34px}@media(max-width:700px){.invoice-period-picker{grid-template-columns:auto minmax(0,1fr) auto}.invoice-period-picker .icon-button{width:34px;height:34px}}.status-dibatalkan{background:#f0f1f4;color:#777d8b}.invoice-select-cell{width:34px;text-align:center;padding-right:0!important}.invoice-select-cell input{width:14px;height:14px;margin:0;accent-color:#5b66df;cursor:pointer}.invoice-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px;padding:9px 12px;border:1px solid #dfe3f5;border-radius:10px;background:#f6f7ff;color:#4b5166;font-size:11px}.invoice-bulk-bar>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.invoice-bulk-bar .button{min-height:32px}.customer-table tr.customer-row-muted td,.customer-table tr.customer-row-muted td.sticky-left,.customer-table tr.customer-row-muted td.sticky-right{background:#fafafb}@media(max-width:700px){.customer-table td.invoice-select-cell{grid-column:1/2;grid-row:1;justify-self:start;align-items:flex-start}.customer-table td.invoice-select-cell:before{content:none}.customer-table td[data-label="No. tagihan"]{grid-column:2/4}.invoice-bulk-bar{align-items:flex-start;flex-direction:column}.invoice-bulk-bar>div{width:100%}.invoice-bulk-bar .button{flex:1 1 auto}.customer-table td[data-label="No. transaksi"]{grid-column:1/3;grid-row:1}.customer-table td[data-label="Tagihan / Periode"]{grid-column:3/5;grid-row:1}.customer-table td[data-label=Pelanggan]{grid-column:1/-1;grid-row:2;min-width:0}.customer-table td[data-label=Pelanggan] .customer-column-name{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px}.customer-table td[data-label=Nominal]{grid-column:1/3;grid-row:3}.customer-table td[data-label=Metode]{grid-column:3/5;grid-row:3}.customer-table td[data-label=Referensi]{grid-column:1/-1;grid-row:4}.customer-table td[data-label="Diterima oleh"]{grid-column:1/3;grid-row:5}.customer-table td[data-label=Waktu]{grid-column:3/5;grid-row:5}.customer-table.cashflow-table td[data-label=Waktu],.customer-table.cashflow-table td[data-label=Tanggal]{grid-column:1/3;grid-row:1}.customer-table.cashflow-table td[data-label="No. tagihan"]{grid-column:3/5;grid-row:1}.customer-table.cashflow-table td[data-label=Pelanggan]{grid-column:1/-1;grid-row:2}.customer-table.cashflow-table td[data-label=Nominal]{grid-column:1/3;grid-row:3}.customer-table.cashflow-table td[data-label=Metode]{grid-column:3/5;grid-row:3}.customer-table.cashflow-table td[data-label=Kategori]{grid-column:1/-1;grid-row:2}.customer-table.cashflow-table td[data-label=Keterangan]{grid-column:1/-1;grid-row:3}.customer-table.cashflow-table td[data-label="Diterima oleh"],.customer-table.cashflow-table td[data-label="Dicatat oleh"]{grid-column:1/-1;grid-row:4}}.customer-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}.customer-summary-card{display:grid;gap:2px;text-align:left;border:1px solid #e9ebf2;border-radius:11px;background:#fff;padding:11px 13px;cursor:pointer;transition:border-color .16s,box-shadow .16s,background .16s}.customer-summary-card:hover{border-color:#cfd4f7;box-shadow:0 4px 12px #20243a0d}.customer-summary-card span{color:#9298a8;font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.customer-summary-card strong{color:#252b43;font:700 19px Manrope,sans-serif;letter-spacing:-.4px}.customer-summary-card small{color:#a3a8b6;font-size:9px}.customer-summary-card.is-active{border-color:#c3c9f7;background:#f5f6ff;box-shadow:0 0 0 1px #dfe3fb inset}.customer-summary-card.is-active strong{color:#4d57c8}.customer-due-cell{display:grid;gap:1px;line-height:1.35}.customer-due-cell small{color:#9298aa;font-size:9px;font-weight:400;margin-top:0}.customer-due-cell .customer-due-late{color:#d8695f;font-weight:600}@media(max-width:900px){.customer-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.customer-summary{grid-template-columns:1fr;gap:8px}.customer-summary-card{padding:9px 11px}.customer-summary-card strong{font-size:16px}}.customer-column-picker{position:relative;margin-left:auto}.customer-column-toggle{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;font-size:10px;white-space:nowrap}.customer-column-count{display:inline-grid;place-items:center;min-width:20px;height:16px;padding:0 5px;border-radius:8px;background:#f0f1f8;color:#6c7284;font-size:8px;font-weight:700}.customer-column-panel{position:absolute;right:0;top:calc(100% + 7px);z-index:40;width:268px;display:grid;gap:9px;padding:12px;border:1px solid #e6e8f0;border-radius:11px;background:#fff;box-shadow:0 16px 34px #20243a1f}.customer-column-panel-head{display:grid;gap:2px;padding-bottom:8px;border-bottom:1px solid #f0f1f6}.customer-column-panel-head strong{color:#2f3448;font-size:11px}.customer-column-panel-head small{color:#9298a8;font-size:9px;line-height:1.45}.customer-column-list{display:grid;gap:1px;max-height:264px;overflow-y:auto;padding-right:2px}.customer-column-list label{display:flex;align-items:center;gap:9px;padding:6px 7px;border-radius:7px;cursor:pointer;font-size:10.5px;color:#4b5166}.customer-column-list label:hover{background:#f6f7fb}.customer-column-list label.is-locked{color:#8a90a2;cursor:default}.customer-column-list label.is-locked:hover{background:none}.customer-column-list input{width:14px;height:14px;flex:none;accent-color:#5d69e8;cursor:pointer}.customer-column-list input:disabled{cursor:not-allowed}.customer-column-list em{margin-left:auto;font-style:normal;font-size:8px;color:#a3a8b6;text-transform:uppercase;letter-spacing:.4px}.customer-column-panel-actions{display:flex;gap:6px;padding-top:9px;border-top:1px solid #f0f1f6}.customer-column-panel-actions button{flex:1;height:29px;border:1px solid #e5e8f0;border-radius:7px;background:#fff;color:#5c6280;font-size:9.5px;font-weight:600}.customer-column-panel-actions button:hover{background:#f5f6ff;border-color:#ccd2f5;color:#4d57c8}.customer-table td.sticky-left,.customer-table th.sticky-left{position:sticky;left:0;z-index:2;background:#fff}.customer-table td.sticky-right,.customer-table th.sticky-right{position:sticky;right:0;z-index:2;background:#fff}.customer-table thead th.sticky-left,.customer-table thead th.sticky-right{z-index:3;background:#fafbfc}.customer-table th.sticky-left:after,.customer-table th.sticky-right:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:#eef0f5}.customer-table th.sticky-left:after{right:0}.customer-table th.sticky-right:after{left:0}.customer-table td.sticky-left:after,.customer-table td.sticky-right:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:#f1f2f6}.customer-table td.sticky-left:after{right:0}.customer-table td.sticky-right:after{left:0}.customer-column-name{font-size:10px;font-weight:600;color:#454a5c}.customer-column-text{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.customer-table td.sticky-left,.customer-table td.sticky-right,.customer-table th.sticky-left,.customer-table th.sticky-right{position:static}.customer-table td.sticky-left:after,.customer-table td.sticky-right:after{display:none}.customer-column-text{max-width:none;white-space:normal}}.customer-filter-summary{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;margin-top:10px;flex-wrap:wrap;color:#777d8e;font-size:9px}.customer-filter-summary-info{display:flex;align-items:center;gap:10px;min-width:0}.customer-filter-summary-info small{color:#a1a6b4;font-size:9px}.customer-filter-summary-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}.customer-filter-summary .list-sort,.customer-filter-summary .list-page-size{margin-left:0;display:inline-flex;align-items:center;gap:7px;color:#777d8e;font-size:9px;font-weight:600;white-space:nowrap}.customer-filter-summary .list-sort select,.customer-filter-summary .list-page-size select{height:36px;border:1px solid #eaecf2;border-radius:6px;padding:0 8px;background:#fff;color:#555b6e;font:10px DM Sans,sans-serif}.customer-filter-summary .list-sort select{width:172px}.customer-filter-summary .list-page-size select{width:66px}.customer-filter-summary .customer-column-picker{margin-left:0}.customer-filter-summary .customer-column-toggle{height:36px}@media(max-width:700px){.customer-filter-summary{flex-direction:row;align-items:flex-start;gap:8px}.customer-filter-summary-info{flex:1 1 100%}.customer-filter-summary-info small{display:none}.customer-filter-summary-tools{margin-left:0;width:100%;gap:8px 10px}.customer-filter-summary .list-sort{flex:0 0 auto;width:auto;justify-content:flex-start}.customer-filter-summary .list-sort select{flex:0 0 auto;width:158px}.customer-filter-summary .list-page-size{width:auto}.customer-filter-summary .customer-column-toggle{flex:0 0 auto;width:auto}}.application-row-pending{background:#fffdf5}.application-row-pending:hover{background:#fffaf0}.application-pending-dot{display:inline-flex;align-items:center;gap:5px;color:#cf8a36;font-size:9px;font-weight:600}.application-pending-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:#e0a04a;flex:none}@media(max-width:700px){.application-table td[data-label="Tanggal kirim"]{grid-column:1/2;grid-row:2}.application-table td[data-label=WhatsApp]{grid-column:2/5;grid-row:2}}.application-filter-row{grid-template-columns:minmax(190px,1.5fr) repeat(3,minmax(120px,1fr)) auto}@media(max-width:1100px){.application-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}.application-filter-row>.search-field{grid-column:span 2}}@media(max-width:700px){.application-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.application-filter-row>.search-field{grid-column:1/-1}}.ticket-filter-row{grid-template-columns:minmax(190px,1.5fr) repeat(2,minmax(130px,1fr)) auto}.ticket-row-late{background:#fff7f6}.ticket-row-late:hover{background:#fff2f0}.ticket-age-late{color:#d8695f;font-weight:600}.ticket-progress-button{height:28px;padding:0 10px;font-size:9px;white-space:nowrap;margin-left:6px}.customer-summary-card.is-static{cursor:default}.customer-summary-card.is-static:hover{border-color:#e9ebf2;box-shadow:none;background:#fff}@media(max-width:1100px){.ticket-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}.ticket-filter-row>.search-field{grid-column:span 2}}@media(max-width:700px){.ticket-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-filter-row>.search-field{grid-column:1/-1}.ticket-table td[data-label=Tiket]{grid-column:1/4;grid-row:1}.ticket-table td[data-label=Pelanggan]{grid-column:1/5;grid-row:2}.ticket-progress-button{height:40px;padding:0 12px;font-size:10px;margin-left:0}.customer-table td.customer-actions-cell .customer-actions{flex-wrap:wrap;gap:8px}}.report-filters{display:grid;gap:12px;margin-bottom:16px;padding:16px}.report-filters .customer-filter-row{grid-template-columns:repeat(3,minmax(140px,1fr)) auto}.report-filters .customer-filter-row input{height:34px;width:100%;min-width:0;border:1px solid #eaecf2;border-radius:6px;padding:0 8px;background:#fff;color:#555b6e;font:10px DM Sans,sans-serif}.report-presets{display:flex;flex-wrap:wrap;gap:7px}.report-preset-chip{min-height:30px;padding:0 12px;border:1px solid #e5e7ee;border-radius:999px;background:#fff;color:#6b7280;font:600 10px DM Sans,sans-serif;cursor:pointer}.report-preset-chip:hover{background:#f6f7ff;color:#5561dd}.report-preset-chip.is-active{border-color:#d9dcff;background:#eef0ff;color:#5864df}.report-tabs{margin:0 0 14px}.report-aging-summary{margin-bottom:13px}.status-1-30{background:#fff5e8;color:#cf8a36}.status-31-60{background:#fff0ee;color:#d9685b}.status-60-plus{background:#f0f1f4;color:#777d8b}@media(max-width:700px){.report-filters .customer-filter-row{grid-template-columns:1fr}.report-filters .customer-filter-row .button{width:100%;justify-content:center}.report-preset-chip{min-height:34px;padding:0 13px}.customer-table.report-table td[data-label=Tanggal],.customer-table.report-table td[data-label=Tagihan]{grid-column:1/3;grid-row:1}.customer-table.report-table td[data-label="No. tagihan"]{grid-column:3/5;grid-row:1}.customer-table.report-table td[data-label=Pelanggan]{grid-column:1/-1;grid-row:2}.customer-table.report-table td[data-label=Area],.customer-table.report-table td[data-label=Kelompok],.customer-table.report-table td[data-label="Diterima oleh"]{grid-column:1/3;grid-row:3}.customer-table.report-table td[data-label="Jumlah tagihan"],.customer-table.report-table td[data-label=Umur],.customer-table.report-table td[data-label=Metode]{grid-column:3/5;grid-row:3}.customer-table.report-table td[data-label="Total sisa"]{grid-column:1/3;grid-row:4}.customer-table.report-table td[data-label="Tunggakan tertua"]{grid-column:3/5;grid-row:4}.customer-table.report-table td[data-label=Paket],.customer-table.report-table td[data-label=Periode]{grid-column:1/-1;grid-row:2}.customer-table.report-table td[data-label="Tagihan terbit"]{grid-column:1/3;grid-row:3}.customer-table.report-table td[data-label="Nominal tagihan"]{grid-column:3/5;grid-row:3}.customer-table.report-table td[data-label=Diterima]{grid-column:1/3;grid-row:4}.customer-table.report-table td[data-label=Sisa]{grid-column:3/5;grid-row:4}}@media(max-width:700px){.customer-table.sales-table td[data-label=Status]{grid-column:1/-1;grid-row:auto;justify-self:start;align-items:flex-start}.customer-table.sales-table td[data-label=Aksi]{grid-column:1/-1;justify-content:flex-start}.customer-table.sales-table td[data-label="Area layanan"],.customer-table.sales-table td[data-label="Pelanggan baru"]{grid-column:1/3;grid-row:2}.customer-table.sales-table td[data-label="Tagihan terbit"],.customer-table.sales-table td[data-label=Diterima]{grid-column:3/5;grid-row:2}.customer-table.sales-table td[data-label=Komisi]{grid-column:1/3;grid-row:3}.customer-table.sales-table td[data-label="Jenis komisi"],.customer-table.sales-table td[data-label=Nilai]{grid-column:1/3;grid-row:2}.customer-table.sales-table td[data-label="Total paket aktif"]{grid-column:3/5;grid-row:2}.customer-table.sales-table td[data-label=Periode],.customer-table.sales-table td[data-label=Nominal]{grid-column:1/3;grid-row:2}.customer-table.sales-table td[data-label="Tanggal cair"],.customer-table.sales-table td[data-label=Catatan]{grid-column:1/3;grid-row:3}.customer-table.sales-table td[data-label="Dicatat oleh"]{grid-column:3/5;grid-row:3}.customer-table.sales-table td[data-label=Paket],.customer-table.sales-table td[data-label="Nominal paket"],.customer-table.sales-table td[data-label="Sisa tagihan"]{grid-column:1/3;grid-row:2}.customer-table.sales-table td[data-label=Terbayar]{grid-column:3/5;grid-row:2}.customer-table.sales-table td[data-label=Referensi]{grid-column:1/-1;grid-row:2}.customer-table.sales-table td[data-label=Waktu],.customer-table.sales-table td[data-label=Metode]{grid-column:1/3;grid-row:2}}