:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}a{font-weight:500;color:#667eea;text-decoration:inherit}a:hover{color:#5568d3}button{font-family:inherit;cursor:pointer}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 10px 25px #0003;width:100%;max-width:400px}.login-card h2{margin-bottom:1.5rem;color:#333;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea}.error-message{color:#e74c3c;margin-bottom:1rem;padding:.5rem;background:#fee;border-radius:5px;font-size:.9rem}.login-button{width:100%;padding:.75rem;background:#667eea;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background .3s}.login-button:hover:not(:disabled){background:#5568d3}.login-button:disabled{opacity:.6;cursor:not-allowed}.success-message{color:#28a745;margin-bottom:1rem;padding:.5rem;background:#d4edda;border-radius:5px;font-size:.9rem}.sidebar{width:250px;background:#2c3e50;color:#fff;height:100vh;position:fixed;left:0;top:0;display:flex;flex-direction:column;box-shadow:2px 0 5px #0000001a}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h2{margin:0 0 1rem;font-size:1.5rem;color:#fff}.user-info{display:flex;flex-direction:column;gap:.5rem}.user-email{font-size:.85rem;color:#fffc;word-break:break-all}.logout-btn{padding:.5rem;background:#e74c3c;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.85rem;transition:background .3s}.logout-btn:hover{background:#c0392b}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-item{display:block;padding:1rem 1.5rem;color:#fffc;text-decoration:none;transition:all .3s;border-left:3px solid transparent}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ffffff26;color:#fff;border-left-color:#667eea;font-weight:500}.layout{display:flex;min-height:100vh}.main-content{margin-left:250px;flex:1;background:#f5f5f5;min-height:100vh}.billing-profiles{min-height:100vh}.view-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.85rem;transition:background .3s}.view-btn:hover{background:#5568d3}.profile-detail{min-height:100vh}.content{padding:2rem;max-width:1200px;margin:0 auto}.header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-actions h1{margin:0;color:#333;font-size:2rem}.back-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;text-decoration:none;font-size:.9rem;transition:background .3s}.back-btn:hover{background:#5568d3}.table-container{background:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;overflow-x:auto;margin-bottom:2rem}.field-label{width:200px;color:#333}.status{padding:.25rem .5rem;border-radius:3px;font-size:.85rem;font-weight:500;display:inline-block}.status-active{background:#d4edda;color:#155724}.status-suspended{background:#f8d7da;color:#721c24}.status-new{background:#d1ecf1;color:#0c5460}.comments-section{background:#fff;padding:2rem;border-radius:5px;box-shadow:0 2px 4px #0000001a}.comments-section h2{margin:0 0 1.5rem;color:#333}.comment-form{margin-bottom:2rem}.comment-form textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;font-family:inherit;resize:vertical;box-sizing:border-box;margin-bottom:.5rem}.comment-form button{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .3s}.comment-form button:hover{background:#5568d3}.no-comments{text-align:center;color:#999;padding:2rem}.comment-text{margin:0;color:#333;white-space:pre-wrap;word-break:break-word}.comment-edit{display:flex;flex-direction:column;gap:.5rem}.edit-textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;font-family:inherit;resize:vertical;box-sizing:border-box}.comment-actions{display:flex;gap:.5rem}.comment-actions button{padding:.25rem .75rem;border:none;border-radius:3px;cursor:pointer;font-size:.85rem;transition:background .3s}.edit-btn{background:#667eea;color:#fff}.edit-btn:hover{background:#5568d3}.delete-btn{background:#e74c3c;color:#fff}.delete-btn:hover{background:#c0392b}.save-btn{background:#28a745;color:#fff}.save-btn:hover{background:#218838}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268}.keycloak-users{min-height:100vh}.content{padding:2rem;max-width:1400px;margin:0 auto}.filters{display:flex;gap:1rem;margin-bottom:1.5rem;background:#fff;padding:1rem;border-radius:5px;box-shadow:0 2px 4px #0000001a}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-weight:500;color:#555}.filter-group select{padding:.5rem;border:1px solid #ddd;border-radius:5px;font-size:1rem}.status-enabled{background:#d4edda;color:#155724;padding:.25rem .5rem;border-radius:3px;font-size:.85rem;font-weight:500;display:inline-block}.status-disabled{background:#f8d7da;color:#721c24;padding:.25rem .5rem;border-radius:3px;font-size:.85rem;font-weight:500;display:inline-block}.no-data{text-align:center;color:#999;padding:2rem!important}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem}.pagination button{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .3s}.pagination button:hover:not(:disabled){background:#5568d3}.pagination button:disabled{opacity:.5;cursor:not-allowed}.search-form{background:#fff;padding:1.5rem;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.search-form .form-group{flex:1;min-width:200px}.search-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.search-form .form-group input,.search-form .form-group select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;box-sizing:border-box}.search-button{padding:.5rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background .3s;height:-moz-fit-content;height:fit-content}.search-button:hover:not(:disabled){background:#5568d3}.search-button:disabled{opacity:.6;cursor:not-allowed}.clear-button{padding:.5rem 1.5rem;background:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background .3s;height:-moz-fit-content;height:fit-content;margin-left:.5rem}.clear-button:hover{background:#5a6268}.search-results-info{background:#d1ecf1;color:#0c5460;padding:.75rem 1rem;border-radius:5px;margin-bottom:1rem;font-weight:500}.search-results h2{margin-bottom:1rem;color:#333}.profile-counts{min-height:100vh}.content{padding:2rem;max-width:800px;margin:0 auto}.content h1{margin:0 0 1.5rem;color:#333;font-size:2rem}.table-container{background:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f8f9fa}.data-table th{padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.data-table td{padding:1rem;border-bottom:1px solid #dee2e6;color:#666}.total-row{background:#f8f9fa;font-weight:600}.count-value{font-size:1.5rem;font-weight:700;text-align:center}.count-value.active{color:#28a745}.count-value.suspended{color:#dc3545}.count-value.new{color:#17a2b8}.count-value.total{color:#333;font-size:1.8rem}.ind-phones{min-height:100vh}.content{padding:1.5rem 2rem 2rem;max-width:100%;margin:0 auto}.content h1{margin:0 0 1rem;color:#222;font-size:1.75rem;font-weight:700}.loading,.error{text-align:center;padding:2rem;font-size:1.1rem}.error{color:#e74c3c;background:#fee;border-radius:5px}.data-info{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.875rem 1.25rem;border-radius:6px;margin-bottom:1.5rem;font-weight:600;font-size:1rem;box-shadow:0 2px 4px #667eea4d}.filters{margin:1rem 0 1.5rem;display:flex;gap:1rem;flex-wrap:wrap}.filters input[type=text]{padding:.5rem .75rem;border-radius:4px;border:1px solid #dee2e6;min-width:260px;font-size:.95rem}.filters input[type=text]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.table-section .data-info{margin-bottom:1.5rem}.table-header-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.items-per-page-selector{display:flex;align-items:center;gap:.5rem}.items-per-page-selector label{font-weight:500;color:#495057;font-size:.9rem}.items-per-page-select{padding:.5rem 1rem;border:1px solid #dee2e6;border-radius:4px;background:#fff;color:#495057;font-size:.9rem;cursor:pointer;transition:all .2s ease}.items-per-page-select:hover{border-color:#667eea}.items-per-page-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.kyc-users-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.tabs{display:flex;gap:.5rem;border-bottom:2px solid #e9ecef;background:#fff;padding:0;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000000d}.tab-btn{padding:1rem 2rem;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:600;color:#6c757d;transition:all .3s ease;position:relative;margin-bottom:-2px}.tab-btn:hover{color:#667eea;background:#f8f9fa}.tab-btn.active{color:#667eea;border-bottom-color:#667eea;background:#f8f9fa}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding:1rem;flex-wrap:wrap}.pagination-btn{padding:.5rem 1rem;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;min-width:40px}.pagination-btn:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;font-weight:600}.pagination-ellipsis{padding:.5rem;color:#6c757d;font-weight:600}.table-section{display:flex;flex-direction:column;background:#fff;border-radius:6px;box-shadow:0 1px 4px #0f172a14;padding:1rem 1.25rem 1.25rem;overflow:hidden}.table-section h2{margin:0 0 1.25rem;color:#2c3e50;font-size:1.75rem;font-weight:700;padding-bottom:.75rem;border-bottom:2px solid #e9ecef}.table-container{background:transparent;box-shadow:none;overflow-x:auto;border:1px solid #e9ecef;border-radius:6px}.data-table{width:100%;border-collapse:collapse;min-width:900px}.data-table thead{background:linear-gradient(135deg,#667eea,#764ba2);position:sticky;top:0;z-index:10}.data-table th{padding:.7rem .9rem;text-align:left;font-weight:600;color:#fff;border-bottom:none;text-transform:capitalize;font-size:.9rem;letter-spacing:.5px;white-space:nowrap}.data-table td{padding:.55rem .9rem;border-bottom:1px solid #e9ecef;color:#495057;word-break:break-word;font-size:.88rem;max-width:260px;overflow:hidden;text-overflow:ellipsis}.data-table tbody tr{transition:background-color .15s ease}.data-table tbody tr:hover{background:#f8f9fa}.data-table tbody tr:nth-child(odd){background:#fcfcfd}.data-table tbody tr:last-child td{border-bottom:none}.no-data{text-align:center;color:#6c757d;padding:3rem!important;font-style:italic}@media(max-width:1200px){.kyc-users-container{gap:2rem}.table-section{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}