@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+Lao:wght@300;400;500;600;700&display=swap";:root{--adb-blue:#1565c0;--adb-blue-light:#1e88e5;--adb-blue-dark:#0d47a1;--adb-gold:#f59e0b;--adb-gold-light:#fbbf24;--adb-gold-dark:#b45309;--bg-primary:#eef4fc;--bg-secondary:#fff;--bg-card:#ffffffeb;--bg-sidebar:#0d47a1;--bg-sidebar-hover:#1565c020;--bg-subtle:#f8fafc;--bg-inset:#f1f5f9;--border-hairline:#f1f5f9;--tint-info-bg:#eff6ff;--tint-info-border:#bfdbfe;--tint-info-fg:#1565c0;--tint-warn-bg:#fffbeb;--tint-warn-border:#fde68a;--tint-warn-fg:#b45309;--tint-danger-bg:#fef2f2;--tint-danger-border:#fecaca;--tint-danger-fg:#b91c1c;--tint-ok-bg:#f0fdf4;--tint-ok-border:#bbf7d0;--tint-ok-fg:#15803d;--text-primary:#0a1f44;--text-secondary:#4a6080;--text-muted:#90a4c0;--text-white:#fff;--status-paid:#00897b;--status-paid-bg:#e0f2f1;--status-pending:#f59e0b;--status-pending-bg:#fef3c7;--status-overdue:#e53935;--status-overdue-bg:#ffebee;--status-cancel:#78909c;--status-cancel-bg:#eceff1;--border-light:#1565c01f;--border-medium:#1565c040;--shadow-sm:0 1px 3px #0d47a10f, 0 1px 2px #0d47a10a;--shadow-md:0 4px 16px #0d47a11a;--shadow-lg:0 10px 40px #0d47a126;--shadow-xl:0 20px 60px #0d47a133;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--sidebar-width:260px;--header-height:68px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}[data-theme=dark]{--bg-primary:#0d2b5e;--bg-secondary:#0a1f44;--bg-card:#0a1f44eb;--bg-sidebar:#071630;--bg-subtle:#12325f;--bg-inset:#16396b;--border-hairline:#7ea8d829;--tint-info-bg:#3b82f624;--tint-info-border:#3b82f657;--tint-info-fg:#93c5fd;--tint-warn-bg:#f59e0b24;--tint-warn-border:#f59e0b57;--tint-warn-fg:#fcd34d;--tint-danger-bg:#ef444424;--tint-danger-border:#ef444457;--tint-danger-fg:#fca5a5;--tint-ok-bg:#10b98124;--tint-ok-border:#10b98157;--tint-ok-fg:#6ee7b7;--text-primary:#e8f0fc;--text-secondary:#7ea8d8;--text-muted:#8aa8cc;--border-light:#1e88e52e;--border-medium:#1e88e552;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 10px 40px #00000073}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body,button,input,select,textarea,option,.btn,.filter-chip{font-family:Inter,Noto Sans Lao,Phetsarath OT,Saysettha OT,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base), color var(--transition-base);line-height:1.6}.app-layout{min-height:100vh;display:flex}.main-content{min-width:0;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-base);flex-direction:column;flex:1;display:flex}.page-content{min-width:0;margin-top:var(--header-height);flex:1;padding:28px 32px;animation:.3s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sidebar{width:var(--sidebar-width);z-index:100;background:linear-gradient(160deg,#0d47a1 0%,#1565c0 50%,#1976d2 100%);border-right:none;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:4px 0 32px #0d47a159}.sidebar:before{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.sidebar-logo{background:#ffffff0f;border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:22px 20px;text-decoration:none;display:flex}.sidebar-logo-icon{border-radius:var(--radius-md);color:#fff;background:#ffffff26;border:1px solid #ffffff40;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:flex}.sidebar-logo-text{flex-direction:column;display:flex}.sidebar-logo-title{color:#fff;letter-spacing:.3px;font-size:15px;font-weight:700}.sidebar-logo-subtitle{color:#ffffff8c;margin-top:1px;font-size:11px}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.sidebar-nav-section{margin-bottom:24px}.sidebar-nav-label{color:#fff6;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:6px;padding:0 8px;font-size:10px;font-weight:700}.nav-item{border-radius:var(--radius-md);color:#ffffffa6;transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:11px;margin-bottom:2px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff1f;transform:translate(2px)}.nav-item.active{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e;border:1px solid #ffffff47;font-weight:700}.nav-item.active:before{content:"";background:#fff;border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item .nav-icon{flex-shrink:0;width:18px;height:18px}.sidebar-footer{background:#00000014;border-top:1px solid #ffffff1f;padding:16px 12px}.header{top:0;left:var(--sidebar-width);height:var(--header-height);background:var(--bg-secondary);border-bottom:2px solid var(--border-light);z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background-color var(--transition-base);justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:fixed;right:0;box-shadow:0 2px 12px #1565c014}.header-left{flex-direction:column;display:flex}.header-title{color:var(--text-primary);font-size:18px;font-weight:700}.header-breadcrumb{color:var(--text-muted);margin-top:1px;font-size:12px}.header-right{align-items:center;gap:12px;display:flex}.header-btn{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-primary);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.header-btn:hover{background:var(--adb-blue);color:#fff;border-color:var(--adb-blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}.header-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--adb-blue), var(--adb-gold));color:#fff;cursor:pointer;width:38px;height:38px;transition:transform var(--transition-fast);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.header-avatar:hover{transform:scale(1.05)}.header-user-info{text-align:right;flex-direction:column;display:flex}.header-user-name{color:var(--text-primary);font-size:13px;font-weight:600}.header-user-role{color:var(--text-muted);font-size:11px}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);transition:all var(--transition-base);padding:24px}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:28px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);transition:all var(--transition-base);padding:22px;animation:.3s scaleIn;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card:before{content:"";border-radius:0 var(--radius-lg) 0 80px;opacity:.08;width:80px;height:80px;position:absolute;top:0;right:0}.stat-card.blue:before{background:var(--adb-blue)}.stat-card.gold:before{background:var(--adb-gold)}.stat-card.green:before{background:var(--status-paid)}.stat-card.red:before{background:var(--status-overdue)}.stat-card:after{content:"";background:var(--stat-accent,transparent);height:3px;position:absolute;top:0;left:0;right:0}.stat-card.blue{--stat-accent:var(--adb-blue)}.stat-card.gold{--stat-accent:var(--adb-gold)}.stat-card.green{--stat-accent:var(--status-paid)}.stat-card.red{--stat-accent:var(--status-overdue)}.stat-card.orange{--stat-accent:var(--status-pending)}.stat-card:hover:before{opacity:.16}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-size:12px;font-weight:600}.stat-value{color:var(--text-primary);white-space:nowrap;letter-spacing:-.5px;margin-bottom:8px;font-size:clamp(22px,2.4vw,32px);font-weight:800;line-height:1.1}.stat-change{align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.stat-change.up{color:var(--status-paid)}.stat-change.down{color:var(--status-overdue)}.stat-icon-wrap{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:20px;right:20px}.stat-icon-wrap.blue{color:var(--adb-blue);background:#0066cc1f}.stat-icon-wrap.gold{color:var(--adb-gold);background:#f5a6231f}.stat-icon-wrap.green{color:var(--status-paid);background:#10b9811f}.stat-icon-wrap.red{color:var(--status-overdue);background:#ef44441f}.stat-icon-wrap.orange{color:var(--status-pending);background:#f59e0b1f}.badge{border-radius:var(--radius-full);align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-dot{border-radius:50%;width:6px;height:6px}.badge.paid{background:var(--status-paid-bg);color:var(--status-paid)}.badge.paid .badge-dot{background:var(--status-paid)}.badge.pending{background:var(--status-pending-bg);color:var(--status-pending)}.badge.pending .badge-dot{background:var(--status-pending)}.badge.overdue{background:var(--status-overdue-bg);color:var(--status-overdue)}.badge.overdue .badge-dot{background:var(--status-overdue)}.badge.cancel{background:var(--status-cancel-bg);color:var(--status-cancel)}.badge.cancel .badge-dot{background:var(--status-cancel)}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table thead tr{background:var(--bg-primary);border-bottom:2px solid var(--border-light)}.data-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;padding:13px 16px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;padding:13px 16px}.data-table tbody tr{background:var(--bg-secondary);transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background:#0066cc0a}.data-table tbody tr:last-child td{border-bottom:none}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:7px;padding:9px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#1565c0,#1e88e5);box-shadow:0 4px 14px #1565c059}.btn-primary:hover{background:linear-gradient(135deg,#0d47a1,#1565c0);transform:translateY(-1px);box-shadow:0 6px 20px #1565c080}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--border-light);transform:translateY(-1px)}.btn-danger{color:var(--status-overdue);background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:var(--status-overdue);color:#fff;border-color:var(--status-overdue)}.btn-success{color:var(--status-paid);background:#10b9811a;border:1px solid #10b98133}.btn-success:hover{background:var(--status-paid);color:#fff}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{border-radius:var(--radius-md);justify-content:center;width:34px;height:34px;padding:0}.form-group{margin-bottom:18px}.form-label{color:var(--text-secondary);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.form-control{border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-secondary);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:10px 14px;font-family:inherit;font-size:14px}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{background:var(--bg-secondary);color:var(--text-primary)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}select option{background:var(--bg-secondary);color:var(--text-primary)}.form-control:focus{border-color:var(--adb-blue);box-shadow:0 0 0 3px #0066cc1f}.form-control::placeholder{color:var(--text-muted)}select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235A6A7E' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.search-bar{position:relative}.search-bar .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-bar .form-control{padding-left:38px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{color:var(--text-primary);font-size:22px;font-weight:800}.page-subtitle{color:var(--text-secondary);margin-top:3px;font-size:13px}.filters-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.filters-bar .search-bar{flex:1;min-width:240px}.charts-grid{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:28px;display:grid}.chart-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);padding:24px}.chart-title{color:var(--text-primary);align-items:center;gap:9px;margin-bottom:4px;font-size:15px;font-weight:700;display:flex}.chart-title:before{content:"";background:var(--chart-accent,var(--adb-blue));border-radius:4px;flex-shrink:0;width:4px;height:17px}.chart-subtitle{color:var(--text-muted);margin-bottom:20px;padding-left:13px;font-size:12px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-light);width:100%;max-width:580px;max-height:90vh;animation:.25s scaleIn;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:24px 28px 20px;display:flex}.modal-title{color:var(--text-primary);font-size:17px;font-weight:700}.modal-body{padding:24px 28px}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:10px;padding:16px 28px 24px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid .form-group-full{grid-column:1/-1}.pagination{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:14px 0;font-size:13px;display:flex}.pagination-btns{gap:6px;display:flex}.page-btn{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-secondary);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.page-btn:hover{background:var(--adb-blue);color:#fff;border-color:var(--adb-blue)}.page-btn.active{background:var(--adb-blue);color:#fff;border-color:var(--adb-blue);font-weight:700}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state-icon{opacity:.4;margin-bottom:16px;font-size:48px}.info-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.info-row:last-child{border-bottom:none}.info-key{color:var(--text-secondary);font-weight:500}.info-val{color:var(--text-primary);font-weight:600}.gradient-text{background:linear-gradient(135deg,#0d47a1,#42a5f5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1565c040;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#1565c0}.header-menu-btn{border:1px solid var(--border-light);background:var(--bg-primary);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:none}.nav-overlay{z-index:95;background:#00000073;position:fixed;inset:0}.cashout-stack{align-items:start;gap:20px;max-width:860px;display:grid}.cashout-form{padding:24px}@media (width<=640px){.cashout-stack{gap:14px}.cashout-form{padding:16px}.cashout-form input,.cashout-form select,.cashout-form textarea{font-size:16px}.cashout-actions{flex-direction:column-reverse;align-items:stretch}.cashout-actions button{justify-content:center;width:100%}.cashout-actions .cashout-fail-btn{order:3;margin-right:0!important}}@media (width<=1024px){.charts-grid{grid-template-columns:1fr}}@media (width<=768px){:root{--sidebar-width:0px}.sidebar{z-index:100;width:260px;transform:translate(-280px);box-shadow:4px 0 28px #0000002e}.sidebar.open{transform:translate(0)}.header-menu-btn{display:inline-flex}.page-content{padding:20px 16px}.header{padding:0 14px;left:0}.header-title{white-space:nowrap;text-overflow:ellipsis;max-width:46vw;font-size:15px;overflow:hidden}.header-breadcrumb,.header-user-info{display:none}.header-right{gap:8px}.header-btn{width:34px;height:34px}.header-avatar{width:34px;height:34px;font-size:12px}.stat-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.cashout-page-header{display:none}}@media (width<=480px){.stat-grid{grid-template-columns:1fr}}.notif-wrap{position:relative}.notif-dot{background:var(--status-overdue);border:2px solid var(--bg-secondary);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.progress-bar-wrap{background:var(--border-light);border-radius:3px;width:100%;height:6px;margin-top:8px;overflow:hidden}.progress-bar-fill{border-radius:3px;height:100%;transition:width .6s}.action-btns{gap:6px;display:flex}.divider{background:var(--border-light);height:1px;margin:20px 0}.toast-container{z-index:999;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);align-items:center;gap:12px;min-width:260px;max-width:380px;padding:14px 18px;font-size:13px;font-weight:500;animation:.3s slideInLeft;display:flex}.toast.success{color:#fff;background:#10b981}.toast.error{color:#fff;background:#ef4444}.toast.info{background:var(--adb-blue);color:#fff}.filter-chip{border-radius:var(--radius-full);border:1.5px solid var(--border-light);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:5px;padding:6px 13px;font-size:13px;font-weight:500;display:inline-flex}.filter-chip:hover,.filter-chip.active{background:var(--adb-blue);color:#fff;border-color:var(--adb-blue)}.summary-row{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.summary-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);text-align:center;flex:1;min-width:120px;padding:14px 16px}.summary-item-value{color:var(--text-primary);font-size:20px;font-weight:800}.summary-item-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:3px;font-size:11px;font-weight:600}.lp-page{background:#eef4fc;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.lp-blob{filter:blur(90px);opacity:.14;pointer-events:none;border-radius:50%;position:fixed}.lp-blob-1{background:#1565c0;width:480px;height:480px;top:-140px;left:-140px}.lp-blob-2{background:#42a5f5;width:360px;height:360px;bottom:-100px;right:-80px}.lp-card{z-index:1;background:#fff;border:1px solid #1565c014;border-radius:24px;width:100%;max-width:420px;padding:40px 36px 28px;animation:.35s cubic-bezier(.34,1.56,.64,1) scaleIn;position:relative;box-shadow:0 8px 40px #0d47a124,0 2px 8px #0d47a114}.lp-header{flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.lp-logo-wrap{background:#f0f6ff;border:2px solid #1565c024;border-radius:22px;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:18px;display:flex;overflow:hidden;box-shadow:0 4px 16px #1565c01f}.lp-logo-img{object-fit:contain;width:74px;height:74px}.lp-title{color:#0a1f44;text-align:center;margin-bottom:5px;font-size:22px;font-weight:800}.lp-sub{color:#7090b0;text-align:center;font-size:13px}.lp-form{flex-direction:column;gap:16px;display:flex}.lp-error{color:#c62828;background:#ffebee;border:1px solid #e5393538;border-radius:10px;align-items:center;gap:7px;padding:10px 13px;font-size:13px;font-weight:500;animation:.2s fadeIn;display:flex}.lp-field{flex-direction:column;gap:6px;display:flex}.lp-label{color:#4a6080;font-size:13px;font-weight:600}.lp-input-wrap{position:relative}.lp-ico{color:#90a4c0;pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.lp-input{color:#0a1f44;background:#f8fbff;border:1.5px solid #d8e6f5;border-radius:12px;outline:none;width:100%;padding:12px 42px;font-family:inherit;font-size:14px;transition:all .2s}.lp-input:focus{background:#fff;border-color:#1565c0;box-shadow:0 0 0 3px #1565c01a}.lp-input::placeholder{color:#b8cde0}.lp-eye{color:#90a4c0;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.lp-eye:hover{color:#1565c0}.lp-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.lp-remember{color:#4a6080;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-weight:500;display:flex}.lp-forgot{color:#1565c0;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:600;transition:color .15s}.lp-forgot:hover{color:#0d47a1;text-decoration:underline}.lp-btn{color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(135deg,#1565c0,#1e88e5);border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-top:2px;padding:13px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 5px 18px #1565c061}.lp-btn:hover:not(:disabled){background:linear-gradient(135deg,#0d47a1,#1565c0);transform:translateY(-1px);box-shadow:0 8px 24px #1565c07a}.lp-btn:disabled{opacity:.8;cursor:not-allowed;transform:none}.lp-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:17px;height:17px;animation:.7s linear infinite spin}.lp-demo{border-top:1px dashed #1565c024;margin-top:22px;padding-top:18px}.lp-demo-title{color:#90a4c0;text-transform:uppercase;letter-spacing:1px;margin-bottom:9px;font-size:11px;font-weight:700}.lp-demo-grid{flex-direction:column;gap:6px;display:flex}.lp-demo-chip{cursor:pointer;text-align:left;background:#f4f8ff;border:1px solid #1565c01f;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-family:inherit;transition:all .15s;display:flex}.lp-demo-chip:hover{background:#ebf2ff;border-color:#1565c052;transform:translate(3px)}.lp-demo-av{color:#fff;background:linear-gradient(135deg,#1565c0,#42a5f5);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.lp-demo-info{flex-direction:column;display:flex}.lp-demo-user{color:#0a1f44;font-size:13px;font-weight:700}.lp-demo-role{color:#7090b0;margin-top:1px;font-size:11px}.lp-footer{text-align:center;color:#b0c4d8;margin-top:18px;font-size:11px}@media (width<=480px){.lp-card{border-radius:20px;padding:32px 20px 24px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-anim svg{animation:1s linear infinite spin}.import-page{flex-direction:column;gap:20px;padding-bottom:40px;display:flex}.import-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.import-page-title{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 4px;font-size:1.35rem;font-weight:700;display:flex}.import-page-sub{color:var(--text-secondary);margin:0;font-size:.88rem}.import-dropzone{border:2.5px dashed var(--border-medium);border-radius:var(--radius-lg);background:var(--bg-secondary);cursor:pointer;transition:border-color var(--transition-base), background var(--transition-base), transform var(--transition-fast);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:56px 32px;display:flex}.import-dropzone:hover,.import-dropzone.drag-over{border-color:var(--adb-blue-light);background:#1565c00a;transform:translateY(-2px)}.import-drop-icon{color:var(--adb-blue-light);opacity:.85}.import-drop-text{color:var(--text-primary);margin:4px 0 0;font-size:1.05rem;font-weight:600}.import-drop-sub{color:var(--text-secondary);margin:0;font-size:.88rem}.import-drop-link{color:var(--adb-blue-light);font-weight:600;text-decoration:underline}.import-drop-formats{color:var(--text-muted);background:var(--bg-primary);border-radius:var(--radius-full);margin-top:6px;padding:3px 14px;font-size:.78rem}.import-file-bar{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:14px 18px;display:flex}.import-file-icon{color:var(--adb-blue-light);flex-shrink:0}.import-file-info{flex-direction:column;flex:1;gap:2px;display:flex}.import-file-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.import-file-meta{color:var(--text-muted);font-size:.78rem}.import-badge{border-radius:var(--radius-full);flex-shrink:0;align-items:center;gap:5px;padding:4px 12px;font-size:.78rem;font-weight:600;display:flex}.import-badge.success{background:var(--status-paid-bg);color:var(--status-paid)}.import-alert{border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 16px;font-size:.85rem;font-weight:500;display:flex}.import-alert.error{background:var(--status-overdue-bg);color:var(--status-overdue)}.import-alert.success{background:var(--status-paid-bg);color:var(--status-paid)}.import-alert.large{align-items:flex-start;gap:14px;padding:16px 20px;font-size:.92rem}.import-preview-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.import-preview-toolbar{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.import-preview-title{color:var(--text-primary);font-size:.92rem;font-weight:600}.import-table-wrap{max-height:480px;overflow:auto}.import-table{border-collapse:collapse;width:100%;font-size:.78rem}.import-th{background:var(--adb-blue-dark);color:#fff;text-align:left;white-space:nowrap;z-index:2;padding:9px 12px;font-weight:600;position:sticky;top:0}.import-th.row-num,.import-td.row-num{text-align:center;width:44px;min-width:44px;color:var(--text-muted);font-size:.72rem}.import-td{border-bottom:1px solid var(--border-light);white-space:nowrap;color:var(--text-primary);text-overflow:ellipsis;max-width:200px;padding:7px 12px;overflow:hidden}.import-tr-even{background:var(--bg-secondary)}.import-tr-odd{background:var(--bg-primary)}.import-pagination{border-top:1px solid var(--border-light);justify-content:center;align-items:center;gap:12px;padding:12px;display:flex}.import-page-btn{border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);justify-content:center;align-items:center;display:flex}.import-page-btn:hover:not(:disabled){background:var(--bg-primary)}.import-page-btn:disabled{opacity:.35;cursor:not-allowed}.import-page-info{color:var(--text-secondary);font-size:.82rem;font-weight:500}.import-btn-primary{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--adb-blue), var(--adb-blue-light));color:#fff;cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;align-items:center;gap:7px;padding:8px 18px;font-size:.84rem;font-weight:600;display:flex;box-shadow:0 2px 8px #1565c04d}.import-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.import-btn-primary:disabled{opacity:.6;cursor:not-allowed}.import-btn-outline{border-radius:var(--radius-md);border:1.5px solid var(--border-medium);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);background:0 0;align-items:center;gap:7px;padding:8px 16px;font-size:.84rem;font-weight:500;display:flex}.import-btn-outline:hover{background:var(--bg-primary)}.import-btn-outline.sm{padding:6px 12px;font-size:.78rem}.import-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.ov-page{flex-direction:column;gap:20px;padding-bottom:48px;display:flex}.ov-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ov-title{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 4px;font-size:1.35rem;font-weight:700;display:flex}.ov-sub{color:var(--text-secondary);margin:0;font-size:.86rem}.ov-stat-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.ov-stat-mini{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:14px;padding:16px 18px;display:flex}.ov-stat-mini:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ov-stat-mini-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--ov-accent) 12%, transparent);width:42px;height:42px;color:var(--ov-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ov-stat-mini-val{color:var(--text-primary);font-size:1.3rem;font-weight:800;line-height:1}.ov-stat-mini-lbl{color:var(--text-muted);margin-top:2px;font-size:.78rem}.ov-error{background:var(--status-overdue-bg);color:var(--status-overdue);border-radius:var(--radius-md);padding:12px 18px;font-size:.88rem;font-weight:500}.ov-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;padding:60px 20px;font-size:.9rem;display:flex}.ov-loading{flex-direction:column;gap:12px;display:flex}.ov-skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--border-light) 25%, #ffffff14 50%, var(--border-light) 75%);background-size:200% 100%;height:58px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ov-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.ov-toolbar{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.ov-search-wrap{flex:1;min-width:220px;max-width:380px;position:relative}.ov-search-icon{color:var(--text-muted);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.ov-search{border:1.5px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);box-sizing:border-box;outline:none;padding:8px 12px 8px 34px;font-size:.85rem}.ov-search:focus{border-color:var(--adb-blue-light)}.ov-btn-outline{border-radius:var(--radius-md);border:1.5px solid var(--border-medium);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:8px 14px;font-size:.83rem;font-weight:500;display:flex}.ov-btn-outline:hover:not(:disabled){background:var(--bg-primary)}.ov-btn-outline:disabled{opacity:.5;cursor:not-allowed}.ov-btn-outline.sm{padding:6px 11px;font-size:.78rem}.ov-tree{padding:12px 0}.ov-province-block{border-bottom:1px solid var(--border-light)}.ov-province-block:last-child{border-bottom:none}.ov-province-row{cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast);border:none;border-left:3px solid var(--pv-color,var(--adb-blue));background:0 0;align-items:center;gap:10px;padding:13px 18px;display:flex}.ov-province-row:hover{background:var(--bg-primary)}.ov-pv-chevron{color:var(--text-muted);flex-shrink:0}.ov-pv-icon{color:var(--pv-color,var(--adb-blue));flex-shrink:0}.ov-pv-name{color:var(--text-primary);text-align:left;flex:1;font-size:.95rem;font-weight:700}.ov-pv-chips{flex-shrink:0;gap:6px;display:flex}.ov-pv-count{color:#fff;border-radius:var(--radius-full);flex-shrink:0;padding:3px 12px;font-size:.75rem;font-weight:700}.ov-chip{border-radius:var(--radius-full);padding:2px 10px;font-size:.72rem;font-weight:600}.ov-chip.blue{color:var(--adb-blue);background:#1565c01f}.ov-chip.green{color:#00897b;background:#00897b1f}.ov-chip.purple{color:#6a1b9a;background:#6a1b9a1f}.ov-districts{background:var(--bg-primary);animation:.18s fadeIn}.ov-district-block{border-top:1px solid var(--border-light)}.ov-district-row{cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:9px;padding:10px 18px 10px 36px;display:flex}.ov-district-row:hover{background:color-mix(in srgb, var(--border-light) 60%, transparent)}.ov-dt-icon{color:#e65100;flex-shrink:0}.ov-dt-name{color:var(--text-primary);flex:1;font-size:.88rem;font-weight:600}.ov-dt-count{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);flex-shrink:0;padding:2px 10px;font-size:.8rem;font-weight:700}.ov-villages{padding:8px 18px 14px 54px;animation:.15s fadeIn}.ov-vill-table{border-collapse:collapse;width:100%;font-size:.8rem}.ov-vill-table th{background:var(--bg-secondary);color:var(--text-muted);text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border-light);padding:6px 10px;font-size:.72rem;font-weight:600}.ov-vill-table th:first-child{text-align:center;width:32px}.ov-vill-table th:last-child{width:160px}.ov-vill-table tr:hover td{background:color-mix(in srgb, var(--border-light) 40%, transparent)}.ov-vt-num{text-align:center;color:var(--text-muted);padding:6px 8px}.ov-vt-name{color:var(--text-primary);align-items:center;padding:6px 10px;font-weight:500;display:flex}.ov-vt-cnt{color:var(--text-primary);text-align:right;padding:6px 10px;font-weight:700}.ov-vt-bar{align-items:center;gap:8px;padding:6px 10px;display:flex}.ov-bar-wrap{background:var(--border-light);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.ov-bar-fill{border-radius:var(--radius-full);opacity:.85;height:100%;transition:width .4s}.ov-bar-pct{color:var(--text-muted);text-align:right;min-width:30px;font-size:.72rem}.spin-icon{animation:.8s linear infinite spin}.imp-steps{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:0;padding:14px 24px;display:flex}.imp-step{opacity:.4;transition:opacity var(--transition-base);flex:1;align-items:center;gap:8px;display:flex}.imp-step.active{opacity:1}.imp-step.done{opacity:.8}.imp-step-num{background:var(--border-medium);width:26px;height:26px;color:var(--text-primary);transition:background var(--transition-base), color var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.imp-step.active .imp-step-num{background:var(--adb-blue-light);color:#fff}.imp-step.done .imp-step-num{background:var(--status-paid);color:#fff}.imp-step-lbl{color:var(--text-primary);white-space:nowrap;font-size:.82rem;font-weight:600}.imp-step-line{background:var(--border-light);border-radius:1px;flex:1;height:2px;margin:0 12px}.imp-hdr-selector{background:var(--bg-primary);border-bottom:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 18px;display:flex}.imp-hdr-label{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.imp-hdr-select{border:1.5px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-secondary);min-width:220px;color:var(--text-primary);cursor:pointer;outline:none;flex:1;padding:6px 10px;font-size:.82rem}.imp-hdr-select:focus{border-color:var(--adb-blue-light)}.imp-map-wrap{max-height:460px;overflow:auto}.imp-map-table{border-collapse:collapse;width:100%;font-size:.8rem}.imp-map-table th{background:var(--adb-blue-dark);color:#fff;text-align:left;white-space:nowrap;z-index:2;padding:8px 12px;font-size:.75rem;font-weight:600;position:sticky;top:0}.imp-map-num{text-align:center;width:36px;color:var(--text-muted);border-bottom:1px solid var(--border-light);padding:8px 6px;font-size:.72rem}.imp-map-excel{border-bottom:1px solid var(--border-light);padding:8px 12px}.imp-map-sample{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--border-light);max-width:160px;padding:8px 12px;font-size:.75rem;overflow:hidden}.imp-map-db{border-bottom:1px solid var(--border-light);padding:6px 10px}.imp-map-row-ok{background:#00897b08}.imp-map-row-miss{background:#f59e0b0a}.imp-map-hdr-badge{border-radius:var(--radius-full);padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.imp-map-hdr-badge.ok{color:#00897b;background:#00897b1f}.imp-map-hdr-badge.miss{color:#d97706;background:#f59e0b1f}.imp-map-select{border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1.5px solid;outline:none;padding:5px 8px;font-size:.78rem}.imp-map-select.ok{border-color:#00897b66}.imp-map-select.miss{border-color:#f59e0b66}.imp-map-select:focus{border-color:var(--adb-blue-light)}.imp-td-skip{opacity:.3;font-style:italic}.ipl-page{flex-direction:column;gap:24px;padding-bottom:48px;display:flex}.ipl-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ipl-title{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 4px;font-size:1.35rem;font-weight:700;display:flex}.ipl-sub{color:var(--text-secondary);margin:0;font-size:.86rem}.ipl-back-btn{border-radius:var(--radius-md);border:1.5px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:500;display:inline-flex}.ipl-back-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.ipl-cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.ipl-card{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:20px;padding:28px 24px;display:flex}.ipl-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.ipl-card:hover:first-child{border-color:#00897b}.ipl-card:hover:last-child{border-color:var(--adb-blue-light)}.ipl-card-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.ipl-card-icon.excel{color:#00897b;background:#00897b1f}.ipl-card-icon.api{color:var(--adb-blue);background:#1565c01f}.ipl-card-body{flex:1}.ipl-card-title{color:var(--text-primary);margin:0 0 6px;font-size:1.05rem;font-weight:700}.ipl-card-desc{color:var(--text-secondary);margin:0 0 12px;font-size:.83rem;line-height:1.5}.ipl-card-features{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ipl-card-features li{color:var(--text-muted);align-items:center;gap:6px;font-size:.78rem;display:flex}.ipl-card-features svg{color:#00897b;flex-shrink:0}.ipl-card-arrow{color:var(--text-muted);transition:transform var(--transition-fast), color var(--transition-fast);flex-shrink:0}.ipl-card:hover .ipl-card-arrow{color:var(--text-primary);transform:translate(5px)}.ipl-api-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:20px;max-width:680px;padding:28px;display:flex}.ipl-field{flex-direction:column;gap:6px;display:flex}.ipl-label{color:var(--text-secondary);align-items:center;gap:6px;font-size:.83rem;font-weight:600;display:flex}.ipl-input{border:1.5px solid var(--border-medium);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);box-sizing:border-box;outline:none;padding:10px 14px;font-size:.88rem}.ipl-input:focus{border-color:var(--adb-blue-light)}.ipl-input-wrap{position:relative}.ipl-input-wrap .ipl-input{padding-right:44px}.ipl-eye-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ipl-eye-btn:hover{color:var(--text-primary)}.ipl-actions{gap:12px;display:flex}.ipl-note{background:var(--bg-primary);border:1px dashed var(--border-medium);border-radius:var(--radius-md);padding:12px 14px}