: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}.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}.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: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: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}.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:2rem;max-width:1400px;margin:0 auto}.content h1{margin:0 0 1.5rem;color:#333;font-size:2rem}.loading,.error{text-align:center;padding:2rem;font-size:1.1rem}.error{color:#e74c3c;background:#fee;border-radius:5px}.data-info{background:#d1ecf1;color:#0c5460;padding:.75rem 1rem;border-radius:5px;margin-bottom:1rem;font-weight:500}.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;text-transform:capitalize}.data-table td{padding:1rem;border-bottom:1px solid #dee2e6;color:#666;word-break:break-word}.data-table tbody tr:hover{background:#f8f9fa}.no-data{text-align:center;color:#999;padding:2rem!important}*{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}