@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap);html{font-family:Roboto,sans-serif}body{margin:0}.form-control[data-v-b845a78a]{margin:.5rem 0}label[data-v-b845a78a]{font-weight:700;display:block;margin-bottom:.5rem}input[type=checkbox]+label[data-v-b845a78a]{font-weight:400;display:inline;margin:0 0 0 .5rem}input[data-v-b845a78a],textarea[data-v-b845a78a]{display:block;width:100%;border:1px solid #ccc;font:inherit}input[data-v-b845a78a]:focus,textarea[data-v-b845a78a]:focus{background-color:#f0e6fd;outline:none;border-color:#3d008d}input[type=checkbox][data-v-b845a78a]{display:inline;width:auto;border:none}input[type=checkbox][data-v-b845a78a]:focus{outline:1px solid #3d008d}h3[data-v-b845a78a]{margin:.5rem 0;font-size:1rem}.invalid label[data-v-b845a78a]{color:red}.invalid input[data-v-b845a78a],.invalid textarea[data-v-b845a78a]{border:1px solid red}.form-control[data-v-6e492988]{margin:.5rem 0}label[data-v-6e492988]{font-weight:700;display:block;margin-bottom:.5rem}input[type=checkbox]+label[data-v-6e492988]{font-weight:400;display:inline;margin:0 0 0 .5rem}input[data-v-6e492988],textarea[data-v-6e492988]{display:block;width:100%;border:1px solid #ccc;font:inherit}input[data-v-6e492988]:focus,textarea[data-v-6e492988]:focus{background-color:#f0e6fd;outline:none;border-color:#3d008d}input[type=checkbox][data-v-6e492988]{display:inline;width:auto;border:none}input[type=checkbox][data-v-6e492988]:focus{outline:1px solid #3d008d}h3[data-v-6e492988]{margin:.5rem 0;font-size:1rem}.invalid label[data-v-6e492988]{color:red}.invalid input[data-v-6e492988],.invalid textarea[data-v-6e492988]{border:1px solid red}.dashboard-container[data-v-01895ed6]{padding:20px;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);min-height:100vh}.dashboard-header[data-v-01895ed6]{background:#fff;padding:25px;border-radius:15px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 5px 15px rgba(0,0,0,.05)}.dashboard-icon[data-v-01895ed6]{width:60px;height:60px;background:linear-gradient(135deg,#28a745,#20c997);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-right:20px;font-size:28px;color:#fff}.dashboard-title[data-v-01895ed6]{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:5px}.dashboard-subtitle[data-v-01895ed6]{color:#6c757d;font-size:15px}.current-date[data-v-01895ed6]{background:#f8f9fa;padding:10px 20px;border-radius:10px;font-weight:500;color:#495057}.stats-card[data-v-01895ed6]{background:#fff;padding:25px;border-radius:15px;position:relative;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:all .3s ease;height:100%;border-top:4px solid transparent}.stats-card[data-v-01895ed6]:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.clients-card[data-v-01895ed6]{border-top-color:#667eea}.courts-card[data-v-01895ed6]{border-top-color:#f093fb}.revenue-card[data-v-01895ed6]{border-top-color:#4facfe}.mpesa-card[data-v-01895ed6]{border-top-color:#43e97b}.arrears-card[data-v-01895ed6]{border-top-color:#fa709a}.monthly-card[data-v-01895ed6]{border-top-color:#30cfd0}.card-icon[data-v-01895ed6]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:24px;color:#fff}.clients-card .card-icon[data-v-01895ed6]{background:linear-gradient(135deg,#667eea,#764ba2)}.courts-card .card-icon[data-v-01895ed6]{background:linear-gradient(135deg,#f093fb,#f5576c)}.revenue-card .card-icon[data-v-01895ed6]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.mpesa-card .card-icon[data-v-01895ed6]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.arrears-card .card-icon[data-v-01895ed6]{background:linear-gradient(135deg,#fa709a,#fee140)}.monthly-card .card-icon[data-v-01895ed6]{background:linear-gradient(135deg,#30cfd0,#330867)}.card-value[data-v-01895ed6]{font-size:32px;font-weight:700;color:#2c3e50;line-height:1;margin-bottom:8px}.card-label[data-v-01895ed6]{font-size:16px;font-weight:600;color:#495057;margin-bottom:5px}.card-desc[data-v-01895ed6]{font-size:13px;color:#6c757d;opacity:.8}.card-trend[data-v-01895ed6]{position:absolute;top:25px;right:25px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.card-trend.up[data-v-01895ed6]{background:rgba(40,167,69,.1);color:#28a745}.card-trend.down[data-v-01895ed6]{background:rgba(220,53,69,.1);color:#dc3545}.card-trend.stable[data-v-01895ed6]{background:rgba(108,117,125,.1);color:#6c757d}.card-trend.warning[data-v-01895ed6]{background:rgba(255,193,7,.1);color:#ffc107}.summary-card[data-v-01895ed6]{background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,.05)}.summary-header[data-v-01895ed6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.summary-header h3[data-v-01895ed6]{font-size:20px;font-weight:600;color:#2c3e50;margin:0}.summary-period[data-v-01895ed6]{background:#f8f9fa;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;color:#495057}.summary-item[data-v-01895ed6]{margin-bottom:20px}.summary-item[data-v-01895ed6]:last-child{margin-bottom:0}.summary-label[data-v-01895ed6]{display:flex;align-items:center;font-size:16px;font-weight:500;color:#495057;margin-bottom:10px}.summary-progress[data-v-01895ed6]{display:flex;align-items:center;gap:15px}.summary-progress .progress-bar[data-v-01895ed6]{flex:1;height:10px;background:#e9ecef;border-radius:5px;overflow:hidden;position:relative}.summary-progress .progress-bar[data-v-01895ed6]:after{content:"";position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#28a745,#20c997);border-radius:5px}.summary-progress .progress-value[data-v-01895ed6]{min-width:50px;text-align:right;font-weight:600;color:#2c3e50;font-size:14px}.quick-stat[data-v-01895ed6]{background:#fff;padding:20px;border-radius:15px;display:flex;align-items:center;box-shadow:0 5px 15px rgba(0,0,0,.05);height:100%}.quick-stat-icon[data-v-01895ed6]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:20px;font-size:24px;color:#fff}.avg-revenue[data-v-01895ed6]{background:linear-gradient(135deg,#667eea,#764ba2)}.avg-clients[data-v-01895ed6]{background:linear-gradient(135deg,#f093fb,#f5576c)}.collection-rate[data-v-01895ed6]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.quick-stat-value[data-v-01895ed6]{font-size:22px;font-weight:700;color:#2c3e50;margin-bottom:5px}.quick-stat-label[data-v-01895ed6]{font-size:14px;color:#6c757d}.dashboard-footer[data-v-01895ed6]{margin-top:40px;text-align:center;padding:20px}.footer-note[data-v-01895ed6]{display:inline-flex;align-items:center;background:#f8f9fa;padding:10px 20px;border-radius:25px;font-size:14px;color:#6c757d}@media (max-width:768px){.dashboard-header[data-v-01895ed6]{flex-direction:column;text-align:center;gap:15px}.dashboard-icon[data-v-01895ed6]{margin-right:0;margin-bottom:15px}.current-date[data-v-01895ed6]{font-size:14px}.card-value[data-v-01895ed6]{font-size:24px}.quick-stat[data-v-01895ed6]{flex-direction:column;text-align:center}.quick-stat-icon[data-v-01895ed6]{margin-right:0;margin-bottom:15px}}.form-control[data-v-2a27c97a]{margin:.5rem 0}label[data-v-2a27c97a]{font-weight:700;display:block;margin-bottom:.5rem}input[type=checkbox]+label[data-v-2a27c97a]{font-weight:400;display:inline;margin:0 0 0 .5rem}input[data-v-2a27c97a],textarea[data-v-2a27c97a]{display:block;width:100%;border:1px solid #ccc;font:inherit}input[data-v-2a27c97a]:focus,textarea[data-v-2a27c97a]:focus{background-color:#f0e6fd;outline:none;border-color:#3d008d}input[type=checkbox][data-v-2a27c97a]{display:inline;width:auto;border:none}input[type=checkbox][data-v-2a27c97a]:focus{outline:1px solid #3d008d}h3[data-v-2a27c97a]{margin:.5rem 0;font-size:1rem}.invalid label[data-v-2a27c97a]{color:red}.invalid input[data-v-2a27c97a],.invalid textarea[data-v-2a27c97a]{border:1px solid red}.form-control[data-v-3d9ad731]{margin:.5rem 0}label[data-v-3d9ad731]{font-weight:700;display:block;margin-bottom:.5rem}input[type=checkbox]+label[data-v-3d9ad731]{font-weight:400;display:inline;margin:0 0 0 .5rem}input[data-v-3d9ad731],textarea[data-v-3d9ad731]{display:block;width:100%;border:1px solid #ccc;font:inherit}input[data-v-3d9ad731]:focus,textarea[data-v-3d9ad731]:focus{background-color:#f0e6fd;outline:none;border-color:#3d008d}input[type=checkbox][data-v-3d9ad731]{display:inline;width:auto;border:none}input[type=checkbox][data-v-3d9ad731]:focus{outline:1px solid #3d008d}h3[data-v-3d9ad731]{margin:.5rem 0;font-size:1rem}.invalid label[data-v-3d9ad731]{color:red}.invalid input[data-v-3d9ad731],.invalid textarea[data-v-3d9ad731]{border:1px solid red}.form-control[data-v-39f9d798]{margin:.5rem 0}label[data-v-39f9d798]{font-weight:700;display:block;margin-bottom:.5rem}input[type=checkbox]+label[data-v-39f9d798]{font-weight:400;display:inline;margin:0 0 0 .5rem}input[data-v-39f9d798],textarea[data-v-39f9d798]{display:block;width:100%;border:1px solid #ccc;font:inherit}input[data-v-39f9d798]:focus,textarea[data-v-39f9d798]:focus{background-color:#f0e6fd;outline:none;border-color:#3d008d}input[type=checkbox][data-v-39f9d798]{display:inline;width:auto;border:none}input[type=checkbox][data-v-39f9d798]:focus{outline:1px solid #3d008d}h3[data-v-39f9d798]{margin:.5rem 0;font-size:1rem}.invalid label[data-v-39f9d798]{color:red}.invalid input[data-v-39f9d798],.invalid textarea[data-v-39f9d798]{border:1px solid red}.form-control[data-v-0d931ed7]{margin:.5rem 0}label[data-v-0d931ed7]{font-weight:700;display:block;margin-bottom:.5rem}input[type=checkbox]+label[data-v-0d931ed7]{font-weight:400;display:inline;margin:0 0 0 .5rem}input[data-v-0d931ed7],textarea[data-v-0d931ed7]{display:block;width:100%;border:1px solid #ccc;font:inherit}input[data-v-0d931ed7]:focus,textarea[data-v-0d931ed7]:focus{background-color:#f0e6fd;outline:none;border-color:#3d008d}input[type=checkbox][data-v-0d931ed7]{display:inline;width:auto;border:none}input[type=checkbox][data-v-0d931ed7]:focus{outline:1px solid #3d008d}h3[data-v-0d931ed7]{margin:.5rem 0;font-size:1rem}.invalid label[data-v-0d931ed7]{color:red}.invalid input[data-v-0d931ed7],.invalid textarea[data-v-0d931ed7]{border:1px solid red}body[data-v-03df101f]{background:#fdfbfb;margin-left:220px}ul[data-v-03df101f]{list-style:none;margin:0;padding:0}.controls[data-v-03df101f]{display:flex;justify-content:space-between}.form-control[data-v-57b912a6]{margin:.5rem 0}label[data-v-57b912a6]{font-weight:700;display:block;margin-bottom:.5rem}input[type=checkbox]+label[data-v-57b912a6]{font-weight:400;display:inline;margin:0 0 0 .5rem}input[data-v-57b912a6],textarea[data-v-57b912a6]{display:block;width:100%;border:1px solid #ccc;font:inherit}input[data-v-57b912a6]:focus,textarea[data-v-57b912a6]:focus{background-color:#f0e6fd;outline:none;border-color:#3d008d}input[type=checkbox][data-v-57b912a6]{display:inline;width:auto;border:none}input[type=checkbox][data-v-57b912a6]:focus{outline:1px solid #3d008d}h3[data-v-57b912a6]{margin:.5rem 0;font-size:1rem}.invalid label[data-v-57b912a6]{color:red}.invalid input[data-v-57b912a6],.invalid textarea[data-v-57b912a6]{border:1px solid red}.form-control[data-v-d8153094]{margin:.5rem 0}label[data-v-d8153094]{font-weight:700;display:block;margin-bottom:.5rem}input[type=checkbox]+label[data-v-d8153094]{font-weight:400;display:inline;margin:0 0 0 .5rem}input[data-v-d8153094],textarea[data-v-d8153094]{display:block;width:100%;border:1px solid #ccc;font:inherit}input[data-v-d8153094]:focus,textarea[data-v-d8153094]:focus{background-color:#f0e6fd;outline:none;border-color:#3d008d}input[type=checkbox][data-v-d8153094]{display:inline;width:auto;border:none}input[type=checkbox][data-v-d8153094]:focus{outline:1px solid #3d008d}h3[data-v-d8153094]{margin:.5rem 0;font-size:1rem}.invalid label[data-v-d8153094]{color:red}.invalid input[data-v-d8153094],.invalid textarea[data-v-d8153094]{border:1px solid red}.input[data-v-2181d739]{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:5px}.btn[data-v-2181d739]{background:#007bff;color:#fff;padding:.6rem 1.2rem;border-radius:5px;font-weight:700}.card[data-v-7549f8b4]{border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.26);padding:1rem;margin:1rem auto;max-width:80%}[data-v-2fe11706]{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;font-family:Josefin Sans,sans-serif}body[data-v-2fe11706]{background:#fdfbfb;margin-left:0}.wrapper[data-v-2fe11706]{display:flex;position:relative}.wrapper .sidebar[data-v-2fe11706]{position:fixed;width:200px;height:100%;background:#233042;padding:30px 0}.wrapper .sidebar h2[data-v-2fe11706]{color:#fff;text-transform:uppercase;text-align:center;margin-bottom:30px}.wrapper .sidebar ul li[data-v-2fe11706]{padding:2px;border-bottom:1px solid rgba(0,0,0,.05);border-top:1px solid hsla(0,0%,88.2%,.05)}.wrapper .sidebar ul li a[data-v-2fe11706]{color:#bdb8d7;display:block}.wrapper .sidebar ul li .fas[data-v-2fe11706]{width:25px}.wrapper .sidebar ul li[data-v-2fe11706] :hover{background:#594f8d}.wrapper .sidebar ul li :hover a[data-v-2fe11706]{color:#fff}.wrapper .main_content[data-v-2fe11706]{width:100%;margin-left:-20px;margin-top:20px}.wrapper .main_content .header[data-v-2fe11706]{background:rgba(249,251,252,.973);color:#717171;border-bottom:1px solid #e0e4e8;height:3rem;width:101%;margin-top:-15px}.header nav[data-v-2fe11706]{width:90%;margin:auto;display:flex;justify-content:space-between;align-items:center}.header ul[data-v-2fe11706]{list-style:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center}.header a[data-v-2fe11706]{text-decoration:none;display:inline-block;padding:.75rem 1.5rem;border:1px solid transparent}table[data-v-2fe11706],td[data-v-2fe11706],th[data-v-2fe11706]{border:1px solid;padding:7px}table[data-v-2fe11706]{width:90%;border:1px solid;border-collapse:collapse}table[data-v-2fe11706],tr[data-v-2fe11706]{color:#717171}a[data-v-28334db8],button[data-v-28334db8]{text-decoration:none;padding:.75rem 1.5rem;font:inherit;background-color:#3a0061;border:1px solid #3a0061;color:#fff;cursor:pointer;border-radius:30px;margin-right:.5rem;display:inline-block}a[data-v-28334db8]:active,a[data-v-28334db8]:hover,button[data-v-28334db8]:active,button[data-v-28334db8]:hover{background-color:#270041;border-color:#270041}.flat[data-v-28334db8]{background-color:transparent;color:#3a0061;border:none}.outline[data-v-28334db8]{background-color:transparent;border-color:#270041;color:#270041}.flat[data-v-28334db8]:active,.flat[data-v-28334db8]:hover,.outline[data-v-28334db8]:active,.outline[data-v-28334db8]:hover{background-color:#edd2ff}.badge[data-v-eb8acac0]{background-color:#ccc;color:#252525;border-radius:30px;padding:.5rem 1.5rem;display:inline-block;margin-right:.5rem}.frontend[data-v-eb8acac0]{background-color:#3d008d;color:#fff}.backend[data-v-eb8acac0]{background-color:#71008d;color:#fff}.career[data-v-eb8acac0]{background-color:#8d006e;color:#fff}*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;font-family:Josefin Sans,sans-serif}body{background:#fdfbfb}.wrapper{display:flex;flex-direction:column}.main_content{width:100%;padding:20px}.header{background:rgba(249,251,252,.973);color:#717171;border-bottom:1px solid #e0e4e8;height:3rem;justify-content:center}.header,nav{display:flex;align-items:center}nav{width:90%;margin:auto;justify-content:space-between;position:relative}nav ul{display:flex;gap:15px;align-items:center;transition:all .3s ease}nav ul li{display:block}nav a{text-decoration:none;padding:.5rem 1rem;color:#333}.menu-toggle{display:none;font-size:1.5rem;cursor:pointer}@media (max-width:768px){nav ul{display:none;position:absolute;top:3.5rem;right:0;background:#fff;flex-direction:column;width:200px;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:6px;z-index:1000}nav ul.show{display:flex}.menu-toggle{display:block}}table,td,th{border:1px solid;padding:7px}table{width:90%;border-collapse:collapse;color:#717171}