:root{--primary:#0d1b2a;--primary-light:#1a2a3a;--primary-lighter:#243449;--accent:#1b4f72;--accent-light:#2874a6;--success:#27ae60;--success-light:#2ecc71;--warning:#f39c12;--warning-light:#f1c40f;--danger:#e74c3c;--danger-light:#ec7063;--bg:#0f1419;--surface:#151d28;--surface-light:#1e2936;--border:#2a3a4a;--text-primary:#fff;--text-secondary:#b0bec5;--text-tertiary:#78909c;--success-bg:#0f3a1e;--warning-bg:#3d2e0f;--danger-bg:#3d1f1a;--info-bg:#0f2a3a}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f1419;background-color:var(--bg);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{height:100%;width:100%}.app-container{height:100vh;width:100%}.app-container,.app-main{display:flex;overflow:hidden}.app-main{flex:1 1;flex-direction:column}.app-header{align-items:center;background-color:#151d28;background-color:var(--surface);border-bottom:1px solid #2a3a4a;border-bottom:1px solid var(--border);display:flex;height:70px;justify-content:space-between;padding:16px 32px}.app-header h1{font-size:24px;font-weight:600}.app-content{background-color:#0f1419;background-color:var(--bg);flex:1 1;overflow-x:hidden;overflow-y:auto;padding:32px}.app-content::-webkit-scrollbar{width:8px}.app-content::-webkit-scrollbar-track{background:#0000}.app-content::-webkit-scrollbar-thumb{background:#2a3a4a;background:var(--border);border-radius:4px}.app-content::-webkit-scrollbar-thumb:hover{background:#78909c;background:var(--text-tertiary)}.sidebar{background-color:#151d28;background-color:var(--surface);border-right:1px solid #2a3a4a;border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;padding:24px 0;position:fixed;top:0;width:280px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#2a3a4a;background:var(--border);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#78909c;background:var(--text-tertiary)}.sidebar-logo{border-bottom:1px solid #2a3a4a;border-bottom:1px solid var(--border);margin-bottom:8px;padding:0 24px 32px}.sidebar-logo a{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:12px;text-decoration:none;transition:color .2s}.sidebar-logo a:hover{color:#2874a6;color:var(--accent-light)}.sidebar-logo svg{color:#1b4f72;color:var(--accent);height:28px;width:28px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px}.nav-section{margin-bottom:24px}.nav-section-label{color:#78909c;color:var(--text-tertiary);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;padding:8px 12px;text-transform:uppercase}.nav-link{align-items:center;border-radius:6px;color:#b0bec5;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;position:relative;text-decoration:none;transition:all .2s}.nav-link:hover{background-color:#243449;background-color:var(--primary-lighter);color:#fff;color:var(--text-primary)}.nav-link.active{background-color:#1b4f72;background-color:var(--accent);color:#fff}.nav-link svg{flex-shrink:0;height:20px;width:20px}.nav-badge{background-color:#e74c3c;background-color:var(--danger);border-radius:10px;color:#fff;font-size:11px;font-weight:600;margin-left:auto;min-width:20px;padding:2px 6px;text-align:center}.sidebar-user{border-top:1px solid #2a3a4a;border-top:1px solid var(--border);margin-top:auto;padding:16px}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background-color:#1b4f72;background-color:var(--accent);border-radius:50%;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.user-details{flex:1 1;min-width:0}.user-name{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600}.user-email{color:#78909c;color:var(--text-tertiary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background-color:initial;border:1px solid #2a3a4a;border:1px solid var(--border);border-radius:6px;color:#b0bec5;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;margin-top:12px;padding:8px;transition:all .2s;width:100%}.logout-btn:hover{background-color:#e74c3c;background-color:var(--danger);border-color:#e74c3c;border-color:var(--danger);color:#fff}.page-container{margin-left:280px;width:calc(100% - 280px)}.login-container{align-items:center;background:linear-gradient(135deg,#0d1b2a,#1a2a3a);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);display:flex;height:100vh;justify-content:center;width:100%}.login-box{background-color:#151d28;background-color:var(--surface);border:1px solid #2a3a4a;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:48px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-logo{color:#fff;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:8px}.login-subtitle{color:#78909c;color:var(--text-tertiary);font-size:14px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:600;margin-bottom:8px}.form-input,.form-label{color:#fff;color:var(--text-primary);font-size:14px}.form-input{background-color:#243449;background-color:var(--primary-lighter);border:1px solid #2a3a4a;border:1px solid var(--border);border-radius:6px;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus{background-color:#1e2936;background-color:var(--surface-light);border-color:#1b4f72;border-color:var(--accent);box-shadow:0 0 0 3px #1b4f721a;outline:none}.form-input::placeholder{color:#78909c;color:var(--text-tertiary)}.form-button{background-color:#1b4f72;background-color:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:4px;padding:12px;transition:all .2s;width:100%}.form-button:hover{background-color:#2874a6;background-color:var(--accent-light);box-shadow:0 8px 16px #1b4f7233;transform:translateY(-2px)}.form-button:active{transform:translateY(0)}.login-hint{border-top:1px solid #2a3a4a;border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.hint-label{color:#78909c;color:var(--text-tertiary);display:block;font-size:12px;font-weight:600;margin-bottom:8px}.hint-text{background-color:#0f2a3a;background-color:var(--info-bg);border-left:2px solid #1b4f72;border-left:2px solid var(--accent);border-radius:4px;color:#b0bec5;color:var(--text-secondary);font-size:13px;padding:10px}.hint-text strong{color:#2874a6;color:var(--accent-light);font-weight:600}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}@media (max-width:1400px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background-color:#151d28;background-color:var(--surface);border:1px solid #2a3a4a;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;padding:20px;transition:all .3s}.stat-card:hover{border-color:#1b4f72;border-color:var(--accent);box-shadow:0 12px 24px #1b4f7226;transform:translateY(-4px)}.stat-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.stat-card-icon{align-items:center;background-color:#1b4f7226;border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.stat-card-icon svg{color:#1b4f72;color:var(--accent);height:22px;width:22px}.stat-card-change{align-items:center;border-radius:4px;display:flex;font-size:13px;font-weight:600;gap:4px;padding:4px 8px}.stat-card-change.positive{background-color:#0f3a1e;background-color:var(--success-bg);color:#2ecc71;color:var(--success-light)}.stat-card-change.negative{background-color:#3d1f1a;background-color:var(--danger-bg);color:#ec7063;color:var(--danger-light)}.stat-card-change svg{height:14px;width:14px}.stat-card-label{color:#78909c;color:var(--text-tertiary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-card-value{color:#fff;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:4px}.stat-card-subtext{color:#b0bec5;color:var(--text-secondary);font-size:12px}.chart-container{background-color:#151d28;background-color:var(--surface);border:1px solid #2a3a4a;border:1px solid var(--border);border-radius:12px;padding:24px}.chart-container,.chart-header{margin-bottom:24px}.chart-title{color:#fff;color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:4px}.chart-subtitle{color:#78909c;color:var(--text-tertiary);font-size:13px}.charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:24px}@media (max-width:1400px){.charts-row{grid-template-columns:1fr}}.recharts-wrapper{height:350px;width:100%}.data-table-container{background-color:#151d28;background-color:var(--surface);border:1px solid #2a3a4a;border:1px solid var(--border);border-radius:12px;overflow:hidden}.data-table-header{align-items:center;border-bottom:1px solid #2a3a4a;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.data-table-title{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600}.data-table-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-input{background-color:#243449;background-color:var(--primary-lighter);border:1px solid #2a3a4a;border:1px solid var(--border);border-radius:6px;color:#fff;color:var(--text-primary);font-size:13px;padding:8px 12px;transition:all .2s;width:220px}.search-input:focus{background-color:#1e2936;background-color:var(--surface-light);border-color:#1b4f72;border-color:var(--accent);outline:none}.search-input::placeholder{color:#78909c;color:var(--text-tertiary)}.filter-select{background-color:#243449;background-color:var(--primary-lighter);border:1px solid #2a3a4a;border:1px solid var(--border);border-radius:6px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s}.filter-select:focus{background-color:#1e2936;background-color:var(--surface-light);border-color:#1b4f72;border-color:var(--accent);outline:none}.filter-select option{background-color:#151d28;background-color:var(--surface);color:#fff;color:var(--text-primary)}.data-table{border-collapse:collapse;overflow:hidden;width:100%}.data-table thead{background-color:#243449;background-color:var(--primary-lighter)}.data-table th{color:#b0bec5;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid #2a3a4a;border-bottom:1px solid var(--border)}.data-table td{color:#fff;color:var(--text-primary);font-size:14px;padding:14px 16px}.data-table tbody tr{cursor:pointer;transition:all .2s}.data-table tbody tr:hover{background-color:#243449;background-color:var(--primary-lighter)}.data-table tbody tr:last-child td{border-bottom:none}.table-cell-truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-actions{align-items:center;display:flex;gap:8px}.action-btn{background-color:initial;border:1px solid #2a3a4a;border:1px solid var(--border);border-radius:4px;color:#b0bec5;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;transition:all .2s}.action-btn:hover{background-color:#1b4f72;background-color:var(--accent);border-color:#1b4f72;border-color:var(--accent);color:#fff}.action-btn.danger:hover{background-color:#e74c3c;background-color:var(--danger);border-color:#e74c3c;border-color:var(--danger)}.action-btn svg{height:14px;width:14px}.pagination{align-items:center;border-top:1px solid #2a3a4a;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:center;padding:20px}.pagination-btn{background-color:#243449;background-color:var(--primary-lighter);border:1px solid #2a3a4a;border:1px solid var(--border);border-radius:4px;color:#b0bec5;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#1b4f72;background-color:var(--accent);border-color:#1b4f72;border-color:var(--accent);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#78909c;color:var(--text-tertiary);font-size:13px;margin:0 8px}.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.status-active{background-color:#0f3a1e;background-color:var(--success-bg);color:#2ecc71;color:var(--success-light)}.status-inactive{background-color:#3d1f1a;background-color:var(--danger-bg);color:#ec7063;color:var(--danger-light)}.status-pending{background-color:#3d2e0f;background-color:var(--warning-bg);color:#f1c40f;color:var(--warning-light)}.status-verified{background-color:#0f3a1e;background-color:var(--success-bg);color:#2ecc71;color:var(--success-light)}.status-unverified{background-color:#b2bec31a;color:#b0bec5;color:var(--text-secondary)}.plan-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.plan-free{background-color:#b2bec31a;color:#b0bec5;color:var(--text-secondary)}.plan-basic{background-color:#1b4f7226;color:#2874a6;color:var(--accent-light)}.plan-pro{background-color:#27ae6026;color:#2ecc71;color:var(--success-light)}.detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.detail-title{color:#fff;color:var(--text-primary);font-size:32px;font-weight:700}.detail-actions{display:flex;gap:12px}.detail-btn{background-color:initial;border:1px solid #2a3a4a;border:1px solid var(--border);border-radius:6px;color:#b0bec5;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.detail-btn:hover{background-color:#1b4f72;background-color:var(--accent);border-color:#1b4f72;border-color:var(--accent);color:#fff}.detail-btn.danger:hover{background-color:#e74c3c;background-color:var(--danger);border-color:#e74c3c;border-color:var(--danger)}.detail-btn.primary{background-color:#1b4f72;background-color:var(--accent);border-color:#1b4f72;border-color:var(--accent);color:#fff}.detail-btn.primary:hover{background-color:#2874a6;background-color:var(--accent-light);border-color:#2874a6;border-color:var(--accent-light)}.profile-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.profile-card{background-color:#151d28;background-color:var(--surface);border:1px solid #2a3a4a;border:1px solid var(--border);border-radius:12px;padding:24px}.profile-field{margin-bottom:20px}.profile-field:last-child{margin-bottom:0}.profile-label{color:#78909c;color:var(--text-tertiary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.profile-value{color:#fff;color:var(--text-primary);font-size:15px;font-weight:500}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.two-column-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:24px}@media (max-width:1024px){.two-column-grid{grid-template-columns:1fr}}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.btn-primary{background-color:#1b4f72;background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:#2874a6;background-color:var(--accent-light);box-shadow:0 8px 16px #1b4f7233;transform:translateY(-2px)}.btn-secondary{background-color:initial;border:1px solid #2a3a4a;border:1px solid var(--border);color:#b0bec5;color:var(--text-secondary)}.btn-secondary:hover{background-color:#243449;background-color:var(--primary-lighter);border-color:#1b4f72;border-color:var(--accent);color:#fff;color:var(--text-primary)}.btn-danger{background-color:#e74c3c;background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#ec7063;background-color:var(--danger-light)}.btn-success{background-color:#27ae60;background-color:var(--success);color:#fff}.btn-success:hover{background-color:#2ecc71;background-color:var(--success-light)}.btn-small{font-size:12px;padding:6px 12px}.btn-icon{height:36px;justify-content:center;padding:8px;width:36px}.btn-icon svg{height:18px;width:18px}@media (max-width:1024px){.sidebar{width:240px}.page-container{margin-left:240px;width:calc(100% - 240px)}.app-content{padding:24px}.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{padding:16px 0;width:200px}.sidebar-logo{padding:0 16px 24px}.sidebar-nav{padding:12px}.page-container{margin-left:200px;width:calc(100% - 200px)}.app-content{padding:16px}.app-header{padding:12px 16px}.dashboard-grid{grid-template-columns:1fr}.data-table-header{align-items:flex-start;flex-direction:column}.data-table-controls{flex-direction:column;width:100%}.filter-select,.search-input{width:100%}.charts-row{grid-template-columns:1fr}.detail-header{align-items:flex-start;flex-direction:column;gap:16px}.detail-actions{flex-direction:column;width:100%}.detail-btn{justify-content:center;width:100%}.table-cell-truncate{max-width:100px}}.text-primary{color:#fff;color:var(--text-primary)}.text-secondary{color:#b0bec5;color:var(--text-secondary)}.text-tertiary{color:#78909c;color:var(--text-tertiary)}.text-success{color:#2ecc71;color:var(--success-light)}.text-danger{color:#ec7063;color:var(--danger-light)}.text-warning{color:#f1c40f;color:var(--warning-light)}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1e293b;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #0006;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-content.modal-lg{max-width:700px}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#f1f5f9;font-size:1.25rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.modal-close:hover{background:#ffffff1a;color:#f1f5f9}.modal-content form{padding:24px}.modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding:16px 0 0}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:600px){.form-grid{grid-template-columns:1fr}}.alert{border-radius:8px;font-size:.875rem;margin-bottom:16px;padding:12px 16px}.alert-error{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.alert-success{background:#22c55e26;border:1px solid #22c55e4d;color:#86efac}
/*# sourceMappingURL=main.d44e5d3a.css.map*/