*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:#f4f5f7;color:#1e2430}a{color:inherit}.console{min-height:100vh;display:flex}.sidebar{width:220px;flex-shrink:0;background:#14171f;color:#c6cad6;display:flex;flex-direction:column;padding:1.25rem 0}.sidebar-brand{font-size:1.05rem;font-weight:600;color:#fff;padding:0 1.25rem 1.25rem;letter-spacing:-.01em}.sidebar-brand span{color:#7c9cff}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-link{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.25rem;font-size:.87rem;color:#a6abbb;text-decoration:none;border-left:3px solid transparent;cursor:pointer;background:none;border-top:none;border-right:none;border-bottom:none;width:100%;text-align:left}.sidebar-link:hover{background:#ffffff0a;color:#fff}.sidebar-link.active{background:#7c9cff1a;color:#fff;border-left-color:#7c9cff}.sidebar-footer{padding:1rem 1.25rem 0;border-top:1px solid rgba(255,255,255,.08);margin-top:.75rem}.sidebar-user{font-size:.8rem;color:#a6abbb;margin-bottom:.6rem}.sidebar-user strong{display:block;color:#fff;font-size:.85rem}.sidebar-role{display:inline-block;text-transform:uppercase;font-size:.65rem;letter-spacing:.06em;color:#7c9cff;margin-top:.15rem}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.75rem;background:#fff;border-bottom:1px solid #E4E6EC}.topbar-title{font-size:1.1rem;font-weight:600}.content{flex:1;padding:1.75rem;overflow-x:auto}.card{background:#fff;border:1px solid #E4E6EC;border-radius:10px;padding:1.25rem}.card+.card{margin-top:1rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#fff;border:1px solid #E4E6EC;border-radius:10px;padding:1rem 1.15rem}.stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#7a8092;margin-bottom:.35rem}.stat-value{font-size:1.6rem;font-weight:600;color:#1e2430}.stat-sub{font-size:.75rem;color:#9298a6;margin-top:.2rem}table.data-table{width:100%;border-collapse:collapse;font-size:.87rem}.data-table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#7a8092;padding:.6rem .75rem;border-bottom:1px solid #E4E6EC}.data-table td{padding:.65rem .75rem;border-bottom:1px solid #EEF0F4}.data-table tbody tr:hover{background:#fafbfc;cursor:pointer}.badge{display:inline-block;font-size:.7rem;font-weight:500;padding:.18rem .55rem;border-radius:100px;text-transform:capitalize}.badge-free{background:#eef0f4;color:#545b6b}.badge-pro{background:#e8eeff;color:#3555c6}.badge-enterprise{background:#f1e8ff;color:#7332c6}.badge-active{background:#e6f6ec;color:#1f8a4c}.badge-inactive{background:#fdebea;color:#c03b33}.badge-shared{background:#eef0f4;color:#545b6b}.badge-dedicated{background:#fff3e0;color:#b4690e}.role-superadmin{color:#7332c6}.role-support{color:#3555c6}.role-billing{color:#b4690e}.role-read_only{color:#545b6b}.btn{font-family:inherit;font-size:.85rem;font-weight:500;padding:.5rem 1rem;border-radius:7px;border:1px solid transparent;cursor:pointer}.btn-primary{background:#3555c6;color:#fff}.btn-primary:hover{background:#2c46a8}.btn-secondary{background:#fff;color:#1e2430;border-color:#d8dbe3}.btn-secondary:hover{background:#f4f5f7}.btn-danger{background:#fff;color:#c03b33;border-color:#f1c3c0}.btn-danger:hover{background:#fdebea}.btn:disabled{opacity:.5;cursor:not-allowed}.input,select.input{font-family:inherit;font-size:.87rem;padding:.55rem .75rem;border-radius:7px;border:1px solid #D8DBE3;width:100%;background:#fff;color:#1e2430}.input:focus,select.input:focus{outline:none;border-color:#7c9cff;box-shadow:0 0 0 3px #7c9cff26}label.field-label{display:block;font-size:.8rem;font-weight:500;margin-bottom:.3rem}.field{margin-bottom:1rem}.error-text{color:#c03b33;font-size:.82rem;margin-top:.5rem}.empty-state{color:#9298a6;font-size:.87rem;padding:2rem 0;text-align:center}.pagination{display:flex;align-items:center;gap:.75rem;margin-top:1rem;font-size:.85rem;color:#545b6b}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#14171f;padding:1.5rem}.login-card{background:#fff;border-radius:12px;padding:2rem;width:100%;max-width:380px}.login-title{font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.login-sub{font-size:.85rem;color:#7a8092;margin-bottom:1.5rem}