*{margin:0;padding:0;box-sizing:border-box}.sidebar{background:#1e40af;width:64px;flex-shrink:0;transition:width .3s ease;height:100vh}.sidebar.expanded{width:260px}.sidebar-header{display:flex;align-items:center;gap:10px;padding:20px;border-bottom:1px solid #2563eb;white-space:nowrap}.logo-icon{font-size:20px}.logo-text{opacity:0;transition:opacity .3s}.sidebar.expanded .logo-text{opacity:1}.lock-icon{margin-left:auto;cursor:pointer;opacity:0;transition:opacity .3s}.sidebar.expanded .lock-icon{opacity:1}.sidebar-menu{padding:10px 0}.menu-item{display:flex;align-items:center;gap:15px;padding:15px 20px;cursor:pointer;transition:background .3s,color .3s;white-space:nowrap}.menu-icon{font-size:20px;min-width:20px}.menu-item span{opacity:0;transition:opacity .3s}.sidebar.expanded .menu-item span{opacity:1}.menu-item:hover{background:#fbbf24;color:#1e3a8a}.menu-item.active{background:#2563eb;border-left:3px solid #fbbf24}.app-layout{display:flex;min-height:100vh}.sidebar{flex-shrink:0}@media(max-width:768px){.sidebar{position:fixed;left:-260px;top:0;z-index:1000}.sidebar.expanded{left:0}.app-main{margin-left:0}}.user-management,.main-content,.content-grid{min-width:0}.user-management{min-height:100vh;background:linear-gradient(to bottom right,#f9fafb,#f3f4f6)}.header-content{width:100%;padding:1rem 1.5rem}.main-content{width:100%;padding:1.5rem}.header-content{max-width:1280px;margin:0 auto;padding:1rem 1.5rem}.header-top{display:flex;align-items:center;justify-content:space-between}.page-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.header-actions{display:flex;align-items:center;gap:1rem}.search-container{position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input{padding:.5rem 1rem .5rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;width:24rem;outline:none;transition:all .2s}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#f9fafb}.filter-active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.filters-panel{margin-top:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.filter-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.filter-select{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;outline:none;background:#fff}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.content-grid{display:grid;grid-template-columns:420px minmax(0,1fr);gap:1.5rem;width:100%}.users-list{display:flex;flex-direction:column;gap:.75rem}.user-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s}.user-card:hover{box-shadow:0 4px 6px #0000001a}.user-selected{box-shadow:0 0 0 2px #3b82f6}.user-card>div{display:flex;align-items:flex-start;gap:.75rem}.user-avatar{position:relative}.avatar-emoji{font-size:2rem}.online-indicator{position:absolute;bottom:-.25rem;right:-.25rem;width:.75rem;height:.75rem;border-radius:50%;border:2px solid white}.status-online .online-indicator{background:#10b981}.status-offline .online-indicator{background:#9ca3af}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.user-info{flex:1;min-width:0}.user-name{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-id{font-size:.875rem;color:#6b7280;margin:0 0 .5rem}.user-badges{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.badge{padding:.125rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;border:1px solid}.category-basic{background:#f3f4f6;color:#374151;border-color:#d1d5db}.category-standard{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.category-verified{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.category-trusted{background:#e0e7ff;color:#4338ca;border-color:#c7d2fe}.category-rejected{background:#fee2e2;color:#991b1b;border-color:#fecaca}.subscription-bronze{background:#ffedd5;color:#c2410c;border-color:#fed7aa}.subscription-silver{background:#f3f4f6;color:#374151;border-color:#d1d5db}.subscription-gold{background:#fef3c7;color:#b45309;border-color:#fde68a}.subscription-platinum{background:#e0e7ff;color:#4338ca;border-color:#c7d2fe}.user-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#6b7280;margin-bottom:.5rem}.user-industry{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-rating{margin-left:.5rem}.user-status{font-size:.75rem;font-weight:500;margin-top:.5rem;display:flex;align-items:center;gap:.25rem}.status-online{color:#059669}.status-offline{color:#6b7280}.status-dot{width:.375rem;height:.375rem;border-radius:50%}.status-online .status-dot{background:#10b981}.status-offline .status-dot{background:#9ca3af}.details-header{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.header-main{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.header-main>div:first-child{display:flex;gap:1rem}.header-avatar{position:relative}.avatar-large{font-size:3rem}.online-indicator-large{position:absolute;bottom:-.25rem;right:-.25rem;width:1rem;height:1rem;background:#10b981;border-radius:50%;border:2px solid white}.details-name{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .25rem}.details-id{font-size:.875rem;color:#6b7280;margin:0 0 .75rem}.details-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.badge-type{background:#f3f4f6;color:#374151;border-color:#d1d5db}.details-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#4b5563;margin-bottom:.75rem}.details-status{font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.details-status .status-dot{width:.5rem;height:.5rem}.header-actions{display:flex;flex-direction:column;gap:.5rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;cursor:pointer;transition:all .2s;font-size:.875rem;white-space:nowrap}.action-btn:hover{background:#f9fafb}.btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-primary:hover{background:#2563eb}.btn-warning{border-color:#eab308;color:#ca8a04}.btn-warning:hover{background:#fef3c7}.btn-danger{border-color:#ef4444;color:#dc2626}.btn-danger:hover{background:#fee2e2}.industry-badge{display:inline-block;padding:.5rem 1rem;background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe;border-radius:.5rem;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.tabs-container{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.tabs{display:flex;flex-wrap:wrap;overflow-x:hidden}.tab{padding:1rem;font-weight:500;white-space:nowrap;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;color:#6b7280;flex-shrink:0}.tab:hover{color:#111827;background:#f9fafb}.tab-active{border-bottom-color:#3b82f6;color:#3b82f6;background:#eff6ff}.tab-content{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.card-title{font-size:1.125rem;font-weight:600;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.title-accent{width:.25rem;height:1.5rem;background:#3b82f6;border-radius:.25rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.export-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:none;border:none;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s}.export-btn:hover{color:#2563eb}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.info-item{padding:1rem;background:#f9fafb;border-radius:.5rem}.info-label{font-size:.875rem;color:#6b7280;margin:0 0 .25rem}.info-value{font-weight:600;color:#111827;margin:0}.verified-badge{color:#059669;font-size:.75rem;margin-left:.5rem}.address-box{padding:1rem;background:#f9fafb;border-radius:.5rem}.address-title{font-weight:500;color:#111827;margin:0 0 .5rem}.address-line{color:#4b5563;margin:.25rem 0}.profile-tags{margin-top:1.5rem}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.5rem 1rem;background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe;border-radius:9999px;font-size:.875rem;font-weight:500}.activity-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.activity-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#eff6ff,#fff)}.activity-list{border-top:1px solid #e5e7eb}.activity-item{padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;border-bottom:1px solid #e5e7eb;transition:background .2s}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#f9fafb}.activity-dot{width:.5rem;height:.5rem;border-radius:50%;margin-top:.5rem;flex-shrink:0}.activity-blue{background:#3b82f6}.activity-yellow{background:#eab308}.activity-green{background:#10b981}.activity-purple{background:#a855f7}.activity-indigo{background:#6366f1}.activity-content{flex:1;display:flex;justify-content:space-between;align-items:flex-start}.activity-title{font-weight:600;color:#111827;margin:0 0 .25rem}.activity-detail{font-size:.875rem;color:#4b5563;margin:0}.activity-time{text-align:right}.activity-date{font-size:.875rem;color:#6b7280;margin:0}.activity-hour{font-size:.75rem;color:#9ca3af;margin:.25rem 0 0}.transaction-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.section-header{padding:1.25rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s}.section-header:hover{background:#f9fafb}.section-header-left{display:flex;align-items:center;gap:.75rem}.section-header-left h3{font-weight:600;color:#111827;margin:0}.count-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.count-blue{background:#dbeafe;color:#1e40af}.count-green{background:#d1fae5;color:#065f46}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.data-table th{padding:1rem 1.5rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151}.data-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.data-table tbody tr:hover{background:#f9fafb}.data-table td{padding:1rem 1.5rem;color:#374151}.link-cell{color:#3b82f6;font-weight:500;cursor:pointer}.link-cell:hover{text-decoration:underline}.amount-cell{color:#111827;font-weight:600}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-active{background:#d1fae5;color:#065f46}.status-ongoing{background:#dbeafe;color:#1e40af}.status-verified{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-pending{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.status-unverified{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.status-credit{background:#d1fae5;color:#065f46}.status-debit{background:#fee2e2;color:#991b1b}.amount-credit{color:#059669;font-weight:700}.amount-debit{color:#dc2626;font-weight:700}.financial-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card{padding:1.5rem;border-radius:.75rem;border:1px solid}.stat-credit{background:linear-gradient(to bottom right,#d1fae5,#a7f3d0);border-color:#a7f3d0}.stat-debit{background:linear-gradient(to bottom right,#fee2e2,#fecaca);border-color:#fecaca}.stat-balance{background:linear-gradient(to bottom right,#dbeafe,#bfdbfe);border-color:#bfdbfe}.stat-hold{background:linear-gradient(to bottom right,#ffedd5,#fed7aa);border-color:#fed7aa}.stat-label{font-size:.875rem;font-weight:500;margin:0 0 .5rem}.stat-credit .stat-label{color:#065f46}.stat-debit .stat-label{color:#991b1b}.stat-balance .stat-label{color:#1e40af}.stat-hold .stat-label{color:#c2410c}.stat-value{font-size:1.875rem;font-weight:700;margin:0}.stat-credit .stat-value{color:#047857}.stat-debit .stat-value{color:#b91c1c}.stat-balance .stat-value{color:#1e3a8a}.stat-hold .stat-value{color:#ea580c}.payment-history{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.payment-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#eff6ff,#fff)}.compliance-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.compliance-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#eff6ff,#fff)}.compliance-list{border-top:1px solid #e5e7eb}.compliance-item{padding:1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;transition:background .2s}.compliance-item:last-child{border-bottom:none}.compliance-item:hover{background:#f9fafb}.compliance-name{font-weight:600;color:#111827;margin:0 0 .25rem}.compliance-date{font-size:.875rem;color:#6b7280;margin:0}.documents-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.documents-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#eff6ff,#fff)}.documents-list{border-top:1px solid #e5e7eb}.document-item{padding:1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;transition:background .2s}.document-item:last-child{border-bottom:none}.document-item:hover{background:#f9fafb}.document-info{flex:1}.document-name{font-weight:600;color:#111827;margin:0 0 .25rem}.document-verifier{font-size:.875rem;color:#6b7280;margin:0}.document-actions{display:flex;align-items:center;gap:.75rem}.icon-btn{padding:.5rem;background:none;border:none;border-radius:.5rem;cursor:pointer;transition:background .2s;color:#6b7280}.icon-btn:hover{background:#f3f4f6}.empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:3rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-title{font-size:1.125rem;font-weight:500;color:#6b7280;margin:0 0 .5rem}.empty-subtitle{font-size:.875rem;color:#9ca3af;margin:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:28rem;margin:1rem}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:1.25rem;font-weight:600;margin:0}.modal-close{padding:.5rem;background:none;border:none;color:#9ca3af;cursor:pointer;transition:color .2s}.modal-close:hover{color:#4b5563}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.contact-option{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;cursor:pointer;transition:all .2s}.contact-option:hover{background:#f9fafb}.contact-email:hover{border-color:#3b82f6;background:#eff6ff}.contact-email:hover .contact-icon{background:#bfdbfe}.contact-sms:hover{border-color:#10b981;background:#d1fae5}.contact-sms:hover .contact-icon{background:#a7f3d0}.contact-notification:hover{border-color:#a855f7;background:#f3e8ff}.contact-notification:hover .contact-icon{background:#e9d5ff}.contact-icon{padding:.75rem;border-radius:.5rem;transition:background .2s}.contact-email .contact-icon{background:#dbeafe;color:#2563eb}.contact-sms .contact-icon{background:#d1fae5;color:#059669}.contact-notification .contact-icon{background:#f3e8ff;color:#9333ea}.contact-info{flex:1;text-align:left}.contact-title{font-weight:600;color:#111827;margin:0 0 .25rem}.contact-detail{font-size:.875rem;color:#6b7280;margin:0}@media(max-width:1200px){.content-grid{grid-template-columns:1fr}.filters-panel,.financial-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.header-top{flex-direction:column;gap:1rem;align-items:stretch}.header-actions{flex-direction:column}.search-input{width:100%}.filters-panel,.info-grid,.financial-stats{grid-template-columns:1fr}.header-main{flex-direction:column}.header-actions{width:100%}.action-btn{width:100%;justify-content:center}}.app-layout{display:flex;min-height:100vh;width:100%}.app-main{flex:1;overflow-x:hidden;background:#f9fafb}