body{margin:0}.main-nav{background:linear-gradient(to right,#fff,#f8f9fa);padding:1rem 2.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;justify-content:flex-end;align-items:center;gap:2.5rem;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(229,231,235,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-link{text-decoration:none;color:#374151;font-size:.95rem;font-weight:500;padding:.625rem 1.25rem;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;letter-spacing:.3px}.nav-link:before{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;background-color:#3b82f6;transition:width .3s ease}.nav-link:hover:before{width:80%}.nav-link:hover{color:#3b82f6;transform:translateY(-1px)}.nav-link.active{color:#3b82f6;background-color:#3b82f61a}.nav-link.active:before{width:80%}.nav-link:last-child{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.625rem 1.5rem;border:none;box-shadow:0 4px 6px -1px #3b82f64d}.nav-link:last-child:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 8px -1px #3b82f666}.nav-link:last-child:before{display:none}.nav-link:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}@media (max-width: 768px){.main-nav{padding:.875rem 1.25rem;gap:1.25rem}.nav-link{font-size:.875rem;padding:.5rem 1rem}.nav-link:last-child{padding:.5rem 1.25rem}}html{scroll-behavior:smooth}@media (prefers-color-scheme: dark){.main-nav{background:linear-gradient(to right,#1f2937,#111827);border-bottom:1px solid rgba(55,65,81,.5)}.nav-link{color:#e5e7eb}.nav-link:hover{color:#60a5fa}.nav-link.active{background-color:#60a5fa1a;color:#60a5fa}.nav-link:last-child{background:linear-gradient(135deg,#3b82f6,#2563eb)}.nav-link:last-child:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.main-nav{animation:fadeIn .5s ease-out}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px}.user-card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease;max-width:280px}.user-card:hover{transform:translateY(-5px)}.profile-image{text-align:center;margin-bottom:15px}.profile-image img{width:80px;height:80px;border-radius:50%;object-fit:cover}.user_info{text-align:center;margin-bottom:15px}.user-info p{margin:5px 0;color:#333;font-size:14px}.user-name{font-weight:600;font-size:16px;color:#2c3e50}.toggle_btn{width:20px;height:20px;border-radius:4px;border:2px solid #007bff;background-color:#fff;cursor:pointer;margin:10px auto;transition:background-color .2s ease}.toggled{background-color:#007bff}.tab-content{background-color:#f8f8f8;padding:15px;border-radius:4px;font-size:14px;color:#444}@media (max-width: 768px){.cards-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:15px;gap:15px}.user-card{padding:15px}.profile-image img{width:60px;height:60px}}@media (max-width: 480px){.cards-container{grid-template-columns:1fr}.user-card{max-width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;width:100%}h2{color:#333;margin-bottom:1.5rem;font-size:1.5rem;text-align:center}select{width:100%;padding:.75rem;margin-bottom:1.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z' fill='%23333'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:.75rem}.modal-buttons{display:flex;justify-content:flex-end;gap:1rem}button{padding:.5rem 1rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}button:first-child{background-color:#f0f0f0;color:#333}button:first-child:hover{background-color:#e0e0e0}button:last-child{background-color:#4caf50;color:#fff}button:last-child:hover{background-color:#45a049}.page-container{max-width:1200px;margin:0 auto;padding:20px;background-color:#f8f9fa;min-height:100vh}h1{color:#2c3e50;margin-bottom:24px;font-size:28px;font-weight:600}.user-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.filter-buttons{display:flex;gap:8px}.filter-button{padding:8px 16px;background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#555}.filter-button:hover{background-color:#e0e0e0}.filter-button.active{background-color:#007bff;color:#fff;box-shadow:0 2px 4px #007bff33}.search-input{width:100%;padding:12px 16px;margin-bottom:24px;border:1px solid #dee2e6;border-radius:6px;font-size:15px;transition:border-color .2s ease;background-color:#fff}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.send-notification-button{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px}.send-notification-button:hover{background-color:#218838;transform:translateY(-1px)}.send-notification-button:active{transform:translateY(0)}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:8px}@media (max-width: 992px){.page-container{padding:16px}.user-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 768px){.user-list-header{flex-direction:column;align-items:flex-start;gap:16px}.filter-buttons{margin-top:12px;width:100%;justify-content:flex-start}h1{font-size:24px}}@media (max-width: 480px){.page-container{padding:12px}.user-grid{grid-template-columns:1fr}.filter-button{padding:6px 12px;font-size:13px}}.button-groups{display:flex;gap:12px;align-items:center}.unselect-button{padding:8px 16px;background-color:#ff4d4f;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.unselect-button:hover{background-color:#ff7875;transform:translateY(-1px);box-shadow:0 2px 4px #ff4d4f33}.unselect-button:active{transform:translateY(0);background-color:#f5222d}@media (max-width: 768px){.button-groups{flex-direction:column;width:100%;gap:8px}.unselect-button{width:100%;justify-content:center}}@media (max-width: 480px){.unselect-button{padding:6px 12px;font-size:13px}}.user-details-container{padding:24px;max-width:1200px;margin:0 auto}.user-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eee}.user-details-info h1{margin:0;font-size:24px;font-weight:600}.username{margin-top:4px;color:#666;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #ddd;border-radius:4px}.stat-card svg{color:#666}.stat-content{display:flex;flex-direction:column}.stat-label{font-size:12px;color:#666}.stat-value{font-size:14px;color:#333;font-weight:500;margin-top:2px}.message-button-container{display:flex;justify-content:flex-end;margin-bottom:16px}.message-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;color:#333;transition:all .2s ease}.message-button:hover{background-color:#e9ecef}.message-button svg{width:16px;height:16px;color:#666}.message-text{font-size:14px;color:#666}.tabs-container{background:#fff;border:1px solid #ddd;border-radius:4px}.tabs-header{display:flex;background:#f8f9fa;border-bottom:1px solid #ddd;padding:0 16px}.tab-button{padding:12px 24px;font-size:14px;font-weight:500;color:#666;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;position:relative;margin-right:16px}.tab-button:last-child{margin-right:0}.tab-button:hover{color:#333}.tab-button.active{color:#2196f3;border-bottom:2px solid #2196f3}.tab-content{padding:20px}@media (max-width: 768px){.tabs-header{overflow-x:auto;padding:0 12px}.tab-button{padding:12px 16px;margin-right:12px;white-space:nowrap}}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:12px;text-align:left;border-bottom:1px solid #eee;font-size:14px}.history-table th{font-weight:500;color:#666;background-color:#f8f9fa}.history-table tr:hover{background-color:#f8f9fa}.history-table td{color:#333}.status-badge,.plan-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.loading-state,.error-state,.not-found-state{padding:40px;text-align:center;font-size:14px;color:#666}.error-state{color:#dc3545}.empty-state{padding:40px;text-align:center;color:#666;font-size:14px}@media (max-width: 768px){.user-details-container{padding:16px}.user-details-header{flex-direction:column;align-items:flex-start;gap:16px}.stats-grid{grid-template-columns:1fr}.message-button-container{justify-content:flex-start}.tabs-header{overflow-x:auto;white-space:nowrap}.tab-button{padding:12px 16px}.history-table{display:block;overflow-x:auto;white-space:nowrap}.history-table th,.history-table td{padding:8px 12px}}@media print{.message-button-container{display:none}.user-details-container{padding:0}.tabs-header{display:none}.tab-content{padding:0}}.history{margin-top:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.history h2{font-size:1.5rem;margin-bottom:15px;color:#333}.history-table{width:100%;border-collapse:separate;border-spacing:0}.history-table th,.history-table td,.plan-table td{border:1px solid #e0e0e0;padding:12px;text-align:left}.history-table th{background-color:#f5f5f5;font-weight:700;color:#333;text-transform:uppercase;font-size:.9rem}.history-table tr:nth-child(2n){background-color:#f9f9f9}.history-table tr:hover{background-color:#f0f0f0}.status{padding:6px 10px;border-radius:20px;font-weight:700;font-size:.8rem;text-transform:uppercase;display:inline-block}.status.pending{background-color:gold;color:#000}.status.approved,.status.active{background-color:#90ee90;color:#006400}.status.rejected,.status.expired{background-color:tomato;color:#fff}.cheque-image{width:50px;height:50px;object-fit:cover;cursor:pointer;border-radius:4px;transition:transform .2s ease-in-out}.cheque-image:hover{transform:scale(1.1)}@media (max-width: 768px){.payment-table,.plan-table{font-size:.9rem}.payment-table th,.payment-table td,.plan-table th,.plan-table td{padding:8px}.status{padding:4px 8px;font-size:.7rem}}.messages-container{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.messages-container h1{font-size:24px;margin-bottom:20px}.new-message-form{background-color:#f0f0f0;padding:20px;border-radius:8px;margin-bottom:20px}.new-message-form h2{font-size:18px;margin-bottom:10px}.messages-container input,.messages-container textarea{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.messages-container textarea{resize:vertical}.messages-container button{padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.messages-container .add-button{background-color:#4caf50;color:#fff}.messages-container .add-button:hover{background-color:#45a049}.message-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;margin-bottom:20px}.message-card h2{font-size:18px;margin-bottom:10px}.message-card p{margin-bottom:15px;white-space:pre-wrap}.button-group{display:flex;justify-content:flex-end}.edit-button,.save-button{background-color:#008cba;color:#fff;margin-right:10px}.edit-button:hover,.save-button:hover{background-color:#007b9a}.delete-button{background-color:#f44336;color:#fff}.delete-button:hover{background-color:#da190b}.cancel-button{background-color:#555;color:#fff}.cancel-button:hover{background-color:#333}.delivery-status{margin:15px 0;padding:15px;background-color:#f8f9fa;border-radius:4px}.status-button{background-color:#6c757d;color:#fff;padding:8px 16px;border-radius:4px;border:none;cursor:pointer;transition:background-color .3s}.status-button:hover{background-color:#5a6268}.loading-status{color:#6c757d;font-style:italic;text-align:center;padding:10px}.status-details h3{font-size:16px;margin-bottom:12px;color:#495057}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.status-item{display:flex;justify-content:space-between;padding:8px;background-color:#fff;border-radius:4px;border:1px solid #dee2e6}.status-item span:first-child{color:#6c757d;font-weight:500}.status-item span:last-child{color:#212529;font-weight:600}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f2f5}.login-form{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 0 10px #0000001a;width:100%;max-width:400px}.login-form h2{text-align:center;margin-bottom:1.5rem;color:#333}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#555}.form-group input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}button{width:100%;padding:.75rem;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#357ae8}button:disabled{background-color:#ccc;cursor:not-allowed}.payments-container{padding:24px;max-width:1200px;margin:0 auto}.payments-header{margin-bottom:24px}.payments-header h1{font-size:24px;font-weight:700;margin-bottom:16px}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.search-input,.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%}.table-container{border:1px solid #ddd;border-radius:4px;overflow-x:auto}table{table-layout:fixed;width:100%;border-collapse:collapse;white-space:nowrap}th{background-color:#f5f5f5;padding:12px 16px;text-align:left;font-weight:600;cursor:pointer;transition:background-color .2s}th:hover{background-color:#eee}td{padding:12px 16px;border-top:1px solid #ddd}tr:hover{background-color:#f9f9f9}th:nth-child(1),td:nth-child(1){width:20%}th:nth-child(2),td:nth-child(2){width:15%}th:nth-child(3),td:nth-child(3){width:12%}th:nth-child(4),td:nth-child(4){width:12%}th:nth-child(5),td:nth-child(5){width:15%}th:nth-child(6),td:nth-child(6){width:15%}th:nth-child(7),td:nth-child(7){width:11%}.username-link{cursor:pointer;color:#2196f3}.username-link:hover{text-decoration:underline}.user-id{display:block;font-size:12px;color:#666;margin-top:4px}.from-text{color:#666;font-size:14px}.plan-badge,.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.plan-badge.basic{background-color:#2196f31a;color:#2196f3}.plan-badge.standard{background-color:#ff98001a;color:#ff9800}.plan-badge.premium{background-color:#9c27b01a;color:#9c27b0}.status-badge.active{background-color:#4caf501a;color:#4caf50}.status-badge.expired{background-color:#f443361a;color:#f44336}.delete-button{background-color:#f44336;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.delete-button:hover{background-color:#d32f2f}.delete-button:disabled{background-color:#ffcdd2;cursor:not-allowed}.delete-button.loading{opacity:.7}.analytics-container{margin-bottom:32px}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.analytics-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #eee}.analytics-card h3{margin:0 0 16px;font-size:16px;color:#666;font-weight:500}.analytics-value{font-size:32px;font-weight:600;color:#2196f3;margin-bottom:8px}.analytics-subtitle{font-size:14px;color:#666}.source-analytics{margin-bottom:24px}.source-analytics .analytics-content{display:flex;flex-direction:column;gap:8px}.source-analytics .analytics-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#f5f5f5;border-radius:4px;transition:background-color .2s}.source-analytics .analytics-row:hover{background-color:#eee}.source-analytics .analytics-row span:first-child{color:#666}.source-analytics .analytics-row span:last-child{font-weight:500;color:#2196f3}.analytics-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.analytics-row:last-child{border-bottom:none}.analytics-row span:first-child{color:#666}.analytics-row span:last-child{font-weight:500;color:#333}.total-payments .analytics-value{color:#4caf50}.loading-state,.error-state{padding:24px;text-align:center;color:#666}.error-state{color:#f44336}@media (max-width: 768px){.analytics-grid,.filters{grid-template-columns:1fr}.search-input,.filter-select{width:100%}.table-container{margin:0 -24px;width:calc(100% + 48px);border-left:none;border-right:none;border-radius:0}th,td{padding:12px 8px;font-size:13px}.delete-button{padding:4px 8px;font-size:13px}.source-analytics .analytics-row{flex-direction:column;align-items:flex-start;gap:4px}.source-analytics .analytics-row span:last-child{font-size:13px}}@media print{.payments-container{padding:0}.filters,.delete-button{display:none}.table-container{border:none}th{background-color:#fff!important;color:#000}tr{page-break-inside:avoid}.plan-badge,.status-badge{background:none!important;padding:0;color:#000!important}}:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--background-color: #f3f4f6;--card-background: #ffffff;--text-primary: #111827;--text-secondary: #4b5563;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--gradient-start: #4f46e5;--gradient-end: #6366f1}body{background-color:var(--background-color);color:var(--text-primary)}.dashboard{padding:2rem;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:1rem 0}.dashboard-title{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin:0;background:linear-gradient(to right,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.025em}.period-selector{padding:.75rem 2.5rem .75rem 1.5rem;border:2px solid var(--border-color);border-radius:.5rem;background-color:var(--card-background);font-size:.95rem;font-weight:500;cursor:pointer;min-width:140px;transition:all .2s ease;color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.period-selector:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.period-selector:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.chart-card,.stat-card{background:var(--card-background);border-radius:1rem;box-shadow:var(--shadow-md);margin-bottom:2rem;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--border-color);overflow:hidden}.chart-card:hover,.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header{padding:1.25rem 1.75rem;border-bottom:1px solid var(--border-color);background:linear-gradient(to right,rgba(79,70,229,.05),transparent)}.card-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.card-content{padding:1.75rem}.chart-container{height:450px;width:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.stat-value{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-top:.5rem;letter-spacing:-.025em}.loading-container{display:flex;height:400px;align-items:center;justify-content:center}.loading-spinner{width:2.5rem;height:2.5rem;animation:spin 1s linear infinite;color:var(--primary-color)}.error-container{display:flex;height:400px;align-items:center;justify-content:center;color:#dc2626;font-size:1.1rem;text-align:center;padding:2rem;background:#fee2e2;border-radius:.5rem;border:1px solid #fecaca}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.dashboard{padding:1rem}.dashboard-header{flex-direction:column;gap:1.25rem;align-items:flex-start}.dashboard-title{font-size:1.875rem}.chart-container{height:300px}.stat-value{font-size:2rem}.stats-grid{grid-template-columns:1fr;gap:1.5rem}}